@jobber/components 4.85.6-CJS-to-ESM.1 → 4.85.6-CJS-to-ESM.3

package/dist/{DataListItemActionsOverflow-B1XTLLAZ.js → DataListItemActionsOverflow-Cv89cyOn.js}

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import { B as Button } from './Button-CWVwgwhn.js';
-import { T as Tooltip } from './Tooltip-DG1mcZlX.js';
-import { D as DataListActionsMenu } from './DataListActionsMenu-3JxvPbGZ.js';
+import { T as Tooltip } from './Tooltip-mn2jRxXD.js';
+import { D as DataListActionsMenu } from './DataListActionsMenu-BtZsN7F7.js';
 
 function DataListItemActionsOverflow({ actions, }) {
     const [menuPosition, setMenuPosition] = useState({ x: 0, y: 0 });

package/dist/{DataListItemActionsOverflow-Dt1rZ_ch.js → DataListItemActionsOverflow-jnHamzf7.js}

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var Button = require('./Button-D3mW3Hcg.js');
-var Tooltip = require('./Tooltip-DWAVu0yQ.js');
-var DataListActionsMenu = require('./DataListActionsMenu-CjBKmZT6.js');
+var Tooltip = require('./Tooltip-BEW-a9OW.js');
+var DataListActionsMenu = require('./DataListActionsMenu-BOJ6GBFf.js');
 
 function DataListItemActionsOverflow({ actions, }) {
     const [menuPosition, setMenuPosition] = React.useState({ x: 0, y: 0 });

package/dist/{DataListItemClickable-a9vfumwQ.js → DataListItemClickable-8iEm6BU0.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { u as useDataListContext } from './DataListContext-DHdRjGCC.js';
+import { u as useDataListContext } from './DataListContext-9uw8XwzP.js';
 import { Link } from 'react-router-dom';
 import { s as styles } from './DataList-D8rsiB6p.js';
 import { u as useDataListLayoutActionsContext } from './DataListLayoutContext-D3REliDa.js';

package/dist/{DataListItemClickable-CPGV8QJU.js → DataListItemClickable-BZ7u37GY.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var DataListContext = require('./DataListContext-CWEeA357.js');
+var DataListContext = require('./DataListContext-B4eBw_aH.js');
 var reactRouterDom = require('react-router-dom');
 var DataList = require('./DataList-BL3zeA83.js');
 var DataListLayoutContext = require('./DataListLayoutContext-DT0mtKzt.js');

package/dist/{DataListItems-C37QwFLL.js → DataListItems-C2afygvC.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var DataListContext = require('./DataListContext-CWEeA357.js');
-var DataListLayoutContext = require('./DataListLayoutContext-BiMbo7LQ.js');
-var DataListItem = require('./DataListItem-27SGm5NU.js');
+var DataListContext = require('./DataListContext-B4eBw_aH.js');
+var DataListLayoutContext = require('./DataListLayoutContext-DvTtBMxW.js');
+var DataListItem = require('./DataListItem-CVmLNaR9.js');
 
 function DataListItems({ size = "xs", }) {
     const { data, layouts } = DataListContext.useDataListContext();

package/dist/{DataListItems-CmmwaaoF.js → DataListItems-DWx1TECw.js}

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
-import { u as useDataListContext } from './DataListContext-DHdRjGCC.js';
-import { D as DataListLayoutContext } from './DataListLayoutContext-D5Jhd_ZG.js';
-import { D as DataListItem } from './DataListItem-CEcG1clf.js';
+import { u as useDataListContext } from './DataListContext-9uw8XwzP.js';
+import { D as DataListLayoutContext } from './DataListLayoutContext-CavOWAD3.js';
+import { D as DataListItem } from './DataListItem-B2PBp6pr.js';
 
 function DataListItems({ size = "xs", }) {
     const { data, layouts } = useDataListContext();

package/dist/{DataListLayout-BkqOAi5X.js → DataListLayout-DMY8Io7b.js}

@@ -1,7 +1,7 @@
 import React, { useEffect } from 'react';
-import { D as DataListItems } from './DataListItems-CmmwaaoF.js';
-import { u as useDataListContext } from './DataListContext-DHdRjGCC.js';
-import { u as useActiveLayout } from './useActiveLayout-DazMYwxf.js';
+import { D as DataListItems } from './DataListItems-DWx1TECw.js';
+import { u as useDataListContext } from './DataListContext-9uw8XwzP.js';
+import { u as useActiveLayout } from './useActiveLayout-Bvo5EJVa.js';
 
 function DataListLayout({ children, size = "xs", }) {
     const { registerLayout, loadingState } = useDataListContext();

package/dist/{DataListLayout-fuctDjAR.js → DataListLayout-KiPC1zwI.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var DataListItems = require('./DataListItems-C37QwFLL.js');
-var DataListContext = require('./DataListContext-CWEeA357.js');
-var useActiveLayout = require('./useActiveLayout-BzQghohH.js');
+var DataListItems = require('./DataListItems-C2afygvC.js');
+var DataListContext = require('./DataListContext-B4eBw_aH.js');
+var useActiveLayout = require('./useActiveLayout-BjGE_HD9.js');
 
 function DataListLayout({ children, size = "xs", }) {
     const { registerLayout, loadingState } = DataListContext.useDataListContext();

package/dist/{DataListLayoutActions-BrXEXuWB.js → DataListLayoutActions-AijXG655.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var DataListContext = require('./DataListContext-CWEeA357.js');
-var DataListLayoutContext = require('./DataListLayoutContext-BiMbo7LQ.js');
-var DataListItemActionsOverflow = require('./DataListItemActionsOverflow-Dt1rZ_ch.js');
+var DataListContext = require('./DataListContext-B4eBw_aH.js');
+var DataListLayoutContext = require('./DataListLayoutContext-DvTtBMxW.js');
+var DataListItemActionsOverflow = require('./DataListItemActionsOverflow-jnHamzf7.js');
 var Glimmer = require('./Glimmer-Cgcy2Ruw.js');
 var styleInject_es = require('./style-inject.es-XZHJH68X.js');
 

package/dist/{DataListLayoutActions-C1xVkV8F.js → DataListLayoutActions-DrTY5Ejw.js}

@@ -1,7 +1,7 @@
 import React, { Children, useEffect } from 'react';
-import { u as useDataListContext } from './DataListContext-DHdRjGCC.js';
-import { u as useDataListLayoutContext } from './DataListLayoutContext-D5Jhd_ZG.js';
-import { D as DataListItemActionsOverflow } from './DataListItemActionsOverflow-B1XTLLAZ.js';
+import { u as useDataListContext } from './DataListContext-9uw8XwzP.js';
+import { u as useDataListLayoutContext } from './DataListLayoutContext-CavOWAD3.js';
+import { D as DataListItemActionsOverflow } from './DataListItemActionsOverflow-Cv89cyOn.js';
 import { G as Glimmer } from './Glimmer-Dz1E9Bo5.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 

package/dist/{DataListLayoutContext-D5Jhd_ZG.js → DataListLayoutContext-CavOWAD3.js}

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

package/dist/{DataListLayoutContext-BiMbo7LQ.js → DataListLayoutContext-DvTtBMxW.js}

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

package/dist/{DataListLoadMore-BThmoeQ0.js → DataListLoadMore-BgEh97cj.js}

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var styleInject_es = require('./style-inject.es-XZHJH68X.js');
-var useInView = require('@jobber/hooks/useInView');
-var DataListContext = require('./DataListContext-CWEeA357.js');
+var useInView = require('./useInView-Ct13SCWB.js');
+var DataListContext = require('./DataListContext-B4eBw_aH.js');
 var DataList_const = require('./DataList.const-YbvF2-QB.js');
 var Spinner = require('./Spinner-DT15aa_r.js');
 var Button = require('./Button-D3mW3Hcg.js');
@@ -14,7 +14,7 @@ styleInject_es.styleInject(css_248z);
 
 function DataListLoadMoreTrigger() {
     const { onLoadMore } = DataListContext.useDataListContext();
-    const [inViewRef, isInView] = useInView.useInView();
+    const [inViewRef, isInView] = useInView.useInView.useInView();
     React.useEffect(() => {
         isInView && (onLoadMore === null || onLoadMore === void 0 ? void 0 : onLoadMore());
     }, [isInView]);

package/dist/{DataListLoadMore-eMdC9JGb.js → DataListLoadMore-RU8ynOhk.js}

@@ -1,7 +1,7 @@
 import React, { useEffect } from 'react';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-import { useInView } from '@jobber/hooks/useInView';
-import { u as useDataListContext } from './DataListContext-DHdRjGCC.js';
+import { u as useInView } from './useInView-Yth15M0p.js';
+import { u as useDataListContext } from './DataListContext-9uw8XwzP.js';
 import { f as DATA_LOAD_MORE_TEST_ID, g as DATA_LIST_LOADING_MORE_SPINNER_TEST_ID } from './DataList.const-Wz370ukq.js';
 import { S as Spinner } from './Spinner-BOhyUAA_.js';
 import { B as Button } from './Button-CWVwgwhn.js';
@@ -12,7 +12,7 @@ styleInject(css_248z);
 
 function DataListLoadMoreTrigger() {
     const { onLoadMore } = useDataListContext();
-    const [inViewRef, isInView] = useInView();
+    const [inViewRef, isInView] = useInView.useInView();
     useEffect(() => {
         isInView && (onLoadMore === null || onLoadMore === void 0 ? void 0 : onLoadMore());
     }, [isInView]);

package/dist/{DataListLoadingState-DKSypijq.js → DataListLoadingState-Bvrt8fF7.js}

@@ -1,7 +1,7 @@
 import React from 'react';
 import { G as Glimmer } from './Glimmer-Dz1E9Bo5.js';
-import { u as useDataListContext } from './DataListContext-DHdRjGCC.js';
-import { u as useActiveLayout } from './useActiveLayout-DazMYwxf.js';
+import { u as useDataListContext } from './DataListContext-9uw8XwzP.js';
+import { u as useActiveLayout } from './useActiveLayout-Bvo5EJVa.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 
 var css_248z = "._8cMzUF8XEwY- {\n  position: relative;\n}\n\n._8cMzUF8XEwY-::after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  height: 100px;\n  background-image: linear-gradient(\n    to top,\n    var(--color-surface) 0%,\n    rgba(var(--color-white--rgb), 0) 100%\n  );\n}\n\n.Rh--6fVpkm4- {\n  padding: var(--space-base) var(--space-small);\n}\n\n.NFaWWvmxtkw- {\n  width: 100%;\n  min-width: var(--space-largest);\n}\n";

package/dist/{DataListLoadingState-BovqtnV7.js → DataListLoadingState-Cm3mAc4V.js}

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var Glimmer = require('./Glimmer-Cgcy2Ruw.js');
-var DataListContext = require('./DataListContext-CWEeA357.js');
-var useActiveLayout = require('./useActiveLayout-BzQghohH.js');
+var DataListContext = require('./DataListContext-B4eBw_aH.js');
+var useActiveLayout = require('./useActiveLayout-BjGE_HD9.js');
 var styleInject_es = require('./style-inject.es-XZHJH68X.js');
 
 var css_248z = "._8cMzUF8XEwY- {\n  position: relative;\n}\n\n._8cMzUF8XEwY-::after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  height: 100px;\n  background-image: linear-gradient(\n    to top,\n    var(--color-surface) 0%,\n    rgba(var(--color-white--rgb), 0) 100%\n  );\n}\n\n.Rh--6fVpkm4- {\n  padding: var(--space-base) var(--space-small);\n}\n\n.NFaWWvmxtkw- {\n  width: 100%;\n  min-width: var(--space-largest);\n}\n";

package/dist/{DataListOverflowFade-DxUdWrD0.js → DataListOverflowFade-BZk4jUAc.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var useInView = require('@jobber/hooks/useInView');
+var useInView = require('./useInView-Ct13SCWB.js');
 var classnames = require('classnames');
 var styleInject_es = require('./style-inject.es-XZHJH68X.js');
 
@@ -12,8 +12,8 @@ var styles = {"fadeContainer":"jbBRoxlZlNI-","overflowItems":"P6uJ-vHfKrM-","ove
 styleInject_es.styleInject(css_248z);
 
 function DataListOverflowFade({ children }) {
-    const [leftRef, isLeftVisible] = useInView.useInView();
-    const [rightRef, isRightVisible] = useInView.useInView();
+    const [leftRef, isLeftVisible] = useInView.useInView.useInView();
+    const [rightRef, isRightVisible] = useInView.useInView.useInView();
     return (React.createElement("div", { "data-testid": CONTAINER_TEST_ID, className: classnames(styles.fadeContainer, {
             [styles.overflowLeft]: !isLeftVisible,
             [styles.overflowRight]: !isRightVisible,

package/dist/{DataListOverflowFade-DUocP0Jz.js → DataListOverflowFade-DqAHrxFC.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useInView } from '@jobber/hooks/useInView';
+import { u as useInView } from './useInView-Yth15M0p.js';
 import classnames from 'classnames';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 
@@ -10,8 +10,8 @@ var styles = {"fadeContainer":"jbBRoxlZlNI-","overflowItems":"P6uJ-vHfKrM-","ove
 styleInject(css_248z);
 
 function DataListOverflowFade({ children }) {
-    const [leftRef, isLeftVisible] = useInView();
-    const [rightRef, isRightVisible] = useInView();
+    const [leftRef, isLeftVisible] = useInView.useInView();
+    const [rightRef, isRightVisible] = useInView.useInView();
     return (React.createElement("div", { "data-testid": CONTAINER_TEST_ID, className: classnames(styles.fadeContainer, {
             [styles.overflowLeft]: !isLeftVisible,
             [styles.overflowRight]: !isRightVisible,

package/dist/{DataListSearch-DiHOG8VU.js → DataListSearch-2s_UETky.js}

@@ -1,10 +1,10 @@
 import React, { useRef, useState, useCallback } from 'react';
-import { d as debounce } from './debounce-asENWBkf.js';
+import { d as debounce } from './debounce-D3te8_TG.js';
 import classnames from 'classnames';
 import { tokens } from '@jobber/design';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-import { I as InputText } from './InputText-CgykvJl2.js';
-import { u as useDataListContext } from './DataListContext-DHdRjGCC.js';
+import { I as InputText } from './InputText-CCmzDC9W.js';
+import { u as useDataListContext } from './DataListContext-9uw8XwzP.js';
 import { S as SEARCH_DEBOUNCE_DELAY } from './DataList.const-Wz370ukq.js';
 import { B as Button } from './Button-CWVwgwhn.js';
 import { A as AnimatedSwitcher } from './AnimatedSwitcher-B4fUExeN.js';

package/dist/{DataListSearch-D0pqhE8d.js → DataListSearch-P9-j_TtT.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var React = require('react');
-var debounce = require('./debounce-B-pQrPa0.js');
+var debounce = require('./debounce-CJA36ltI.js');
 var classnames = require('classnames');
 var design = require('@jobber/design');
 var styleInject_es = require('./style-inject.es-XZHJH68X.js');
-var InputText = require('./InputText-D1KkzO4T.js');
-var DataListContext = require('./DataListContext-CWEeA357.js');
+var InputText = require('./InputText--fuxI6yf.js');
+var DataListContext = require('./DataListContext-B4eBw_aH.js');
 var DataList_const = require('./DataList.const-YbvF2-QB.js');
 var Button = require('./Button-D3mW3Hcg.js');
 var AnimatedSwitcher = require('./AnimatedSwitcher-UmlTf067.js');

package/dist/{DataListSort-CQ62ewRY.js → DataListSort-B2WPMPA4.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var DataListContext = require('./DataListContext-CWEeA357.js');
-var Combobox = require('./Combobox-Dr5ftH9X.js');
+var DataListContext = require('./DataListContext-B4eBw_aH.js');
+var Combobox = require('./Combobox-BBsXbnmz.js');
 require('./ComboboxProvider-BwxfVgmL.js');
-var Chip = require('./Chip-Div4v8At.js');
+var Chip = require('./Chip-DSy6Xm8R.js');
 require('./tslib.es6-ld72nsZq.js');
 var Icon = require('./Icon-B9XNdA1T.js');
 

package/dist/{DataListSort-CW4v1psG.js → DataListSort-Bwwe-KI1.js}

@@ -1,8 +1,8 @@
 import React from 'react';
-import { u as useDataListContext } from './DataListContext-DHdRjGCC.js';
-import { C as Combobox } from './Combobox-BwSFlPWt.js';
+import { u as useDataListContext } from './DataListContext-9uw8XwzP.js';
+import { C as Combobox } from './Combobox-YIT4j2TF.js';
 import './ComboboxProvider-Dm_tfmkr.js';
-import { C as Chip } from './Chip-tWHAQezL.js';
+import { C as Chip } from './Chip-Cvuqhi_q.js';
 import './tslib.es6-Df1SgIEn.js';
 import { I as Icon } from './Icon-CoHJokXb.js';
 

package/dist/{DataListSortingOptions-BGNu0KOG.js → DataListSortingOptions-Ciu5gWGt.js}

@@ -1,6 +1,6 @@
 import React, { useEffect } from 'react';
-import { useOnKeyDown } from '@jobber/hooks/useOnKeyDown';
-import { useRefocusOnActivator } from '@jobber/hooks/useRefocusOnActivator';
+import { u as useOnKeyDown } from './useOnKeyDown-BsUfDste.js';
+import { u as useRefocusOnActivator } from './useRefocusOnActivator-CMNWUYSe.js';
 import { I as Icon } from './Icon-CoHJokXb.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 
@@ -9,8 +9,8 @@ var styles = {"optionsList":"thBUfVNaigs-","option":"QaXuqbVjG04-"};
 styleInject(css_248z);
 
 function DataListSortingOptions({ options, selectedOption, onSelectChange, onClose, optionsListRef, dataListHeaderTileRef, }) {
-    useRefocusOnActivator(!optionsListRef.current);
-    useOnKeyDown(() => onClose(), "Escape");
+    useRefocusOnActivator.useRefocusOnActivator(!optionsListRef.current);
+    useOnKeyDown.useOnKeyDown(() => onClose(), "Escape");
     useEffect(() => {
         document.addEventListener("mousedown", handleClickOutside);
         return () => {

package/dist/{DataListSortingOptions-ZiARzP5b.js → DataListSortingOptions-SfZWLgFS.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
-var useRefocusOnActivator = require('@jobber/hooks/useRefocusOnActivator');
+var useOnKeyDown = require('./useOnKeyDown-B9JF2jLZ.js');
+var useRefocusOnActivator = require('./useRefocusOnActivator-DOJm9VWz.js');
 var Icon = require('./Icon-B9XNdA1T.js');
 var styleInject_es = require('./style-inject.es-XZHJH68X.js');
 
@@ -11,8 +11,8 @@ var styles = {"optionsList":"thBUfVNaigs-","option":"QaXuqbVjG04-"};
 styleInject_es.styleInject(css_248z);
 
 function DataListSortingOptions({ options, selectedOption, onSelectChange, onClose, optionsListRef, dataListHeaderTileRef, }) {
-    useRefocusOnActivator.useRefocusOnActivator(!optionsListRef.current);
-    useOnKeyDown.useOnKeyDown(() => onClose(), "Escape");
+    useRefocusOnActivator.useRefocusOnActivator.useRefocusOnActivator(!optionsListRef.current);
+    useOnKeyDown.useOnKeyDown.useOnKeyDown(() => onClose(), "Escape");
     React.useEffect(() => {
         document.addEventListener("mousedown", handleClickOutside);
         return () => {

package/dist/{DataListStatusBar-Va-ssWph.js → DataListStatusBar-D-j7Wk18.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var DataList_utils = require('./DataList.utils-B0hOFZaX.js');
-var DataListContext = require('./DataListContext-CWEeA357.js');
+var DataList_utils = require('./DataList.utils-DTLgRGnD.js');
+var DataListContext = require('./DataListContext-B4eBw_aH.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-EQKC5MHS.js → DataListStatusBar-wvLYlUTP.js}

@@ -1,6 +1,6 @@
 import React from 'react';
-import { g as getCompoundComponent } from './DataList.utils-C931OWj0.js';
-import { u as useDataListContext } from './DataListContext-DHdRjGCC.js';
+import { g as getCompoundComponent } from './DataList.utils-DoGRceLK.js';
+import { u as useDataListContext } from './DataListContext-9uw8XwzP.js';
 
 // This component is meant to capture the props of the DataList.Filters
 // eslint-disable-next-line @typescript-eslint/no-unused-vars

package/dist/DataTable/index.cjs

@@ -1,19 +1,22 @@
 'use strict';
 
-var DataTable = require('../DataTable-D1Q5tABs.js');
-var helpers = require('../helpers-CFWATKJI.js');
+var DataTable = require('../DataTable-CMTFBvO6.js');
+var helpers = require('../helpers-y1-dsK59.js');
 var reactTable = require('@tanstack/react-table');
 require('classnames');
 require('react');
-require('@jobber/hooks/useResizeObserver');
+require('../useResizeObserver-BwGseyVc.js');
+require('../_commonjsHelpers-B83fTs8d.js');
+require('../debounce-CJA36ltI.js');
+require('../isObjectLike-BUFV4ggG.js');
+require('../isSymbol-DS9vlqp3.js');
 require('../style-inject.es-XZHJH68X.js');
 require('../Glimmer-Cgcy2Ruw.js');
 require('../tslib.es6-ld72nsZq.js');
 require('../Content-B8Od1cqS.js');
-require('../Option-BmWN4Bgv.js');
-require('../FormField-BBg_JAlJ.js');
+require('../Option-CbvjqSHC.js');
+require('../FormField-hCrwUWca.js');
 require('react-hook-form');
-require('@jobber/hooks/useShowClear');
 require('../Button-D3mW3Hcg.js');
 require('react-router-dom');
 require('../Icon-B9XNdA1T.js');

package/dist/DataTable/index.mjs

@@ -1,17 +1,20 @@
-export { D as DataTable } from '../DataTable-BOZ_Zf4q.js';
-export { m as mockContainerWidth } from '../helpers-5vvADJkh.js';
+export { D as DataTable } from '../DataTable-D0MIpeXc.js';
+export { m as mockContainerWidth } from '../helpers-B7JgOXZj.js';
 export { createColumnHelper } from '@tanstack/react-table';
 import 'classnames';
 import 'react';
-import '@jobber/hooks/useResizeObserver';
+import '../useResizeObserver-ZgXMUTij.js';
+import '../_commonjsHelpers-E-ZsRS8r.js';
+import '../debounce-D3te8_TG.js';
+import '../isObjectLike-CkQBn_-v.js';
+import '../isSymbol-BB8mecpv.js';
 import '../style-inject.es-tgCJW-Cu.js';
 import '../Glimmer-Dz1E9Bo5.js';
 import '../tslib.es6-Df1SgIEn.js';
 import '../Content-BknIp35w.js';
-import '../Option-DkWd2dv6.js';
-import '../FormField-C-d0U7Ww.js';
+import '../Option-CK6AzE_2.js';
+import '../FormField-D2Dlrypi.js';
 import 'react-hook-form';
-import '@jobber/hooks/useShowClear';
 import '../Button-CWVwgwhn.js';
 import 'react-router-dom';
 import '../Icon-CoHJokXb.js';

package/dist/DataTable/test-utilities/index.cjs

@@ -1,7 +1,12 @@
 'use strict';
 
-var helpers = require('../../helpers-CFWATKJI.js');
-require('@jobber/hooks/useResizeObserver');
+var helpers = require('../../helpers-y1-dsK59.js');
+require('../../useResizeObserver-BwGseyVc.js');
+require('../../_commonjsHelpers-B83fTs8d.js');
+require('react');
+require('../../debounce-CJA36ltI.js');
+require('../../isObjectLike-BUFV4ggG.js');
+require('../../isSymbol-DS9vlqp3.js');
 
 const data = [
     {

package/dist/DataTable/test-utilities/index.mjs

@@ -1,5 +1,10 @@
-export { m as mockContainerWidth } from '../../helpers-5vvADJkh.js';
-import '@jobber/hooks/useResizeObserver';
+export { m as mockContainerWidth } from '../../helpers-B7JgOXZj.js';
+import '../../useResizeObserver-ZgXMUTij.js';
+import '../../_commonjsHelpers-E-ZsRS8r.js';
+import 'react';
+import '../../debounce-D3te8_TG.js';
+import '../../isObjectLike-CkQBn_-v.js';
+import '../../isSymbol-BB8mecpv.js';
 
 const data = [
     {

package/dist/{DataTable-D1Q5tABs.js → DataTable-CMTFBvO6.js}

@@ -3,11 +3,11 @@
 var reactTable = require('@tanstack/react-table');
 var classnames = require('classnames');
 var React = require('react');
-var jobberHooks = require('@jobber/hooks/useResizeObserver');
+var useResizeObserver = require('./useResizeObserver-BwGseyVc.js');
 var styleInject_es = require('./style-inject.es-XZHJH68X.js');
 var Glimmer = require('./Glimmer-Cgcy2Ruw.js');
 var tslib_es6 = require('./tslib.es6-ld72nsZq.js');
-var Option = require('./Option-BmWN4Bgv.js');
+var Option = require('./Option-CbvjqSHC.js');
 var Button = require('./Button-D3mW3Hcg.js');
 var Text = require('./Text-D9gsHxbp.js');
 
@@ -219,7 +219,7 @@ function Header({ table, stickyHeader, sorting, onRowClick, }) {
 }
 
 function DataTable({ data, columns, pagination, sorting, height, stickyHeader, pinFirstColumn, onRowClick, emptyState, loading = false, }) {
-    const [ref, { exactWidth }] = jobberHooks.useResizeObserver();
+    const [ref, { exactWidth }] = useResizeObserver.useResizeObserver.useResizeObserver();
     const tableSettings = createTableSettings(data, columns, {
         pagination,
         sorting,
@@ -235,10 +235,10 @@ function DataTable({ data, columns, pagination, sorting, height, stickyHeader, p
                 React.createElement(Body, { table: table, onRowClick: onRowClick, emptyState: emptyState, loading: loading }),
                 table.getRowModel().rows.length &&
                     exactWidth &&
-                    exactWidth > jobberHooks.Breakpoints.small ? (React.createElement(Footer, { table: table, viewType: "desktop" })) : null)),
+                    exactWidth > useResizeObserver.useResizeObserver.Breakpoints.small ? (React.createElement(Footer, { table: table, viewType: "desktop" })) : null)),
         table.getRowModel().rows.length &&
             exactWidth &&
-            exactWidth <= jobberHooks.Breakpoints.small ? (React.createElement(Footer, { table: table })) : null,
+            exactWidth <= useResizeObserver.useResizeObserver.Breakpoints.small ? (React.createElement(Footer, { table: table })) : null,
         pagination && (React.createElement(Pagination, { table: table, itemsPerPage: pagination.itemsPerPage, totalItems: pagination.manualPagination
                 ? pagination.totalItems
                 : table.getCoreRowModel().rows.length, loading: loading, onPageChange: () => { var _a; return (_a = ref.current) === null || _a === void 0 ? void 0 : _a.scrollTo(0, 0); } }))));

package/dist/{DataTable-BOZ_Zf4q.js → DataTable-D0MIpeXc.js}

@@ -1,11 +1,11 @@
 import { flexRender, getCoreRowModel, getPaginationRowModel, getSortedRowModel, useReactTable } from '@tanstack/react-table';
 import classnames from 'classnames';
 import React, { useCallback, useMemo } from 'react';
-import { useResizeObserver, Breakpoints } from '@jobber/hooks/useResizeObserver';
+import { u as useResizeObserver } from './useResizeObserver-ZgXMUTij.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 import { G as Glimmer } from './Glimmer-Dz1E9Bo5.js';
 import { _ as __rest } from './tslib.es6-Df1SgIEn.js';
-import { S as Select, a as SelectOption } from './Option-DkWd2dv6.js';
+import { S as Select, a as SelectOption } from './Option-CK6AzE_2.js';
 import { B as Button } from './Button-CWVwgwhn.js';
 import { T as Text } from './Text-DEviM1Tv.js';
 
@@ -217,7 +217,7 @@ function Header({ table, stickyHeader, sorting, onRowClick, }) {
 }
 
 function DataTable({ data, columns, pagination, sorting, height, stickyHeader, pinFirstColumn, onRowClick, emptyState, loading = false, }) {
-    const [ref, { exactWidth }] = useResizeObserver();
+    const [ref, { exactWidth }] = useResizeObserver.useResizeObserver();
     const tableSettings = createTableSettings(data, columns, {
         pagination,
         sorting,
@@ -233,10 +233,10 @@ function DataTable({ data, columns, pagination, sorting, height, stickyHeader, p
                 React.createElement(Body, { table: table, onRowClick: onRowClick, emptyState: emptyState, loading: loading }),
                 table.getRowModel().rows.length &&
                     exactWidth &&
-                    exactWidth > Breakpoints.small ? (React.createElement(Footer, { table: table, viewType: "desktop" })) : null)),
+                    exactWidth > useResizeObserver.Breakpoints.small ? (React.createElement(Footer, { table: table, viewType: "desktop" })) : null)),
         table.getRowModel().rows.length &&
             exactWidth &&
-            exactWidth <= Breakpoints.small ? (React.createElement(Footer, { table: table })) : null,
+            exactWidth <= useResizeObserver.Breakpoints.small ? (React.createElement(Footer, { table: table })) : null,
         pagination && (React.createElement(Pagination, { table: table, itemsPerPage: pagination.itemsPerPage, totalItems: pagination.manualPagination
                 ? pagination.totalItems
                 : table.getCoreRowModel().rows.length, loading: loading, onPageChange: () => { var _a; return (_a = ref.current) === null || _a === void 0 ? void 0 : _a.scrollTo(0, 0); } }))));

package/dist/DatePicker/index.cjs

@@ -1,23 +1,23 @@
 'use strict';
 
-var DatePicker = require('../DatePicker-DBObDXoW.js');
+var DatePicker = require('../DatePicker-BuD8xaKB.js');
 require('react');
 require('classnames');
 require('react-datepicker');
-require('@jobber/hooks/useRefocusOnActivator');
+require('../useRefocusOnActivator-DOJm9VWz.js');
 require('../style-inject.es-XZHJH68X.js');
 require('../Typography-Dx8KtnBw.js');
 require('../Button-D3mW3Hcg.js');
 require('react-router-dom');
 require('../Icon-B9XNdA1T.js');
 require('@jobber/design');
-require('../_commonjsHelpers-BJu3ubxk.js');
-require('../_defineProperty-DVTdBF7D.js');
-require('../_getTag-CHBhnZgu.js');
-require('../isObjectLike-CsWGWxp9.js');
-require('../isSymbol-CqL-NQwG.js');
-require('../_baseAssignValue-Cq-EPFBb.js');
-require('../_setToString-F-wwuS_Y.js');
+require('../_commonjsHelpers-B83fTs8d.js');
+require('../_defineProperty-DjLE4Bk3.js');
+require('../_getTag-Bd2IuclU.js');
+require('../isObjectLike-BUFV4ggG.js');
+require('../isSymbol-DS9vlqp3.js');
+require('../_baseAssignValue-B6tvMdT2.js');
+require('../_setToString-QSHar2ai.js');
 
 
 

package/dist/DatePicker/index.mjs

@@ -1,18 +1,18 @@
-export { D as DatePicker } from '../DatePicker-CqYEsDX3.js';
+export { D as DatePicker } from '../DatePicker-B2LXoRjW.js';
 import 'react';
 import 'classnames';
 import 'react-datepicker';
-import '@jobber/hooks/useRefocusOnActivator';
+import '../useRefocusOnActivator-CMNWUYSe.js';
 import '../style-inject.es-tgCJW-Cu.js';
 import '../Typography-G8pA_xwj.js';
 import '../Button-CWVwgwhn.js';
 import 'react-router-dom';
 import '../Icon-CoHJokXb.js';
 import '@jobber/design';
-import '../_commonjsHelpers-BFTU3MAI.js';
-import '../_defineProperty-DYWOWIJv.js';
-import '../_getTag-DYzEQmpZ.js';
-import '../isObjectLike-91E0YOes.js';
-import '../isSymbol-BEvcpX3s.js';
-import '../_baseAssignValue-BDfrxHwl.js';
-import '../_setToString-Cjq7b1P9.js';
+import '../_commonjsHelpers-E-ZsRS8r.js';
+import '../_defineProperty-Bai9NpfZ.js';
+import '../_getTag-Bcit8gs_.js';
+import '../isObjectLike-CkQBn_-v.js';
+import '../isSymbol-BB8mecpv.js';
+import '../_baseAssignValue-TwbvXiTB.js';
+import '../_setToString-DwIrtHSk.js';