@jobber/components 5.44.0 → 5.44.1

package/dist/{DataListHeaderTile-AafLMa_2.js → DataListHeaderTile-Bqu8qKGX.js}

@@ -2,19 +2,24 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var useFocusTrap = require('./useFocusTrap-B2-hmo7f.js');
-var useRefocusOnActivator = require('./useRefocusOnActivator-D2Krk5tX.js');
-var DataListSortingOptions = require('./DataListSortingOptions-ptAKaW4A.js');
-var Text = require('./Text-DvnoRbdj.js');
-var DataListContext = require('./DataListContext-CmXfHDNk.js');
+var useFocusTrap = require('./useFocusTrap-DbqVMjCs.js');
+var useRefocusOnActivator = require('./useRefocusOnActivator-D4-TDxL_.js');
+var DataListSortingOptions = require('./DataListSortingOptions-BZcm0J1o.js');
+var Text = require('./Text-BCEy1n5h.js');
+var DataListContext = require('./DataListContext-BrBMbaKg.js');
 
 var styles$1 = {"headerLabel":"kXYd0fpUuek-","sortable":"kryUPRHDUcs-","spinning":"CY2nuF56w6Y-"};
 
 var styles = {"sortIcon":"_7-6mnR33fOk-","inactive":"GBbFLBGQDvI-","active":"ADTGMg72Zw4-","spinning":"l5wqDUSULQY-"};
 
 const SORTING_ICON_TEST_ID = "ATL-DataList-Sorting-Icon";
