@jobber/components 5.40.2-spa-super--b07493a.4 → 5.40.2

package/dist/{DataListItemActions-Cq4wPWkK.js → DataListItemActions-D3Uy9Cse.js}

@@ -2,10 +2,10 @@
 
 var React = require('react');
 var framerMotion = require('framer-motion');
-var DataList_const = require('./DataList.const-BTJtuEXn.js');
-var DataListActions = require('./DataListActions-BRHLXIlb.js');
+var DataList_const = require('./DataList.const-6JVVn9qT.js');
+var DataListActions = require('./DataListActions-DlB-cD5V.js');
 
-var styles = {"menu":"jHcHGQ-HDbk-","spinning":"FPXSEmAikIo-"};
+var styles = {"menu":"SSm2j6d2kYo-","spinning":"Mpmu6IiBTSI-"};
 
 // This component is meant to capture the props of the DataList.ItemActions
 function DataListItemActions(

package/dist/{DataListItemActions-C77zNd9j.js → DataListItemActions-DFD9X1ZG.js}

@@ -1,9 +1,9 @@
 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-DNiT80gM.js';
-import { D as DataListActions } from './DataListActions-C-7FawrU.js';
+import { T as TRANSITION_DURATION_IN_SECONDS, d as TRANSITION_DELAY_IN_SECONDS } from './DataList.const-CEJc9gHd.js';
+import { D as DataListActions } from './DataListActions-0kNfwY6-.js';
 
-var styles = {"menu":"jHcHGQ-HDbk-","spinning":"FPXSEmAikIo-"};
+var styles = {"menu":"SSm2j6d2kYo-","spinning":"Mpmu6IiBTSI-"};
 
 // This component is meant to capture the props of the DataList.ItemActions
 function DataListItemActions(

package/dist/{DataListItemActionsOverflow-B6PT1Sln.js → DataListItemActionsOverflow-BbTU6zA2.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var Button = require('./Button-9OmkzStj.js');
-var Tooltip = require('./Tooltip-kdmkbfyM.js');
-var DataListActionsMenu = require('./DataListActionsMenu-DfsvQnYb.js');
+var Button = require('./Button-C7Mdf4cM.js');
+var Tooltip = require('./Tooltip-Dn_LM4gq.js');
+var DataListActionsMenu = require('./DataListActionsMenu-qNf1rmyZ.js');
 
 function DataListItemActionsOverflow({ actions, }) {
     const [menuPosition, setMenuPosition] = React.useState({ x: 0, y: 0 });

package/dist/{DataListItemActionsOverflow-DvvuL2TW.js → DataListItemActionsOverflow-D8mjdSRq.js}

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
-import { B as Button } from './Button-C3XdVjj6.js';
-import { T as Tooltip } from './Tooltip-BXXBceOf.js';
-import { D as DataListActionsMenu } from './DataListActionsMenu-z96X8SK0.js';
+import { B as Button } from './Button-8AtUEGyf.js';
+import { T as Tooltip } from './Tooltip-BZZtLNsZ.js';
+import { D as DataListActionsMenu } from './DataListActionsMenu-DDHcu0mt.js';
 
 function DataListItemActionsOverflow({ actions, }) {
     const [menuPosition, setMenuPosition] = useState({ x: 0, y: 0 });

package/dist/{DataListItemClickable-BMPPLB6s.js → DataListItemClickable-E5vwEtZ0.js}

@@ -1,8 +1,8 @@
 import React from 'react';
-import { u as useDataListContext } from './DataListContext-Pey_JFz2.js';
+import { u as useDataListContext } from './DataListContext-BQ6dkqgN.js';
 import { Link } from 'react-router-dom';
-import { s as styles } from './DataList-ys_9anLJ.js';
-import { u as useDataListLayoutActionsContext } from './DataListLayoutContext--aJYkfPC.js';
+import { s as styles } from './DataList.module-Ca2veg2Q.js';
+import { u as useDataListLayoutActionsContext } from './DataListLayoutContext-Dbs_CTXr.js';
 
 function DataListItemClickableInternal({ onClick, url, to, children, }) {
     const { activeItem } = useDataListLayoutActionsContext();

package/dist/{DataListItemClickable-DIwCGC0x.js → DataListItemClickable-c-X97ZVT.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var DataListContext = require('./DataListContext-z7Vg8kEF.js');
+var DataListContext = require('./DataListContext-AIMiQ2-F.js');
 var reactRouterDom = require('react-router-dom');
-var DataList = require('./DataList-HLTLKK8l.js');
-var DataListLayoutContext = require('./DataListLayoutContext-CQJ3TeLm.js');
+var DataList_module = require('./DataList.module-CbAVc06h.js');
+var DataListLayoutContext = require('./DataListLayoutContext-mFWSePT-.js');
 
 function DataListItemClickableInternal({ onClick, url, to, children, }) {
     const { activeItem } = DataListLayoutContext.useDataListLayoutActionsContext();
@@ -12,17 +12,17 @@ function DataListItemClickableInternal({ onClick, url, to, children, }) {
         return React.createElement(React.Fragment, null, children);
     if (to) {
         const computedTo = typeof to === "string" ? to : to(activeItem);
-        return (React.createElement(reactRouterDom.Link, { className: DataList.styles.listItemClickable, to: computedTo, onClick: handleClick }, children));
+        return (React.createElement(reactRouterDom.Link, { className: DataList_module.styles.listItemClickable, to: computedTo, onClick: handleClick }, children));
     }
     if (url) {
         const href = typeof url === "string" ? url : url(activeItem);
-        return (React.createElement("a", { className: DataList.styles.listItemClickable, href: href, onClick: handleClick }, children));
+        return (React.createElement("a", { className: DataList_module.styles.listItemClickable, href: href, onClick: handleClick }, children));
     }
     if (onClick) {
         return (
         // A button can be nested within the list item. To prevent a button inside
         // button error, we need to manually declare a div to be a button
-        React.createElement("div", { role: "button", tabIndex: 0, className: DataList.styles.listItemClickable, onClick: handleClick, onKeyDown: e => {
+        React.createElement("div", { role: "button", tabIndex: 0, className: DataList_module.styles.listItemClickable, onClick: handleClick, onKeyDown: e => {
                 if (e.key === "Enter" || e.key === " ") {
                     e.preventDefault();
                     handleClick();

package/dist/{DataListItems-DfjmTtmZ.js → DataListItems-DzFoTjYQ.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var DataListContext = require('./DataListContext-z7Vg8kEF.js');
-var DataListLayoutContext = require('./DataListLayoutContext-Ddru_OBr.js');
-var DataListItem = require('./DataListItem-421I7yl1.js');
+var DataListContext = require('./DataListContext-AIMiQ2-F.js');
+var DataListLayoutContext = require('./DataListLayoutContext-kSj0RAzQ.js');
+var DataListItem = require('./DataListItem-BnRJNINv.js');
 
 function DataListItems({ size = "xs", }) {
     const { data, layouts } = DataListContext.useDataListContext();

package/dist/{DataListItems--RV-Y-lX.js → DataListItems-b2gqiUqq.js}

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
-import { u as useDataListContext } from './DataListContext-Pey_JFz2.js';
-import { D as DataListLayoutContext } from './DataListLayoutContext-BGb74kZn.js';
-import { D as DataListItem } from './DataListItem-CizBLzTf.js';
+import { u as useDataListContext } from './DataListContext-BQ6dkqgN.js';
+import { D as DataListLayoutContext } from './DataListLayoutContext-CG1Le65N.js';
+import { D as DataListItem } from './DataListItem-C3SsSw7u.js';
 
 function DataListItems({ size = "xs", }) {
     const { data, layouts } = useDataListContext();

package/dist/{DataListLayout-CiRp0ZFh.js → DataListLayout-AgtDk49v.js}

@@ -1,7 +1,7 @@
 import React, { useEffect } from 'react';
-import { D as DataListItems } from './DataListItems--RV-Y-lX.js';
-import { u as useDataListContext } from './DataListContext-Pey_JFz2.js';
-import { u as useActiveLayout } from './useActiveLayout-nDixSszc.js';
+import { D as DataListItems } from './DataListItems-b2gqiUqq.js';
+import { u as useDataListContext } from './DataListContext-BQ6dkqgN.js';
+import { u as useActiveLayout } from './useActiveLayout-kPTBAqkb.js';
 
 function DataListLayout({ children, size = "xs", }) {
     const { registerLayout, loadingState } = useDataListContext();

package/dist/{DataListLayout-CbsU7XGm.js → DataListLayout-BX7H8POa.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var DataListItems = require('./DataListItems-DfjmTtmZ.js');
-var DataListContext = require('./DataListContext-z7Vg8kEF.js');
-var useActiveLayout = require('./useActiveLayout-CzROwxP8.js');
+var DataListItems = require('./DataListItems-DzFoTjYQ.js');
+var DataListContext = require('./DataListContext-AIMiQ2-F.js');
+var useActiveLayout = require('./useActiveLayout-oS8q5eMu.js');
 
 function DataListLayout({ children, size = "xs", }) {
     const { registerLayout, loadingState } = DataListContext.useDataListContext();

package/dist/{DataListLayoutActions-BvWVA6aW.js → DataListLayoutActions-BTM7SOzz.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var React = require('react');
-var DataListContext = require('./DataListContext-z7Vg8kEF.js');
-var DataListLayoutContext = require('./DataListLayoutContext-Ddru_OBr.js');
-var DataListItemActionsOverflow = require('./DataListItemActionsOverflow-B6PT1Sln.js');
-var Glimmer = require('./Glimmer-DEZWuY-J.js');
+var DataListContext = require('./DataListContext-AIMiQ2-F.js');
+var DataListLayoutContext = require('./DataListLayoutContext-kSj0RAzQ.js');
+var DataListItemActionsOverflow = require('./DataListItemActionsOverflow-BbTU6zA2.js');
+var Glimmer = require('./Glimmer-DHz96Ba9.js');
 
-var styles = {"hidden":"_0m75bgCVBhk-","spinning":"vScnCKM-Mi8-"};
+var styles = {"hidden":"CwWlXTKCPUg-","spinning":"JD9H0C1ehv0-"};
 
 function DataListLayoutActions() {
     const { itemActionComponent, loadingState } = DataListContext.useDataListContext();

package/dist/{DataListLayoutActions-CC1f8Itx.js → DataListLayoutActions-Cvc_Jk49.js}

@@ -1,10 +1,10 @@
 import React, { Children, useEffect } from 'react';
-import { u as useDataListContext } from './DataListContext-Pey_JFz2.js';
-import { u as useDataListLayoutContext } from './DataListLayoutContext-BGb74kZn.js';
-import { D as DataListItemActionsOverflow } from './DataListItemActionsOverflow-DvvuL2TW.js';
-import { G as Glimmer } from './Glimmer-SVVIG6xA.js';
+import { u as useDataListContext } from './DataListContext-BQ6dkqgN.js';
+import { u as useDataListLayoutContext } from './DataListLayoutContext-CG1Le65N.js';
+import { D as DataListItemActionsOverflow } from './DataListItemActionsOverflow-D8mjdSRq.js';
+import { G as Glimmer } from './Glimmer-DncXNqXl.js';
 
-var styles = {"hidden":"_0m75bgCVBhk-","spinning":"vScnCKM-Mi8-"};
+var styles = {"hidden":"CwWlXTKCPUg-","spinning":"JD9H0C1ehv0-"};
 
 function DataListLayoutActions() {
     const { itemActionComponent, loadingState } = useDataListContext();

package/dist/{DataListLayoutContext-BGb74kZn.js → DataListLayoutContext-CG1Le65N.js}

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

package/dist/{DataListLayoutContext-Ddru_OBr.js → DataListLayoutContext-kSj0RAzQ.js}

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

package/dist/{DataListLoadMore-NgSpgQFl.js → DataListLoadMore-Bisyos_N.js}

@@ -1,13 +1,13 @@
 'use strict';
 
 var React = require('react');
-var useInView = require('./useInView-BzHFNUqp.js');
-var DataListContext = require('./DataListContext-z7Vg8kEF.js');
-var DataList_const = require('./DataList.const-BTJtuEXn.js');
-var Spinner = require('./Spinner-BosKxzFw.js');
-var Button = require('./Button-9OmkzStj.js');
+var useInView = require('./useInView-Bi1K4tz1.js');
+var DataListContext = require('./DataListContext-AIMiQ2-F.js');
+var DataList_const = require('./DataList.const-6JVVn9qT.js');
+var Spinner = require('./Spinner-UxAObxiG.js');
+var Button = require('./Button-C7Mdf4cM.js');
 
-var styles = {"trigger":"IC-Y9bTIVFo-","loadingMore":"PbZLGpbI6ZM-","backToTop":"_6zA6B-jmz6o-","fadeIn":"gZ4DUv82g5I-","spinning":"dkUnNae-qZA-"};
+var styles = {"trigger":"aJIHa8Q-WbY-","loadingMore":"lLYWNAYcURY-","backToTop":"qA8J2KI6khc-","fadeIn":"WKPuBJINNCg-","spinning":"mZH3CAkfppI-"};
 
 function DataListLoadMoreTrigger() {
     const { onLoadMore } = DataListContext.useDataListContext();

package/dist/{DataListLoadMore-DqtF2z13.js → DataListLoadMore-DvGTgOKs.js}

@@ -1,11 +1,11 @@
 import React, { useEffect } from 'react';
-import { u as useInView_2 } from './useInView-Curvggr5.js';
-import { u as useDataListContext } from './DataListContext-Pey_JFz2.js';
-import { f as DATA_LOAD_MORE_TEST_ID, g as DATA_LIST_LOADING_MORE_SPINNER_TEST_ID } from './DataList.const-DNiT80gM.js';
-import { S as Spinner } from './Spinner-CNMtg-eU.js';
-import { B as Button } from './Button-C3XdVjj6.js';
+import { u as useInView_2 } from './useInView-BZFT8q2F.js';
+import { u as useDataListContext } from './DataListContext-BQ6dkqgN.js';
+import { f as DATA_LOAD_MORE_TEST_ID, g as DATA_LIST_LOADING_MORE_SPINNER_TEST_ID } from './DataList.const-CEJc9gHd.js';
+import { S as Spinner } from './Spinner-C-91M6g9.js';
+import { B as Button } from './Button-8AtUEGyf.js';
 
-var styles = {"trigger":"IC-Y9bTIVFo-","loadingMore":"PbZLGpbI6ZM-","backToTop":"_6zA6B-jmz6o-","fadeIn":"gZ4DUv82g5I-","spinning":"dkUnNae-qZA-"};
+var styles = {"trigger":"aJIHa8Q-WbY-","loadingMore":"lLYWNAYcURY-","backToTop":"qA8J2KI6khc-","fadeIn":"WKPuBJINNCg-","spinning":"mZH3CAkfppI-"};
 
 function DataListLoadMoreTrigger() {
     const { onLoadMore } = useDataListContext();

package/dist/{DataListLoadingState-DLy64PlL.js → DataListLoadingState-DFaJbwB0.js}

@@ -1,9 +1,9 @@
 import React from 'react';
-import { G as Glimmer } from './Glimmer-SVVIG6xA.js';
-import { u as useDataListContext } from './DataListContext-Pey_JFz2.js';
-import { u as useActiveLayout } from './useActiveLayout-nDixSszc.js';
+import { G as Glimmer } from './Glimmer-DncXNqXl.js';
+import { u as useDataListContext } from './DataListContext-BQ6dkqgN.js';
+import { u as useActiveLayout } from './useActiveLayout-kPTBAqkb.js';
 
-var styles = {"wrapper":"_8cMzUF8XEwY-","loadingItem":"Rh--6fVpkm4-","glimmer":"NFaWWvmxtkw-","spinning":"s1jir3dzI2E-"};
+var styles = {"wrapper":"_85AuDa3YmT4-","loadingItem":"_7DSXt2KpxYc-","glimmer":"_80Ger-sdJDc-","spinning":"ZL6R4NENP64-"};
 
 const LOADING_STATE_LIMIT_ITEMS = 10;
 const DATALIST_LOADINGSTATE_ROW_TEST_ID = "ATL-DataList-LoadingState-Row";

package/dist/{DataListLoadingState-DRUeBgdY.js → DataListLoadingState-DuL8Jgzv.js}

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var Glimmer = require('./Glimmer-DEZWuY-J.js');
-var DataListContext = require('./DataListContext-z7Vg8kEF.js');
-var useActiveLayout = require('./useActiveLayout-CzROwxP8.js');
+var Glimmer = require('./Glimmer-DHz96Ba9.js');
+var DataListContext = require('./DataListContext-AIMiQ2-F.js');
+var useActiveLayout = require('./useActiveLayout-oS8q5eMu.js');
 
-var styles = {"wrapper":"_8cMzUF8XEwY-","loadingItem":"Rh--6fVpkm4-","glimmer":"NFaWWvmxtkw-","spinning":"s1jir3dzI2E-"};
+var styles = {"wrapper":"_85AuDa3YmT4-","loadingItem":"_7DSXt2KpxYc-","glimmer":"_80Ger-sdJDc-","spinning":"ZL6R4NENP64-"};
 
 const LOADING_STATE_LIMIT_ITEMS = 10;
 const DATALIST_LOADINGSTATE_ROW_TEST_ID = "ATL-DataList-LoadingState-Row";

package/dist/{DataListOverflowFade-pBeSuUua.js → DataListOverflowFade-D-pnyC_5.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var React = require('react');
-var useInView = require('./useInView-BzHFNUqp.js');
+var useInView = require('./useInView-Bi1K4tz1.js');
 var classnames = require('classnames');
 
 const CONTAINER_TEST_ID = "ATL-DataListFilters-Container";
 
-var styles = {"fadeContainer":"jbBRoxlZlNI-","overflowItems":"P6uJ-vHfKrM-","overflowGrid":"MnN8qbS4hw4-","overflowTrigger":"b-5P7Z8eGO8-","overflowLeft":"xzaCS4slLpI-","overflowRight":"Jf227kC8Nu0-","spinning":"LyQfycA87tU-"};
+var styles = {"fadeContainer":"a-KvXvaVQks-","overflowItems":"faGQ-G8kLN8-","overflowGrid":"TBUIm7AHO68-","overflowTrigger":"FMXUosxE5aQ-","overflowLeft":"kxQNzyS1RsY-","overflowRight":"AXW-X8-zsI8-","spinning":"bPN5dkeOZKI-"};
 
 function DataListOverflowFade({ children }) {
     const [leftRef, isLeftVisible] = useInView.useInView_2();

package/dist/{DataListOverflowFade-B79L1Muf.js → DataListOverflowFade-N03GIDr-.js}

@@ -1,10 +1,10 @@
 import React from 'react';
-import { u as useInView_2 } from './useInView-Curvggr5.js';
+import { u as useInView_2 } from './useInView-BZFT8q2F.js';
 import classnames from 'classnames';
 
 const CONTAINER_TEST_ID = "ATL-DataListFilters-Container";
 
-var styles = {"fadeContainer":"jbBRoxlZlNI-","overflowItems":"P6uJ-vHfKrM-","overflowGrid":"MnN8qbS4hw4-","overflowTrigger":"b-5P7Z8eGO8-","overflowLeft":"xzaCS4slLpI-","overflowRight":"Jf227kC8Nu0-","spinning":"LyQfycA87tU-"};
+var styles = {"fadeContainer":"a-KvXvaVQks-","overflowItems":"faGQ-G8kLN8-","overflowGrid":"TBUIm7AHO68-","overflowTrigger":"FMXUosxE5aQ-","overflowLeft":"kxQNzyS1RsY-","overflowRight":"AXW-X8-zsI8-","spinning":"bPN5dkeOZKI-"};
 
 function DataListOverflowFade({ children }) {
     const [leftRef, isLeftVisible] = useInView_2();

package/dist/{DataListSearch-CNpVeDgg.js → DataListSearch-ClwMcTZO.js}

@@ -1,16 +1,16 @@
 'use strict';
 
 var React = require('react');
-var debounce = require('./debounce-xS1Jtvi-.js');
+var debounce = require('./debounce-DwvLafcW.js');
 var classnames = require('classnames');
 var design = require('@jobber/design');
-var InputText = require('./InputText-BXNcMJhP.js');
-var DataListContext = require('./DataListContext-z7Vg8kEF.js');
-var DataList_const = require('./DataList.const-BTJtuEXn.js');
-var Button = require('./Button-9OmkzStj.js');
-var AnimatedSwitcher = require('./AnimatedSwitcher-Bhky70zu.js');
+var InputText = require('./InputText-BMvME5Zs.js');
+var DataListContext = require('./DataListContext-AIMiQ2-F.js');
+var DataList_const = require('./DataList.const-6JVVn9qT.js');
+var Button = require('./Button-C7Mdf4cM.js');
+var AnimatedSwitcher = require('./AnimatedSwitcher-DYjKOceg.js');
 
-var styles = {"wrapper":"tj0MOMhLEEY-","searchInput":"SaPMOnvw-3c-","searchInputVisible":"_3S1-91v2SYI-","searchButton":"_9GlBktsUALw-","withNoFilters":"_3Pjrt42x454-","spinning":"_4njn3YEdhG0-"};
+var styles = {"wrapper":"S2Bu0Rv4w-E-","searchInput":"N8dyu-defmc-","searchInputVisible":"UhMQC1SZUns-","searchButton":"zQPIm20aF50-","withNoFilters":"oOqZupWkemo-","spinning":"Wq63M3dVuYs-"};
 
 const DATA_LIST_SEARCH_TEST_ID = "ATL-DataList-Search-input-wrapper";
 // This component is meant to capture the props of the DataList.Search
@@ -22,14 +22,9 @@ function DataListSearch(_) {
  * Renders the DataList.Search component.
  */
 function InternalDataListSearch() {
-    var _a;
     const inputRef = React.useRef(null);
+    const [visible, setVisible] = React.useState(false);
     const { searchComponent, filterComponent, sorting, title } = DataListContext.useDataListContext();
-    const [visibleInternal, setVisibleInternal] = React.useState(searchComponent === null || searchComponent === void 0 ? void 0 : searchComponent.props.visible);
-    const visible = (_a = React.useMemo(() => {
-        var _a;
-        return (_a = searchComponent === null || searchComponent === void 0 ? void 0 : searchComponent.props.visible) !== null && _a !== void 0 ? _a : visibleInternal;
-    }, [visibleInternal, searchComponent])) !== null && _a !== void 0 ? _a : false;
     const debouncedSearch = React.useCallback(debounce.debounce((value) => { var _a; return (_a = searchComponent === null || searchComponent === void 0 ? void 0 : searchComponent.props) === null || _a === void 0 ? void 0 : _a.onSearch(value); }, DataList_const.SEARCH_DEBOUNCE_DELAY), [searchComponent === null || searchComponent === void 0 ? void 0 : searchComponent.props.onSearch]);
     if (!searchComponent)
         return null;
@@ -56,7 +51,7 @@ function InternalDataListSearch() {
     }
     function toggleSearch() {
         const visibility = !visible;
-        setVisibleInternal(visibility);
+        setVisible(visibility);
         if (visibility && inputRef.current) {
             setTimeout(inputRef.current.focus, design.tokens["timing-quick"]);
         }

package/dist/{DataListSearch-BC3gcVRG.js → DataListSearch-PjQtMc9Y.js}

@@ -1,14 +1,14 @@
-import React, { useRef, useState, useMemo, useCallback } from 'react';
-import { a as debounce } from './debounce-ClM6swD9.js';
+import React, { useRef, useState, useCallback } from 'react';
+import { a as debounce } from './debounce-BMsezbkP.js';
 import classnames from 'classnames';
 import { tokens } from '@jobber/design';
-import { I as InputText } from './InputText-DdbRZhiu.js';
-import { u as useDataListContext } from './DataListContext-Pey_JFz2.js';
-import { S as SEARCH_DEBOUNCE_DELAY } from './DataList.const-DNiT80gM.js';
-import { B as Button } from './Button-C3XdVjj6.js';
-import { A as AnimatedSwitcher } from './AnimatedSwitcher-RNvfOdr2.js';
+import { I as InputText } from './InputText-rRfLsSOy.js';
+import { u as useDataListContext } from './DataListContext-BQ6dkqgN.js';
+import { S as SEARCH_DEBOUNCE_DELAY } from './DataList.const-CEJc9gHd.js';
+import { B as Button } from './Button-8AtUEGyf.js';
+import { A as AnimatedSwitcher } from './AnimatedSwitcher-Ci3MOKz_.js';
 
-var styles = {"wrapper":"tj0MOMhLEEY-","searchInput":"SaPMOnvw-3c-","searchInputVisible":"_3S1-91v2SYI-","searchButton":"_9GlBktsUALw-","withNoFilters":"_3Pjrt42x454-","spinning":"_4njn3YEdhG0-"};
+var styles = {"wrapper":"S2Bu0Rv4w-E-","searchInput":"N8dyu-defmc-","searchInputVisible":"UhMQC1SZUns-","searchButton":"zQPIm20aF50-","withNoFilters":"oOqZupWkemo-","spinning":"Wq63M3dVuYs-"};
 
 const DATA_LIST_SEARCH_TEST_ID = "ATL-DataList-Search-input-wrapper";
 // This component is meant to capture the props of the DataList.Search
@@ -20,14 +20,9 @@ function DataListSearch(_) {
  * Renders the DataList.Search component.
  */
 function InternalDataListSearch() {
-    var _a;
     const inputRef = useRef(null);
+    const [visible, setVisible] = useState(false);
     const { searchComponent, filterComponent, sorting, title } = useDataListContext();
-    const [visibleInternal, setVisibleInternal] = useState(searchComponent === null || searchComponent === void 0 ? void 0 : searchComponent.props.visible);
-    const visible = (_a = useMemo(() => {
-        var _a;
-        return (_a = searchComponent === null || searchComponent === void 0 ? void 0 : searchComponent.props.visible) !== null && _a !== void 0 ? _a : visibleInternal;
-    }, [visibleInternal, searchComponent])) !== null && _a !== void 0 ? _a : false;
     const debouncedSearch = useCallback(debounce((value) => { var _a; return (_a = searchComponent === null || searchComponent === void 0 ? void 0 : searchComponent.props) === null || _a === void 0 ? void 0 : _a.onSearch(value); }, SEARCH_DEBOUNCE_DELAY), [searchComponent === null || searchComponent === void 0 ? void 0 : searchComponent.props.onSearch]);
     if (!searchComponent)
         return null;
@@ -54,7 +49,7 @@ function InternalDataListSearch() {
     }
     function toggleSearch() {
         const visibility = !visible;
-        setVisibleInternal(visibility);
+        setVisible(visibility);
         if (visibility && inputRef.current) {
             setTimeout(inputRef.current.focus, tokens["timing-quick"]);
         }

package/dist/{DataListSort-q7VSNfU1.js → DataListSort-Bl6gImz-.js}

@@ -1,10 +1,10 @@
 import React from 'react';
-import { u as useDataListContext } from './DataListContext-Pey_JFz2.js';
-import { C as Combobox } from './Combobox-BwNcJrmp.js';
-import './ComboboxProvider-B3MooqoK.js';
-import { C as Chip } from './Chip-Bi1AUAZZ.js';
-import './tslib.es6-BqVXhTLn.js';
-import { I as Icon } from './Icon-2iw-IVKn.js';
+import { u as useDataListContext } from './DataListContext-BQ6dkqgN.js';
+import { C as Combobox } from './Combobox-oZLtryve.js';
+import './ComboboxProvider-D5qICnpN.js';
+import { C as Chip } from './Chip-COpDkOTe.js';
+import './tslib.es6-bKLHXXZE.js';
+import { I as Icon } from './Icon-DoXBQi3e.js';
 
 function DataListSort() {
     const { sorting, headers } = useDataListContext();

package/dist/{DataListSort-CGDpFx4A.js → DataListSort-_wrcJskQ.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var React = require('react');
-var DataListContext = require('./DataListContext-z7Vg8kEF.js');
-var Combobox = require('./Combobox-CrbO1rYB.js');
-require('./ComboboxProvider-Dgw2jDWB.js');
-var Chip = require('./Chip-EtPgLB4g.js');
-require('./tslib.es6-J0Q4yWut.js');
-var Icon = require('./Icon-BaQAKhoA.js');
+var DataListContext = require('./DataListContext-AIMiQ2-F.js');
+var Combobox = require('./Combobox-BvW6z_vL.js');
+require('./ComboboxProvider-JLhQ2Lhx.js');
+var Chip = require('./Chip-BW5O03E6.js');
+require('./tslib.es6-CGFovqdU.js');
+var Icon = require('./Icon-Cesg4Wk9.js');
 
 function DataListSort() {
     const { sorting, headers } = DataListContext.useDataListContext();

package/dist/{DataListSortingOptions-BUEq-zOW.js → DataListSortingOptions-B6CsdhpN.js}

@@ -1,9 +1,9 @@
 import React, { useEffect } from 'react';
-import { u as useOnKeyDown_2 } from './useOnKeyDown-k133-jPv.js';
-import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-CN7Jse8A.js';
-import { I as Icon } from './Icon-2iw-IVKn.js';
+import { u as useOnKeyDown_2 } from './useOnKeyDown-Ba1IY-4p.js';
+import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-CqeSTdqP.js';
+import { I as Icon } from './Icon-DoXBQi3e.js';
 
-var styles = {"optionsList":"thBUfVNaigs-","option":"QaXuqbVjG04-","spinning":"-kL4frL3BeQ-"};
+var styles = {"optionsList":"krkUjDI-P7E-","option":"d4hPt6o50kw-","spinning":"CNq0y1X8-Eo-"};
 
 function DataListSortingOptions({ options, selectedOption, onSelectChange, onClose, optionsListRef, dataListHeaderTileRef, }) {
     useRefocusOnActivator_2(!optionsListRef.current);

package/dist/{DataListSortingOptions-B5ZDJPYX.js → DataListSortingOptions-D-Ai95t6.js}

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var useOnKeyDown = require('./useOnKeyDown-D7wcfuKC.js');
-var useRefocusOnActivator = require('./useRefocusOnActivator-ByTjXx_s.js');
-var Icon = require('./Icon-BaQAKhoA.js');
+var useOnKeyDown = require('./useOnKeyDown-zMzZcVaW.js');
+var useRefocusOnActivator = require('./useRefocusOnActivator-CymU0FeP.js');
+var Icon = require('./Icon-Cesg4Wk9.js');
 
-var styles = {"optionsList":"thBUfVNaigs-","option":"QaXuqbVjG04-","spinning":"-kL4frL3BeQ-"};
+var styles = {"optionsList":"krkUjDI-P7E-","option":"d4hPt6o50kw-","spinning":"CNq0y1X8-Eo-"};
 
 function DataListSortingOptions({ options, selectedOption, onSelectChange, onClose, optionsListRef, dataListHeaderTileRef, }) {
     useRefocusOnActivator.useRefocusOnActivator_2(!optionsListRef.current);

package/dist/{DataListStatusBar-Box2x9Pp.js → DataListStatusBar-DEmqEpm1.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var DataList_utils = require('./DataList.utils-CirIezS5.js');
-var DataListContext = require('./DataListContext-z7Vg8kEF.js');
+var DataList_utils = require('./DataList.utils-BT1G7R5u.js');
+var DataListContext = require('./DataListContext-AIMiQ2-F.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-CCjwvAKv.js → DataListStatusBar-H5t7_lER.js}

@@ -1,6 +1,6 @@
 import React from 'react';
-import { g as getCompoundComponent } from './DataList.utils-De59p7YC.js';
-import { u as useDataListContext } from './DataListContext-Pey_JFz2.js';
+import { g as getCompoundComponent } from './DataList.utils-bhwEi5Zr.js';
+import { u as useDataListContext } from './DataListContext-BQ6dkqgN.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-DLjvdalF.js → DataListStickyHeader-D_DDoh6L.js}

@@ -2,9 +2,9 @@
 
 var classnames = require('classnames');
 var React = require('react');
-var DataList_const = require('./DataList.const-BTJtuEXn.js');
+var DataList_const = require('./DataList.const-6JVVn9qT.js');
 
-var styles = {"header":"PGOHzrMh374-","stuck":"PGjWc5ocjpI-","spinning":"_8Sl4Cnhmgjc-"};
+var styles = {"header":"u5YTRL-PlTI-","stuck":"rylbmDbzCts-","spinning":"_2VUVOWcGjbc-"};
 
 function DataListStickyHeader({ children }) {
     const [isStuck, setIsStuck] = React.useState(false);

package/dist/{DataListStickyHeader-CAx5cEq3.js → DataListStickyHeader-hIj4F4FA.js}

@@ -1,8 +1,8 @@
 import classnames from 'classnames';
 import React, { useState, useRef, useCallback, useEffect } from 'react';
-import { a as DATA_LIST_STICKY_HEADER_TEST_ID } from './DataList.const-DNiT80gM.js';
+import { a as DATA_LIST_STICKY_HEADER_TEST_ID } from './DataList.const-CEJc9gHd.js';
 
-var styles = {"header":"PGOHzrMh374-","stuck":"PGjWc5ocjpI-","spinning":"_8Sl4Cnhmgjc-"};
+var styles = {"header":"u5YTRL-PlTI-","stuck":"rylbmDbzCts-","spinning":"_2VUVOWcGjbc-"};
 
 function DataListStickyHeader({ children }) {
     const [isStuck, setIsStuck] = useState(false);

package/dist/{DataListTags-ClifKiYN.js → DataListTags-BUjthcQL.js}

@@ -1,9 +1,9 @@
 import React, { useRef, useState, useEffect } from 'react';
 import classnames from 'classnames';
-import { I as InlineLabel } from './InlineLabel-BFcU0_H2.js';
-import { T as Text } from './Text-Cv3N-HQq.js';
+import { I as InlineLabel } from './InlineLabel-CZK_vHdt.js';
+import { T as Text } from './Text-Die4px08.js';
 
-var styles = {"tagWrapper":"_8MYxAQYdZzM-","tags":"WRV-UmQmPzo-","tagsMask":"ND-cN-mX5-c-","tagCount":"liQeWCMenD0-","spinning":"Uo9-1igljUE-"};
+var styles = {"tagWrapper":"ld5hWlraYD8-","tags":"yi316XKxcHc-","tagsMask":"OHjlxTgwQMM-","tagCount":"uUuTxKoLb5k-","spinning":"mlKQ8-cSttI-"};
 
 function DataListTags({ items }) {
     const ref = useRef(null);

package/dist/{DataListTags-CcjlvG_i.js → DataListTags-dLEkFmYS.js}

@@ -2,10 +2,10 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var InlineLabel = require('./InlineLabel-DrnmJ8Ww.js');
-var Text = require('./Text-CLHcUxvV.js');
+var InlineLabel = require('./InlineLabel-BWAqvlrP.js');
+var Text = require('./Text-BoMmMcpY.js');
 
-var styles = {"tagWrapper":"_8MYxAQYdZzM-","tags":"WRV-UmQmPzo-","tagsMask":"ND-cN-mX5-c-","tagCount":"liQeWCMenD0-","spinning":"Uo9-1igljUE-"};
+var styles = {"tagWrapper":"ld5hWlraYD8-","tags":"yi316XKxcHc-","tagsMask":"OHjlxTgwQMM-","tagCount":"uUuTxKoLb5k-","spinning":"mlKQ8-cSttI-"};
 
 function DataListTags({ items }) {
     const ref = React.useRef(null);

package/dist/{DataListTotalCount-BDwmJmlj.js → DataListTotalCount-Bpi8WIs4.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var Text = require('./Text-CLHcUxvV.js');
-var Glimmer = require('./Glimmer-DEZWuY-J.js');
+var Text = require('./Text-BoMmMcpY.js');
+var Glimmer = require('./Glimmer-DHz96Ba9.js');
 
-var styles = {"results":"F56prQsXm3A-","spinning":"z5qHtKbDjIw-"};
+var styles = {"results":"_9wfZRG5vXI8-","spinning":"_7A1FU9kI3mY-"};
 
 const DATALIST_TOTALCOUNT_TEST_ID = "ATL-DataList-TotalCount";
 function DataListTotalCount({ totalCount, loading, }) {

package/dist/{DataListTotalCount-DeZPeUWT.js → DataListTotalCount-LIgOQZuk.js}

@@ -1,8 +1,8 @@
 import React from 'react';
-import { T as Text } from './Text-Cv3N-HQq.js';
-import { G as Glimmer } from './Glimmer-SVVIG6xA.js';
+import { T as Text } from './Text-Die4px08.js';
+import { G as Glimmer } from './Glimmer-DncXNqXl.js';
 
-var styles = {"results":"F56prQsXm3A-","spinning":"z5qHtKbDjIw-"};
+var styles = {"results":"_9wfZRG5vXI8-","spinning":"_7A1FU9kI3mY-"};
 
 const DATALIST_TOTALCOUNT_TEST_ID = "ATL-DataList-TotalCount";
 function DataListTotalCount({ totalCount, loading, }) {