-function DataListSortingArrows({ order }) {
-    return (React.createElement("div", { className: styles.sortIcon, "data-testid": SORTING_ICON_TEST_ID },
+const SORT_ORDER_MAP = {
+    asc: "ascending",
+    desc: "descending",
+    none: "none",
+};
+function DataListSortingArrows({ headerKey, order, }) {
+    return (React.createElement("div", { className: styles.sortIcon, "data-testid": SORTING_ICON_TEST_ID, "aria-label": `${headerKey} sort icon`, "aria-sort": order ? SORT_ORDER_MAP[order] : undefined },
         React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
             React.createElement("path", { className: getActiveClassName("asc"), d: "M16.2929 10.6661C15.9024 11.0566 15.2692 11.0566 14.8787 10.6661L12.2891 8.14263L9.70711 10.6661C9.31658 11.0566 8.68342 11.0566 8.29289 10.6661C7.90237 10.2756 7.90237 9.64239 8.29289 9.25186L11.5858 5.95897C11.9763 5.56845 12.6095 5.56845 13 5.95897L16.2929 9.25186C16.6834 9.64239 16.6834 10.2756 16.2929 10.6661Z" }),
             React.createElement("path", { className: getActiveClassName("desc"), d: "M8.29292 13.3339C8.68345 12.9434 9.31661 12.9434 9.70714 13.3339L12.2968 15.8573L14.8787 13.3339C15.2692 12.9434 15.9024 12.9434 16.2929 13.3339C16.6834 13.7244 16.6834 14.3576 16.2929 14.7481L13 18.041C12.6095 18.4315 11.9763 18.4315 11.5858 18.041L8.29292 14.7481C7.9024 14.3576 7.9024 13.7244 8.29292 13.3339Z" }))));
@@ -39,7 +44,7 @@ function DataListHeaderTile({ headers, headerKey, visible = false, }) {
         }), onClick: handleOnClick, ref: dataListHeaderTileRef },
         React.createElement(Text.Text, { maxLines: "single" }, headers[headerKey]),
         isSortable && (sortableItem === null || sortableItem === void 0 ? void 0 : sortableItem.options) && isDropDownOpen && (React.createElement(DataListSortingOptions.DataListSortingOptions, { options: sortableItem.options, selectedOption: (sorting === null || sorting === void 0 ? void 0 : sorting.state) || null, onSelectChange: handleSelectChange, onClose: () => setIsDropDownOpen(false), optionsListRef: optionsListRef, dataListHeaderTileRef: dataListHeaderTileRef })),
-        isSortable && (React.createElement(DataListSortingArrows, { order: (sortingState === null || sortingState === void 0 ? void 0 : sortingState.key) === headerKey ? sortingState.order : "none" }))));
+        isSortable && (React.createElement(DataListSortingArrows, { order: (sortingState === null || sortingState === void 0 ? void 0 : sortingState.key) === headerKey ? sortingState.order : "none", headerKey: headerKey }))));
     function toggleSorting(newSortingKey, newId, newLabel) {
         var _a, _b;
         const isSameKey = newSortingKey === (sortingState === null || sortingState === void 0 ? void 0 : sortingState.key);

package/dist/{DataListHeaderTile-Cq2zTG8L.js → DataListHeaderTile-CQJgSVHS.js}

@@ -1,18 +1,23 @@
 import React, { useState, useRef } from 'react';
 import classnames from 'classnames';
-import { u as useFocusTrap_2 } from './useFocusTrap-D91fr7a2.js';
-import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-D39AQrXH.js';
-import { D as DataListSortingOptions } from './DataListSortingOptions-CzOKnmXR.js';
-import { T as Text } from './Text-BssK2XD6.js';
-import { u as useDataListContext } from './DataListContext-BaXiDP4z.js';
+import { u as useFocusTrap_2 } from './useFocusTrap-C2Yos8Pb.js';
+import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-CHOEkovi.js';
+import { D as DataListSortingOptions } from './DataListSortingOptions-QD2pYM-t.js';
+import { T as Text } from './Text-B21i0Eiz.js';
+import { u as useDataListContext } from './DataListContext-Bk2vzOPE.js';
 
 var styles$1 = {"headerLabel":"kXYd0fpUuek-","sortable":"kryUPRHDUcs-","spinning":"CY2nuF56w6Y-"};
 
 var styles = {"sortIcon":"_7-6mnR33fOk-","inactive":"GBbFLBGQDvI-","active":"ADTGMg72Zw4-","spinning":"l5wqDUSULQY-"};
 
 const SORTING_ICON_TEST_ID = "ATL-DataList-Sorting-Icon";
-function DataListSortingArrows({ order }) {
-    return (React.createElement("div", { className: styles.sortIcon, "data-testid": SORTING_ICON_TEST_ID },
+const SORT_ORDER_MAP = {
+    asc: "ascending",
+    desc: "descending",
+    none: "none",
+};
+function DataListSortingArrows({ headerKey, order, }) {
+    return (React.createElement("div", { className: styles.sortIcon, "data-testid": SORTING_ICON_TEST_ID, "aria-label": `${headerKey} sort icon`, "aria-sort": order ? SORT_ORDER_MAP[order] : undefined },
         React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
             React.createElement("path", { className: getActiveClassName("asc"), d: "M16.2929 10.6661C15.9024 11.0566 15.2692 11.0566 14.8787 10.6661L12.2891 8.14263L9.70711 10.6661C9.31658 11.0566 8.68342 11.0566 8.29289 10.6661C7.90237 10.2756 7.90237 9.64239 8.29289 9.25186L11.5858 5.95897C11.9763 5.56845 12.6095 5.56845 13 5.95897L16.2929 9.25186C16.6834 9.64239 16.6834 10.2756 16.2929 10.6661Z" }),
             React.createElement("path", { className: getActiveClassName("desc"), d: "M8.29292 13.3339C8.68345 12.9434 9.31661 12.9434 9.70714 13.3339L12.2968 15.8573L14.8787 13.3339C15.2692 12.9434 15.9024 12.9434 16.2929 13.3339C16.6834 13.7244 16.6834 14.3576 16.2929 14.7481L13 18.041C12.6095 18.4315 11.9763 18.4315 11.5858 18.041L8.29292 14.7481C7.9024 14.3576 7.9024 13.7244 8.29292 13.3339Z" }))));
@@ -37,7 +42,7 @@ function DataListHeaderTile({ headers, headerKey, visible = false, }) {
         }), onClick: handleOnClick, ref: dataListHeaderTileRef },
         React.createElement(Text, { maxLines: "single" }, headers[headerKey]),
         isSortable && (sortableItem === null || sortableItem === void 0 ? void 0 : sortableItem.options) && isDropDownOpen && (React.createElement(DataListSortingOptions, { options: sortableItem.options, selectedOption: (sorting === null || sorting === void 0 ? void 0 : sorting.state) || null, onSelectChange: handleSelectChange, onClose: () => setIsDropDownOpen(false), optionsListRef: optionsListRef, dataListHeaderTileRef: dataListHeaderTileRef })),
-        isSortable && (React.createElement(DataListSortingArrows, { order: (sortingState === null || sortingState === void 0 ? void 0 : sortingState.key) === headerKey ? sortingState.order : "none" }))));
+        isSortable && (React.createElement(DataListSortingArrows, { order: (sortingState === null || sortingState === void 0 ? void 0 : sortingState.key) === headerKey ? sortingState.order : "none", headerKey: headerKey }))));
     function toggleSorting(newSortingKey, newId, newLabel) {
         var _a, _b;
         const isSameKey = newSortingKey === (sortingState === null || sortingState === void 0 ? void 0 : sortingState.key);

package/dist/{DataListItem-C-Op3LxC.js → DataListItem-DsAg7a44.js}

@@ -3,16 +3,16 @@
 var React = require('react');
 var framerMotion = require('framer-motion');
 var classnames = require('classnames');
-var DataListLayoutContext = require('./DataListLayoutContext-3HsEFbS5.js');
-var DataListItemActions = require('./DataListItemActions-BYu8ugdC.js');
-var DataListActionsMenu = require('./DataListActionsMenu-BHal6ha4.js');
-var DataListLayoutContext$1 = require('./DataListLayoutContext-Bi7qsjgt.js');
-var DataList_utils = require('./DataList.utils-E6Ry3A0s.js');
-var Checkbox = require('./Checkbox-BG3HFg_c.js');
-var useBatchSelect = require('./useBatchSelect-DRIN-pIx.js');
-var DataList_module = require('./DataList.module-OMdg6BVt.js');
-var DataListItemClickable = require('./DataListItemClickable-yKXC8dUt.js');
-var DataListContext = require('./DataListContext-CmXfHDNk.js');
+var DataListLayoutContext = require('./DataListLayoutContext-DmVQHxsf.js');
+var DataListItemActions = require('./DataListItemActions-BCxyIp5F.js');
+var DataListActionsMenu = require('./DataListActionsMenu-CUVKg7WK.js');
+var DataListLayoutContext$1 = require('./DataListLayoutContext-iCZ_zIUg.js');
+var DataList_utils = require('./DataList.utils-CFD18OA6.js');
+var Checkbox = require('./Checkbox-CT6c28ys.js');
+var useBatchSelect = require('./useBatchSelect-2Sjuzeq6.js');
+var DataList_module = require('./DataList.module-CWbM2RnY.js');
+var DataListItemClickable = require('./DataListItemClickable-CqAqZ1MI.js');
+var DataListContext = require('./DataListContext-BrBMbaKg.js');
 
 function DataListItemInternal({ children, item, }) {
     const { canSelect, hasAtLeastOneSelected, isSelectAll, selectedIDs, selected, onSelect, } = useBatchSelect.useBatchSelect();

package/dist/{DataListItem-Bv2AQ_vu.js → DataListItem-_hGaDYgZ.js}

@@ -1,16 +1,16 @@
 import React, { Children, useMemo, isValidElement, useState } from 'react';
 import { AnimatePresence } from 'framer-motion';
 import classnames from 'classnames';
-import { u as useDataListLayoutContext } from './DataListLayoutContext-C1xbPd3H.js';
-import { I as InternalDataListItemActions } from './DataListItemActions-CAXiKD-_.js';
-import { D as DataListActionsMenu } from './DataListActionsMenu-DkbiJc5N.js';
-import { D as DataListLayoutActionsContext } from './DataListLayoutContext-DV48Y-gw.js';
-import { d as generateListItemElement } from './DataList.utils-Bi-Eh-ev.js';
-import { C as Checkbox } from './Checkbox-4CTnSHY9.js';
-import { u as useBatchSelect } from './useBatchSelect-B_Grzkey.js';
-import { s as styles } from './DataList.module-BCR63hAW.js';
-import { D as DataListItemClickable } from './DataListItemClickable-BrLBWLlb.js';
-import { u as useDataListContext } from './DataListContext-BaXiDP4z.js';
+import { u as useDataListLayoutContext } from './DataListLayoutContext-CS4tMCRX.js';
+import { I as InternalDataListItemActions } from './DataListItemActions-aggI5HT2.js';
+import { D as DataListActionsMenu } from './DataListActionsMenu-DSwCKvw8.js';
+import { D as DataListLayoutActionsContext } from './DataListLayoutContext-D5Rtu526.js';
+import { d as generateListItemElement } from './DataList.utils-EdmNZe_P.js';
+import { C as Checkbox } from './Checkbox-BQHCi8Sk.js';
+import { u as useBatchSelect } from './useBatchSelect-BsBm4PEE.js';
+import { s as styles } from './DataList.module-DMYC2yhY.js';
+import { D as DataListItemClickable } from './DataListItemClickable-BrhKsgNs.js';
+import { u as useDataListContext } from './DataListContext-Bk2vzOPE.js';
 
 function DataListItemInternal({ children, item, }) {
     const { canSelect, hasAtLeastOneSelected, isSelectAll, selectedIDs, selected, onSelect, } = useBatchSelect();

package/dist/{DataListItemActions-BYu8ugdC.js → DataListItemActions-BCxyIp5F.js}

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var framerMotion = require('framer-motion');
-var DataList_const = require('./DataList.const-C6hI606i.js');
-var DataListActions = require('./DataListActions-2iMgWx61.js');
+var DataList_const = require('./DataList.const-C8ROvCUZ.js');
+var DataListActions = require('./DataListActions-COZPGE_p.js');
 
 var styles = {"menu":"SSm2j6d2kYo-","spinning":"Mpmu6IiBTSI-"};
 

package/dist/{DataListItemActions-CAXiKD-_.js → DataListItemActions-aggI5HT2.js}

@@ -1,7 +1,7 @@
 import React from 'react';
 import { motion } from 'framer-motion';
-import { T as TRANSITION_DURATION_IN_SECONDS, d as TRANSITION_DELAY_IN_SECONDS } from './DataList.const-zz2tllZT.js';
-import { D as DataListActions } from './DataListActions-DsHRcvsb.js';
+import { T as TRANSITION_DURATION_IN_SECONDS, d as TRANSITION_DELAY_IN_SECONDS } from './DataList.const-uLWSnjtu.js';
+import { D as DataListActions } from './DataListActions-BUPrnfqo.js';
 
 var styles = {"menu":"SSm2j6d2kYo-","spinning":"Mpmu6IiBTSI-"};
 

package/dist/{DataListItemActionsOverflow-DVrMVF4D.js → DataListItemActionsOverflow-CdFavgZN.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var Button = require('./Button-zsGsN_Ut.js');
-var Tooltip = require('./Tooltip-CbByIOuQ.js');
-var DataListActionsMenu = require('./DataListActionsMenu-BHal6ha4.js');
+var Button = require('./Button-DWTtc4dT.js');
+var Tooltip = require('./Tooltip-TPBGRwS_.js');
+var DataListActionsMenu = require('./DataListActionsMenu-CUVKg7WK.js');
 
 function DataListItemActionsOverflow({ actions, }) {
     const [menuPosition, setMenuPosition] = React.useState({ x: 0, y: 0 });

package/dist/{DataListItemActionsOverflow-ksWLtnVY.js → DataListItemActionsOverflow-yNuomKP0.js}

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
-import { B as Button } from './Button-1232nyWn.js';
-import { T as Tooltip } from './Tooltip-Df6rFfYt.js';
-import { D as DataListActionsMenu } from './DataListActionsMenu-DkbiJc5N.js';
+import { B as Button } from './Button-D85IdhpW.js';
+import { T as Tooltip } from './Tooltip-CF5ext4Y.js';
+import { D as DataListActionsMenu } from './DataListActionsMenu-DSwCKvw8.js';
 
 function DataListItemActionsOverflow({ actions, }) {
     const [menuPosition, setMenuPosition] = useState({ x: 0, y: 0 });

package/dist/{DataListItemClickable-BrLBWLlb.js → DataListItemClickable-BrhKsgNs.js}

@@ -1,8 +1,8 @@
 import React from 'react';
-import { u as useDataListContext } from './DataListContext-BaXiDP4z.js';
+import { u as useDataListContext } from './DataListContext-Bk2vzOPE.js';
 import { Link } from 'react-router-dom';
-import { s as styles } from './DataList.module-BCR63hAW.js';
-import { u as useDataListLayoutActionsContext } from './DataListLayoutContext-DV48Y-gw.js';
+import { s as styles } from './DataList.module-DMYC2yhY.js';
+import { u as useDataListLayoutActionsContext } from './DataListLayoutContext-D5Rtu526.js';
 
 function DataListItemClickableInternal({ onClick, url, to, children, }) {
     const { activeItem } = useDataListLayoutActionsContext();

package/dist/{DataListItemClickable-yKXC8dUt.js → DataListItemClickable-CqAqZ1MI.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var DataListContext = require('./DataListContext-CmXfHDNk.js');
+var DataListContext = require('./DataListContext-BrBMbaKg.js');
 var reactRouterDom = require('react-router-dom');
-var DataList_module = require('./DataList.module-OMdg6BVt.js');
-var DataListLayoutContext = require('./DataListLayoutContext-Bi7qsjgt.js');
+var DataList_module = require('./DataList.module-CWbM2RnY.js');
+var DataListLayoutContext = require('./DataListLayoutContext-iCZ_zIUg.js');
 
 function DataListItemClickableInternal({ onClick, url, to, children, }) {
     const { activeItem } = DataListLayoutContext.useDataListLayoutActionsContext();

package/dist/{DataListItems-otnodOB9.js → DataListItems-Bvh2OIGe.js}

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
-import { u as useDataListContext } from './DataListContext-BaXiDP4z.js';
-import { D as DataListLayoutContext } from './DataListLayoutContext-C1xbPd3H.js';
-import { D as DataListItem } from './DataListItem-Bv2AQ_vu.js';
+import { u as useDataListContext } from './DataListContext-Bk2vzOPE.js';
+import { D as DataListLayoutContext } from './DataListLayoutContext-CS4tMCRX.js';
+import { D as DataListItem } from './DataListItem-_hGaDYgZ.js';
 
 function DataListItems({ size = "xs", }) {
     const { data, layouts } = useDataListContext();

package/dist/{DataListItems-DxXpj73o.js → DataListItems-CmGIluhx.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var DataListContext = require('./DataListContext-CmXfHDNk.js');
-var DataListLayoutContext = require('./DataListLayoutContext-3HsEFbS5.js');
-var DataListItem = require('./DataListItem-C-Op3LxC.js');
+var DataListContext = require('./DataListContext-BrBMbaKg.js');
+var DataListLayoutContext = require('./DataListLayoutContext-DmVQHxsf.js');
+var DataListItem = require('./DataListItem-DsAg7a44.js');
 
 function DataListItems({ size = "xs", }) {
     const { data, layouts } = DataListContext.useDataListContext();

package/dist/{DataListLayout-5KI_lmed.js → DataListLayout-Bz60jeru.js}

@@ -1,7 +1,7 @@
 import React, { useEffect } from 'react';
-import { D as DataListItems } from './DataListItems-otnodOB9.js';
-import { u as useDataListContext } from './DataListContext-BaXiDP4z.js';
-import { u as useActiveLayout } from './useActiveLayout-CcYjoBAv.js';
+import { D as DataListItems } from './DataListItems-Bvh2OIGe.js';
+import { u as useDataListContext } from './DataListContext-Bk2vzOPE.js';
+import { u as useActiveLayout } from './useActiveLayout-CZKgdp_P.js';
 
 function DataListLayout({ children, size = "xs", }) {
     const { registerLayout, loadingState } = useDataListContext();

package/dist/{DataListLayout-_hnLi2vj.js → DataListLayout-Cr3XPN1w.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var DataListItems = require('./DataListItems-DxXpj73o.js');
-var DataListContext = require('./DataListContext-CmXfHDNk.js');
-var useActiveLayout = require('./useActiveLayout-DW1iXEIA.js');
+var DataListItems = require('./DataListItems-CmGIluhx.js');
+var DataListContext = require('./DataListContext-BrBMbaKg.js');
+var useActiveLayout = require('./useActiveLayout-DA3Q5ZS0.js');
 
 function DataListLayout({ children, size = "xs", }) {
     const { registerLayout, loadingState } = DataListContext.useDataListContext();

package/dist/{DataListLayoutActions-CC1wzzFl.js → DataListLayoutActions-BTR-SW7B.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var DataListContext = require('./DataListContext-CmXfHDNk.js');
-var DataListLayoutContext = require('./DataListLayoutContext-3HsEFbS5.js');
-var DataListItemActionsOverflow = require('./DataListItemActionsOverflow-DVrMVF4D.js');
-var Glimmer = require('./Glimmer-DjxBASgb.js');
+var DataListContext = require('./DataListContext-BrBMbaKg.js');
+var DataListLayoutContext = require('./DataListLayoutContext-DmVQHxsf.js');
+var DataListItemActionsOverflow = require('./DataListItemActionsOverflow-CdFavgZN.js');
+var Glimmer = require('./Glimmer-CElMdb1h.js');
 
 var styles = {"hidden":"CwWlXTKCPUg-","spinning":"JD9H0C1ehv0-"};
 

package/dist/{DataListLayoutActions-c5iQhrCe.js → DataListLayoutActions-DgRQhChA.js}

@@ -1,8 +1,8 @@
 import React, { Children, useEffect } from 'react';
-import { u as useDataListContext } from './DataListContext-BaXiDP4z.js';
-import { u as useDataListLayoutContext } from './DataListLayoutContext-C1xbPd3H.js';
-import { D as DataListItemActionsOverflow } from './DataListItemActionsOverflow-ksWLtnVY.js';
-import { G as Glimmer } from './Glimmer-DVLwp1lr.js';
+import { u as useDataListContext } from './DataListContext-Bk2vzOPE.js';
+import { u as useDataListLayoutContext } from './DataListLayoutContext-CS4tMCRX.js';
+import { D as DataListItemActionsOverflow } from './DataListItemActionsOverflow-yNuomKP0.js';
+import { G as Glimmer } from './Glimmer-uh68mgLi.js';
 
 var styles = {"hidden":"CwWlXTKCPUg-","spinning":"JD9H0C1ehv0-"};
 

package/dist/{DataListLayoutContext-C1xbPd3H.js → DataListLayoutContext-CS4tMCRX.js}

@@ -1,4 +1,4 @@
-import { n as noop } from './noop-DbYxjVIo.js';
+import { n as noop } from './noop-BOMooIRV.js';
 import { createContext, useContext } from 'react';
 
 const defaultValues = {

package/dist/{DataListLayoutContext-3HsEFbS5.js → DataListLayoutContext-DmVQHxsf.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var noop = require('./noop-CSQPyrZR.js');
+var noop = require('./noop-CiO6lfYH.js');
 var React = require('react');
 
 const defaultValues = {

package/dist/{DataListLoadMore-CgywlW25.js → DataListLoadMore-Dzm_UibA.js}

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var useInView = require('./useInView-CU6ZAAaB.js');
-var DataListContext = require('./DataListContext-CmXfHDNk.js');
-var DataList_const = require('./DataList.const-C6hI606i.js');
-var Spinner = require('./Spinner-Bpgw6GOF.js');
-var Button = require('./Button-zsGsN_Ut.js');
+var useInView = require('./useInView-Criiv2iZ.js');
+var DataListContext = require('./DataListContext-BrBMbaKg.js');
+var DataList_const = require('./DataList.const-C8ROvCUZ.js');
+var Spinner = require('./Spinner-D12UFCh4.js');
+var Button = require('./Button-DWTtc4dT.js');
 
 var styles = {"trigger":"aJIHa8Q-WbY-","loadingMore":"lLYWNAYcURY-","backToTop":"qA8J2KI6khc-","fadeIn":"WKPuBJINNCg-","spinning":"mZH3CAkfppI-"};
 

package/dist/{DataListLoadMore-BGHfK8Ip.js → DataListLoadMore-ulW2F8br.js}

@@ -1,9 +1,9 @@
 import React, { useEffect } from 'react';
-import { u as useInView_2 } from './useInView-CvKWvqae.js';
-import { u as useDataListContext } from './DataListContext-BaXiDP4z.js';
-import { f as DATA_LOAD_MORE_TEST_ID, g as DATA_LIST_LOADING_MORE_SPINNER_TEST_ID } from './DataList.const-zz2tllZT.js';
-import { S as Spinner } from './Spinner-CdAJnUDT.js';
-import { B as Button } from './Button-1232nyWn.js';
+import { u as useInView_2 } from './useInView-C0Ukd-qz.js';
+import { u as useDataListContext } from './DataListContext-Bk2vzOPE.js';
+import { f as DATA_LOAD_MORE_TEST_ID, g as DATA_LIST_LOADING_MORE_SPINNER_TEST_ID } from './DataList.const-uLWSnjtu.js';
+import { S as Spinner } from './Spinner-BBFAt5Ip.js';
+import { B as Button } from './Button-D85IdhpW.js';
 
 var styles = {"trigger":"aJIHa8Q-WbY-","loadingMore":"lLYWNAYcURY-","backToTop":"qA8J2KI6khc-","fadeIn":"WKPuBJINNCg-","spinning":"mZH3CAkfppI-"};
 

package/dist/{DataListLoadingState-B1OalY-r.js → DataListLoadingState-BTbzHyPH.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var Glimmer = require('./Glimmer-DjxBASgb.js');
-var DataListContext = require('./DataListContext-CmXfHDNk.js');
-var useActiveLayout = require('./useActiveLayout-DW1iXEIA.js');
+var Glimmer = require('./Glimmer-CElMdb1h.js');
+var DataListContext = require('./DataListContext-BrBMbaKg.js');
+var useActiveLayout = require('./useActiveLayout-DA3Q5ZS0.js');
 
 var styles = {"wrapper":"_85AuDa3YmT4-","loadingItem":"_7DSXt2KpxYc-","glimmer":"_80Ger-sdJDc-","spinning":"ZL6R4NENP64-"};
 

package/dist/{DataListLoadingState-DOaaYTun.js → DataListLoadingState-C2-FbeGf.js}

@@ -1,7 +1,7 @@
 import React from 'react';
-import { G as Glimmer } from './Glimmer-DVLwp1lr.js';
-import { u as useDataListContext } from './DataListContext-BaXiDP4z.js';
-import { u as useActiveLayout } from './useActiveLayout-CcYjoBAv.js';
+import { G as Glimmer } from './Glimmer-uh68mgLi.js';
+import { u as useDataListContext } from './DataListContext-Bk2vzOPE.js';
+import { u as useActiveLayout } from './useActiveLayout-CZKgdp_P.js';
 
 var styles = {"wrapper":"_85AuDa3YmT4-","loadingItem":"_7DSXt2KpxYc-","glimmer":"_80Ger-sdJDc-","spinning":"ZL6R4NENP64-"};
 

package/dist/{DataListOverflowFade-Clr09UFI.js → DataListOverflowFade-DMcrbsvq.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { u as useInView_2 } from './useInView-CvKWvqae.js';
+import { u as useInView_2 } from './useInView-C0Ukd-qz.js';
 import classnames from 'classnames';
 
 const CONTAINER_TEST_ID = "ATL-DataListFilters-Container";

package/dist/{DataListOverflowFade-l_R9wFX_.js → DataListOverflowFade-vhnRvhla.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var useInView = require('./useInView-CU6ZAAaB.js');
+var useInView = require('./useInView-Criiv2iZ.js');
 var classnames = require('classnames');
 
 const CONTAINER_TEST_ID = "ATL-DataListFilters-Container";

package/dist/{DataListSearch-DhlPxbCP.js → DataListSearch-1KIT4Hll.js}

@@ -1,14 +1,14 @@
 'use strict';
 
 var React = require('react');
-var debounce = require('./debounce-ClZF1emd.js');
+var debounce = require('./debounce-CXKdv21E.js');
 var classnames = require('classnames');
 var design = require('@jobber/design');
-var InputText = require('./InputText-CVY7YlZA.js');
-var DataListContext = require('./DataListContext-CmXfHDNk.js');
-var DataList_const = require('./DataList.const-C6hI606i.js');
-var Button = require('./Button-zsGsN_Ut.js');
-var AnimatedSwitcher = require('./AnimatedSwitcher-BDcMy1Gm.js');
+var InputText = require('./InputText-37CsTikL.js');
+var DataListContext = require('./DataListContext-BrBMbaKg.js');
+var DataList_const = require('./DataList.const-C8ROvCUZ.js');
+var Button = require('./Button-DWTtc4dT.js');
+var AnimatedSwitcher = require('./AnimatedSwitcher-Qwamzk7I.js');
 
 var styles = {"wrapper":"S2Bu0Rv4w-E-","searchInput":"N8dyu-defmc-","searchInputVisible":"UhMQC1SZUns-","searchButton":"zQPIm20aF50-","withNoFilters":"oOqZupWkemo-","spinning":"Wq63M3dVuYs-"};
 

package/dist/{DataListSearch-D4j0wLyT.js → DataListSearch-BgDLyQmm.js}

@@ -1,12 +1,12 @@
 import React, { useRef, useState, useCallback } from 'react';
-import { a as debounce } from './debounce-CiTYYdhh.js';
+import { a as debounce } from './debounce-BHWfwe7p.js';
 import classnames from 'classnames';
 import { tokens } from '@jobber/design';
-import { I as InputText } from './InputText-BHuZq0Pu.js';
-import { u as useDataListContext } from './DataListContext-BaXiDP4z.js';
-import { S as SEARCH_DEBOUNCE_DELAY } from './DataList.const-zz2tllZT.js';
-import { B as Button } from './Button-1232nyWn.js';
-import { A as AnimatedSwitcher } from './AnimatedSwitcher-Dqx6CHHe.js';
+import { I as InputText } from './InputText-BXwR62yi.js';
+import { u as useDataListContext } from './DataListContext-Bk2vzOPE.js';
+import { S as SEARCH_DEBOUNCE_DELAY } from './DataList.const-uLWSnjtu.js';
+import { B as Button } from './Button-D85IdhpW.js';
+import { A as AnimatedSwitcher } from './AnimatedSwitcher-T-5UblkI.js';
 
 var styles = {"wrapper":"S2Bu0Rv4w-E-","searchInput":"N8dyu-defmc-","searchInputVisible":"UhMQC1SZUns-","searchButton":"zQPIm20aF50-","withNoFilters":"oOqZupWkemo-","spinning":"Wq63M3dVuYs-"};
 

package/dist/{DataListSort-CWAy-10I.js → DataListSort-BJfTDjfj.js}

@@ -1,10 +1,10 @@
 import React from 'react';
-import { u as useDataListContext } from './DataListContext-BaXiDP4z.js';
-import { C as Combobox } from './Combobox-DDDI1QHf.js';
-import './ComboboxProvider-D1Yatjji.js';
-import { C as Chip } from './Chip-BeG4_kG8.js';
-import './tslib.es6-COdwbcGU.js';
-import { I as Icon } from './Icon-CKWKs6i0.js';
+import { u as useDataListContext } from './DataListContext-Bk2vzOPE.js';
+import { C as Combobox } from './Combobox-ylfWsh0P.js';
+import './ComboboxProvider-BoSRoF7P.js';
+import { C as Chip } from './Chip-CJ7l8cFJ.js';
+import './tslib.es6-DvgWyNc4.js';
+import { I as Icon } from './Icon-pNRFEs2A.js';
 
 function DataListSort() {
     const { sorting, headers } = useDataListContext();

package/dist/{DataListSort-CjiH1cZ2.js → DataListSort-BykqS3Te.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var React = require('react');
-var DataListContext = require('./DataListContext-CmXfHDNk.js');
-var Combobox = require('./Combobox-CoVNfy5U.js');
-require('./ComboboxProvider-lNJlqebq.js');
-var Chip = require('./Chip-DLQMG69_.js');
-require('./tslib.es6-k57v1KRK.js');
-var Icon = require('./Icon-DS18GYxD.js');
+var DataListContext = require('./DataListContext-BrBMbaKg.js');
+var Combobox = require('./Combobox-DXPX8h59.js');
+require('./ComboboxProvider-Cy41rDhM.js');
+var Chip = require('./Chip-c5NM_WXx.js');
+require('./tslib.es6-CJ4B1Z7F.js');
+var Icon = require('./Icon-BSGzzcyX.js');
 
 function DataListSort() {
     const { sorting, headers } = DataListContext.useDataListContext();

package/dist/{DataListSortingOptions-ptAKaW4A.js → DataListSortingOptions-BZcm0J1o.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var useOnKeyDown = require('./useOnKeyDown-D-hgU4UY.js');
-var useRefocusOnActivator = require('./useRefocusOnActivator-D2Krk5tX.js');
-var Icon = require('./Icon-DS18GYxD.js');
+var useOnKeyDown = require('./useOnKeyDown-KShYM7sr.js');
+var useRefocusOnActivator = require('./useRefocusOnActivator-D4-TDxL_.js');
+var Icon = require('./Icon-BSGzzcyX.js');
 
 var styles = {"optionsList":"krkUjDI-P7E-","option":"d4hPt6o50kw-","spinning":"CNq0y1X8-Eo-"};
 

package/dist/{DataListSortingOptions-CzOKnmXR.js → DataListSortingOptions-QD2pYM-t.js}

@@ -1,7 +1,7 @@
 import React, { useEffect } from 'react';
-import { u as useOnKeyDown_2 } from './useOnKeyDown-DlTOq7vy.js';
-import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-D39AQrXH.js';
-import { I as Icon } from './Icon-CKWKs6i0.js';
+import { u as useOnKeyDown_2 } from './useOnKeyDown-CMmBBI9m.js';
+import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-CHOEkovi.js';
+import { I as Icon } from './Icon-pNRFEs2A.js';
 
 var styles = {"optionsList":"krkUjDI-P7E-","option":"d4hPt6o50kw-","spinning":"CNq0y1X8-Eo-"};
 

package/dist/{DataListStatusBar-5J7M7a17.js → DataListStatusBar-Bprltlcu.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var DataList_utils = require('./DataList.utils-E6Ry3A0s.js');
-var DataListContext = require('./DataListContext-CmXfHDNk.js');
+var DataList_utils = require('./DataList.utils-CFD18OA6.js');
+var DataListContext = require('./DataListContext-BrBMbaKg.js');
 
 // This component is meant to capture the props of the DataList.Filters
 // eslint-disable-next-line @typescript-eslint/no-unused-vars

package/dist/{DataListStatusBar-CuKMIYQj.js → DataListStatusBar-Ea9hnyLG.js}

@@ -1,6 +1,6 @@
 import React from 'react';
-import { g as getCompoundComponent } from './DataList.utils-Bi-Eh-ev.js';
-import { u as useDataListContext } from './DataListContext-BaXiDP4z.js';
+import { g as getCompoundComponent } from './DataList.utils-EdmNZe_P.js';
+import { u as useDataListContext } from './DataListContext-Bk2vzOPE.js';
 
 // This component is meant to capture the props of the DataList.Filters
 // eslint-disable-next-line @typescript-eslint/no-unused-vars

package/dist/{DataListStickyHeader-DaBJMNwk.js → DataListStickyHeader-CpiXYEan.js}

@@ -2,7 +2,7 @@
 
 var classnames = require('classnames');
 var React = require('react');
-var DataList_const = require('./DataList.const-C6hI606i.js');
+var DataList_const = require('./DataList.const-C8ROvCUZ.js');
 
 var styles = {"header":"u5YTRL-PlTI-","stuck":"rylbmDbzCts-","spinning":"_2VUVOWcGjbc-"};
 

package/dist/{DataListStickyHeader-CKNSzIou.js → DataListStickyHeader-DD2xf6Nd.js}

@@ -1,6 +1,6 @@
 import classnames from 'classnames';
 import React, { useState, useRef, useCallback, useEffect } from 'react';
-import { a as DATA_LIST_STICKY_HEADER_TEST_ID } from './DataList.const-zz2tllZT.js';
+import { a as DATA_LIST_STICKY_HEADER_TEST_ID } from './DataList.const-uLWSnjtu.js';
 
 var styles = {"header":"u5YTRL-PlTI-","stuck":"rylbmDbzCts-","spinning":"_2VUVOWcGjbc-"};
 

package/dist/{DataListTags-DFerycjo.js → DataListTags-C4LrOZ2S.js}

@@ -1,7 +1,7 @@
 import React, { useRef, useState, useEffect } from 'react';
 import classnames from 'classnames';
-import { I as InlineLabel } from './InlineLabel-B0M4h12e.js';
-import { T as Text } from './Text-BssK2XD6.js';
+import { I as InlineLabel } from './InlineLabel-BdtpOg1J.js';
+import { T as Text } from './Text-B21i0Eiz.js';
 
 var styles = {"tagWrapper":"ld5hWlraYD8-","tags":"yi316XKxcHc-","tagsMask":"OHjlxTgwQMM-","tagCount":"uUuTxKoLb5k-","spinning":"mlKQ8-cSttI-"};
 

package/dist/{DataListTags-mnrGX_Dd.js → DataListTags-CljPAxMf.js}

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var InlineLabel = require('./InlineLabel-pEsjJG_x.js');
-var Text = require('./Text-DvnoRbdj.js');
+var InlineLabel = require('./InlineLabel-CmtDTxRC.js');
+var Text = require('./Text-BCEy1n5h.js');
 
 var styles = {"tagWrapper":"ld5hWlraYD8-","tags":"yi316XKxcHc-","tagsMask":"OHjlxTgwQMM-","tagCount":"uUuTxKoLb5k-","spinning":"mlKQ8-cSttI-"};
 

package/dist/{DataListTotalCount-BboEyo5a.js → DataListTotalCount-CgWPnY2u.js}

@@ -1,6 +1,6 @@
 import React from 'react';
-import { T as Text } from './Text-BssK2XD6.js';
-import { G as Glimmer } from './Glimmer-DVLwp1lr.js';
+import { T as Text } from './Text-B21i0Eiz.js';
+import { G as Glimmer } from './Glimmer-uh68mgLi.js';
 
 var styles = {"results":"_9wfZRG5vXI8-","spinning":"_7A1FU9kI3mY-"};
 

package/dist/{DataListTotalCount-CPCYlN35.js → DataListTotalCount-DGCWSo71.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var Text = require('./Text-DvnoRbdj.js');
-var Glimmer = require('./Glimmer-DjxBASgb.js');
+var Text = require('./Text-BCEy1n5h.js');
+var Glimmer = require('./Glimmer-CElMdb1h.js');
 
 var styles = {"results":"_9wfZRG5vXI8-","spinning":"_7A1FU9kI3mY-"};