@jobber/components 6.90.3 → 6.91.0

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

@@ -3,10 +3,8 @@
 var DataListHeaderTile = require('../../../DataListHeaderTile-cjs.js');
 require('react');
 require('classnames');
-require('../../../useFocusTrap-cjs.js');
+require('@jobber/hooks');
 require('../../../DataListSortingOptions-cjs.js');
-require('../../../useOnKeyDown-cjs.js');
-require('../../../useRefocusOnActivator-cjs.js');
 require('../../../Icon-cjs.js');
 require('@jobber/design');
 require('../../../Text-cjs.js');

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

@@ -1,10 +1,8 @@
 export { D as DataListHeaderTile } from '../../../DataListHeaderTile-es.js';
 import 'react';
 import 'classnames';
-import '../../../useFocusTrap-es.js';
+import '@jobber/hooks';
 import '../../../DataListSortingOptions-es.js';
-import '../../../useOnKeyDown-es.js';
-import '../../../useRefocusOnActivator-es.js';
 import '../../../Icon-es.js';
 import '@jobber/design';
 import '../../../Text-es.js';

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

@@ -14,8 +14,7 @@ require('../../../DataListActions-cjs.js');
 require('../../../Tooltip-cjs.js');
 require('../../../floating-ui.react-cjs.js');
 require('react-dom');
-require('../../../useSafeLayoutEffect-cjs.js');
-require('../../../useIsMounted-cjs.js');
+require('@jobber/hooks');
 require('../../../Button-cjs.js');
 require('react-router-dom');
 require('../../../tslib.es6-cjs.js');
@@ -29,10 +28,7 @@ require('../../../DataListTags-cjs.js');
 require('../../../InlineLabel-cjs.js');
 require('../../../Text-cjs.js');
 require('../../../DataListHeaderTile-cjs.js');
-require('../../../useFocusTrap-cjs.js');
 require('../../../DataListSortingOptions-cjs.js');
-require('../../../useOnKeyDown-cjs.js');
-require('../../../useRefocusOnActivator-cjs.js');
 require('../../../DataListContext-cjs.js');
 require('../../../FormatDate-cjs.js');
 require('../../../Heading-cjs.js');

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

@@ -12,8 +12,7 @@ import '../../../DataListActions-es.js';
 import '../../../Tooltip-es.js';
 import '../../../floating-ui.react-es.js';
 import 'react-dom';
-import '../../../useSafeLayoutEffect-es.js';
-import '../../../useIsMounted-es.js';
+import '@jobber/hooks';
 import '../../../Button-es.js';
 import 'react-router-dom';
 import '../../../tslib.es6-es.js';
@@ -27,10 +26,7 @@ import '../../../DataListTags-es.js';
 import '../../../InlineLabel-es.js';
 import '../../../Text-es.js';
 import '../../../DataListHeaderTile-es.js';
-import '../../../useFocusTrap-es.js';
 import '../../../DataListSortingOptions-es.js';
-import '../../../useOnKeyDown-es.js';
-import '../../../useRefocusOnActivator-es.js';
 import '../../../DataListContext-es.js';
 import '../../../FormatDate-es.js';
 import '../../../Heading-es.js';

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

@@ -10,8 +10,7 @@ require('../../../Tooltip-cjs.js');
 require('classnames');
 require('../../../floating-ui.react-cjs.js');
 require('react-dom');
-require('../../../useSafeLayoutEffect-cjs.js');
-require('../../../useIsMounted-cjs.js');
+require('@jobber/hooks');
 require('../../../Button-cjs.js');
 require('react-router-dom');
 require('../../../tslib.es6-cjs.js');
@@ -26,10 +25,7 @@ require('../../../DataListTags-cjs.js');
 require('../../../InlineLabel-cjs.js');
 require('../../../Text-cjs.js');
 require('../../../DataListHeaderTile-cjs.js');
-require('../../../useFocusTrap-cjs.js');
 require('../../../DataListSortingOptions-cjs.js');
-require('../../../useOnKeyDown-cjs.js');
-require('../../../useRefocusOnActivator-cjs.js');
 require('../../../DataListContext-cjs.js');
 require('../../../noop-cjs.js');
 require('../../../FormatDate-cjs.js');

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

@@ -8,8 +8,7 @@ import '../../../Tooltip-es.js';
 import 'classnames';
 import '../../../floating-ui.react-es.js';
 import 'react-dom';
-import '../../../useSafeLayoutEffect-es.js';
-import '../../../useIsMounted-es.js';
+import '@jobber/hooks';
 import '../../../Button-es.js';
 import 'react-router-dom';
 import '../../../tslib.es6-es.js';
@@ -24,10 +23,7 @@ import '../../../DataListTags-es.js';
 import '../../../InlineLabel-es.js';
 import '../../../Text-es.js';
 import '../../../DataListHeaderTile-es.js';
-import '../../../useFocusTrap-es.js';
 import '../../../DataListSortingOptions-es.js';
-import '../../../useOnKeyDown-es.js';
-import '../../../useRefocusOnActivator-es.js';
 import '../../../DataListContext-es.js';
 import '../../../noop-es.js';
 import '../../../FormatDate-es.js';

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

@@ -13,12 +13,8 @@ require('../../../Tooltip-cjs.js');
 require('../../../floating-ui.react-cjs.js');
 require('react-dom');
 require('framer-motion');
-require('../../../useSafeLayoutEffect-cjs.js');
-require('../../../useIsMounted-cjs.js');
+require('@jobber/hooks');
 require('../../../DataListActionsMenu-cjs.js');
-require('../../../useFocusTrap-cjs.js');
-require('../../../useRefocusOnActivator-cjs.js');
-require('../../../useOnKeyDown-cjs.js');
 require('../../../DataList.const-cjs.js');
 
 

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

@@ -11,10 +11,6 @@ import '../../../Tooltip-es.js';
 import '../../../floating-ui.react-es.js';
 import 'react-dom';
 import 'framer-motion';
-import '../../../useSafeLayoutEffect-es.js';
-import '../../../useIsMounted-es.js';
+import '@jobber/hooks';
 import '../../../DataListActionsMenu-es.js';
-import '../../../useFocusTrap-es.js';
-import '../../../useRefocusOnActivator-es.js';
-import '../../../useOnKeyDown-es.js';
 import '../../../DataList.const-es.js';

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

@@ -16,8 +16,7 @@ require('../../../DataListActions-cjs.js');
 require('../../../Tooltip-cjs.js');
 require('../../../floating-ui.react-cjs.js');
 require('react-dom');
-require('../../../useSafeLayoutEffect-cjs.js');
-require('../../../useIsMounted-cjs.js');
+require('@jobber/hooks');
 require('../../../Button-cjs.js');
 require('react-router-dom');
 require('../../../tslib.es6-cjs.js');
@@ -31,10 +30,7 @@ require('../../../DataListTags-cjs.js');
 require('../../../InlineLabel-cjs.js');
 require('../../../Text-cjs.js');
 require('../../../DataListHeaderTile-cjs.js');
-require('../../../useFocusTrap-cjs.js');
 require('../../../DataListSortingOptions-cjs.js');
-require('../../../useOnKeyDown-cjs.js');
-require('../../../useRefocusOnActivator-cjs.js');
 require('../../../FormatDate-cjs.js');
 require('../../../Heading-cjs.js');
 require('../../../DataListLayoutContext-cjs2.js');

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

@@ -14,8 +14,7 @@ import '../../../DataListActions-es.js';
 import '../../../Tooltip-es.js';
 import '../../../floating-ui.react-es.js';
 import 'react-dom';
-import '../../../useSafeLayoutEffect-es.js';
-import '../../../useIsMounted-es.js';
+import '@jobber/hooks';
 import '../../../Button-es.js';
 import 'react-router-dom';
 import '../../../tslib.es6-es.js';
@@ -29,10 +28,7 @@ import '../../../DataListTags-es.js';
 import '../../../InlineLabel-es.js';
 import '../../../Text-es.js';
 import '../../../DataListHeaderTile-es.js';
-import '../../../useFocusTrap-es.js';
 import '../../../DataListSortingOptions-es.js';
-import '../../../useOnKeyDown-es.js';
-import '../../../useRefocusOnActivator-es.js';
 import '../../../FormatDate-es.js';
 import '../../../Heading-es.js';
 import '../../../DataListLayoutContext-es2.js';

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

@@ -17,8 +17,7 @@ require('../../../DataListActions-cjs.js');
 require('../../../Tooltip-cjs.js');
 require('../../../floating-ui.react-cjs.js');
 require('react-dom');
-require('../../../useSafeLayoutEffect-cjs.js');
-require('../../../useIsMounted-cjs.js');
+require('@jobber/hooks');
 require('../../../Button-cjs.js');
 require('react-router-dom');
 require('../../../tslib.es6-cjs.js');
@@ -32,10 +31,7 @@ require('../../../DataListTags-cjs.js');
 require('../../../InlineLabel-cjs.js');
 require('../../../Text-cjs.js');
 require('../../../DataListHeaderTile-cjs.js');
-require('../../../useFocusTrap-cjs.js');
 require('../../../DataListSortingOptions-cjs.js');
-require('../../../useOnKeyDown-cjs.js');
-require('../../../useRefocusOnActivator-cjs.js');
 require('../../../FormatDate-cjs.js');
 require('../../../Heading-cjs.js');
 require('../../../DataListLayoutContext-cjs2.js');

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

@@ -15,8 +15,7 @@ import '../../../DataListActions-es.js';
 import '../../../Tooltip-es.js';
 import '../../../floating-ui.react-es.js';
 import 'react-dom';
-import '../../../useSafeLayoutEffect-es.js';
-import '../../../useIsMounted-es.js';
+import '@jobber/hooks';
 import '../../../Button-es.js';
 import 'react-router-dom';
 import '../../../tslib.es6-es.js';
@@ -30,10 +29,7 @@ import '../../../DataListTags-es.js';
 import '../../../InlineLabel-es.js';
 import '../../../Text-es.js';
 import '../../../DataListHeaderTile-es.js';
-import '../../../useFocusTrap-es.js';
 import '../../../DataListSortingOptions-es.js';
-import '../../../useOnKeyDown-es.js';
-import '../../../useRefocusOnActivator-es.js';
 import '../../../FormatDate-es.js';
 import '../../../Heading-es.js';
 import '../../../DataListLayoutContext-es2.js';

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

@@ -18,12 +18,8 @@ require('../../../Tooltip-cjs.js');
 require('../../../floating-ui.react-cjs.js');
 require('react-dom');
 require('framer-motion');
-require('../../../useSafeLayoutEffect-cjs.js');
-require('../../../useIsMounted-cjs.js');
+require('@jobber/hooks');
 require('../../../DataListActionsMenu-cjs.js');
-require('../../../useFocusTrap-cjs.js');
-require('../../../useRefocusOnActivator-cjs.js');
-require('../../../useOnKeyDown-cjs.js');
 require('../../../DataList.const-cjs.js');
 require('../../../Glimmer-cjs.js');
 require('../../../Content-cjs.js');

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

@@ -16,12 +16,8 @@ import '../../../Tooltip-es.js';
 import '../../../floating-ui.react-es.js';
 import 'react-dom';
 import 'framer-motion';
-import '../../../useSafeLayoutEffect-es.js';
-import '../../../useIsMounted-es.js';
+import '@jobber/hooks';
 import '../../../DataListActionsMenu-es.js';
-import '../../../useFocusTrap-es.js';
-import '../../../useRefocusOnActivator-es.js';
-import '../../../useOnKeyDown-es.js';
 import '../../../DataList.const-es.js';
 import '../../../Glimmer-es.js';
 import '../../../Content-es.js';

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

@@ -2,7 +2,7 @@
 
 var DataListLoadMore = require('../../../DataListLoadMore-cjs.js');
 require('react');
-require('../../../useInView-cjs.js');
+require('@jobber/hooks');
 require('../../../DataListContext-cjs.js');
 require('../../../noop-cjs.js');
 require('../../../_commonjsHelpers-cjs.js');

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

@@ -1,6 +1,6 @@
 export { D as DataListLoadMore, M as MAX_DATA_COUNT } from '../../../DataListLoadMore-es.js';
 import 'react';
-import '../../../useInView-es.js';
+import '@jobber/hooks';
 import '../../../DataListContext-es.js';
 import '../../../noop-es.js';
 import '../../../_commonjsHelpers-es.js';

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

@@ -2,7 +2,7 @@
 
 var DataListOverflowFade = require('../../../DataListOverflowFade-cjs.js');
 require('react');
-require('../../../useInView-cjs.js');
+require('@jobber/hooks');
 require('classnames');
 
 

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

@@ -1,4 +1,4 @@
 export { C as CONTAINER_TEST_ID, D as DataListOverflowFade } from '../../../DataListOverflowFade-es.js';
 import 'react';
-import '../../../useInView-es.js';
+import '@jobber/hooks';
 import 'classnames';

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

@@ -4,9 +4,8 @@ var DataListSearch = require('../../../DataListSearch-cjs.js');
 require('react');
 require('classnames');
 require('@jobber/design');
-require('../../../useDebounce-cjs.js');
+require('@jobber/hooks');
 require('../../../InputText/index.cjs');
-require('../../../useSafeLayoutEffect-cjs.js');
 require('../../../FormField-cjs.js');
 require('framer-motion');
 require('../../../Button-cjs.js');

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

@@ -2,9 +2,8 @@ export { D as DATA_LIST_SEARCH_TEST_ID, a as DataListSearch, I as InternalDataLi
 import 'react';
 import 'classnames';
 import '@jobber/design';
-import '../../../useDebounce-es.js';
+import '@jobber/hooks';
 import '../../../InputText/index.mjs';
-import '../../../useSafeLayoutEffect-es.js';
 import '../../../FormField-es.js';
 import 'framer-motion';
 import '../../../Button-es.js';

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

@@ -15,10 +15,8 @@ require('../../../InlineLabel-cjs.js');
 require('../../../Typography-cjs.js');
 require('../../../Text-cjs.js');
 require('../../../DataListHeaderTile-cjs.js');
-require('../../../useFocusTrap-cjs.js');
+require('@jobber/hooks');
 require('../../../DataListSortingOptions-cjs.js');
-require('../../../useOnKeyDown-cjs.js');
-require('../../../useRefocusOnActivator-cjs.js');
 require('../../../Icon-cjs.js');
 require('../../../DataListContext-cjs.js');
 require('../../../noop-cjs.js');

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

@@ -13,10 +13,8 @@ import '../../../InlineLabel-es.js';
 import '../../../Typography-es.js';
 import '../../../Text-es.js';
 import '../../../DataListHeaderTile-es.js';
-import '../../../useFocusTrap-es.js';
+import '@jobber/hooks';
 import '../../../DataListSortingOptions-es.js';
-import '../../../useOnKeyDown-es.js';
-import '../../../useRefocusOnActivator-es.js';
 import '../../../Icon-es.js';
 import '../../../DataListContext-es.js';
 import '../../../noop-es.js';

package/dist/DataList/index.cjs

@@ -28,8 +28,7 @@ require('../DataListActions-cjs.js');
 require('../Tooltip-cjs.js');
 require('../floating-ui.react-cjs.js');
 require('react-dom');
-require('../useSafeLayoutEffect-cjs.js');
-require('../useIsMounted-cjs.js');
+require('@jobber/hooks');
 require('../Button-cjs.js');
 require('react-router-dom');
 require('../Icon-cjs.js');
@@ -40,10 +39,7 @@ require('../isObjectLike-cjs.js');
 require('../DataListTags-cjs.js');
 require('../InlineLabel-cjs.js');
 require('../DataListHeaderTile-cjs.js');
-require('../useFocusTrap-cjs.js');
 require('../DataListSortingOptions-cjs.js');
-require('../useOnKeyDown-cjs.js');
-require('../useRefocusOnActivator-cjs.js');
 require('../FormatDate-cjs.js');
 require('../Heading-cjs.js');
 require('../DataListLayoutContext-cjs2.js');
@@ -68,7 +64,6 @@ require('../ComboboxOption-cjs.js');
 require('../Flex-cjs.js');
 require('../ComboboxProvider-cjs.js');
 require('../ComboboxLoadMore-cjs.js');
-require('../useInView-cjs.js');
 require('../ComboboxContentHeader-cjs.js');
 require('../constants-cjs.js');
 require('../ComboboxAction-cjs.js');
@@ -77,7 +72,6 @@ require('../Chip-cjs.js');
 require('../Avatar-cjs.js');
 require('color');
 require('../useChildComponent-cjs.js');
-require('../useDebounce-cjs.js');
 require('../ComboboxActivator-cjs.js');
 require('../DataListOverflowFade-cjs.js');
 require('../DataListStickyHeader-cjs.js');

package/dist/DataList/index.mjs

@@ -26,8 +26,7 @@ import '../DataListActions-es.js';
 import '../Tooltip-es.js';
 import '../floating-ui.react-es.js';
 import 'react-dom';
-import '../useSafeLayoutEffect-es.js';
-import '../useIsMounted-es.js';
+import '@jobber/hooks';
 import '../Button-es.js';
 import 'react-router-dom';
 import '../Icon-es.js';
@@ -38,10 +37,7 @@ import '../isObjectLike-es.js';
 import '../DataListTags-es.js';
 import '../InlineLabel-es.js';
 import '../DataListHeaderTile-es.js';
-import '../useFocusTrap-es.js';
 import '../DataListSortingOptions-es.js';
-import '../useOnKeyDown-es.js';
-import '../useRefocusOnActivator-es.js';
 import '../FormatDate-es.js';
 import '../Heading-es.js';
 import '../DataListLayoutContext-es2.js';
@@ -66,7 +62,6 @@ import '../ComboboxOption-es.js';
 import '../Flex-es.js';
 import '../ComboboxProvider-es.js';
 import '../ComboboxLoadMore-es.js';
-import '../useInView-es.js';
 import '../ComboboxContentHeader-es.js';
 import '../constants-es.js';
 import '../ComboboxAction-es.js';
@@ -75,7 +70,6 @@ import '../Chip-es.js';
 import '../Avatar-es.js';
 import 'color';
 import '../useChildComponent-es.js';
-import '../useDebounce-es.js';
 import '../ComboboxActivator-es.js';
 import '../DataListOverflowFade-es.js';
 import '../DataListStickyHeader-es.js';

package/dist/DataListActionsMenu-cjs.js

@@ -2,12 +2,9 @@
 
 var React = require('react');
 var framerMotion = require('framer-motion');
-var useFocusTrap = require('./useFocusTrap-cjs.js');
-var useRefocusOnActivator = require('./useRefocusOnActivator-cjs.js');
-var useOnKeyDown = require('./useOnKeyDown-cjs.js');
+var jobberHooks = require('@jobber/hooks');
 var ReactDOM = require('react-dom');
 var design = require('@jobber/design');
-var useIsMounted = require('./useIsMounted-cjs.js');
 var DataList_const = require('./DataList.const-cjs.js');
 
 var styles = {"menu":"e1ztw2-YxtM-","overlay":"uMoOb93Pf1Q-","spinning":"_0wS9DWCNuj4-"};
@@ -18,10 +15,10 @@ const variants = {
 };
 function DataListActionsMenu({ visible = false, position, onRequestClose, children, }) {
     const [ref, setRef] = React.useState();
-    const mounted = useIsMounted.useIsMounted_2();
-    useRefocusOnActivator.useRefocusOnActivator_2(visible);
-    const focusTrapRef = useFocusTrap.useFocusTrap_2(visible);
-    useOnKeyDown.useOnKeyDown_2(onRequestClose, "Escape");
+    const mounted = jobberHooks.useIsMounted();
+    jobberHooks.useRefocusOnActivator(visible);
+    const focusTrapRef = jobberHooks.useFocusTrap(visible);
+    jobberHooks.useOnKeyDown(onRequestClose, "Escape");
     const actionsMenu = (React.createElement(framerMotion.AnimatePresence, null, visible && (React.createElement("div", { ref: focusTrapRef, onClick: handleClick },
         React.createElement(framerMotion.motion.div, { role: "menu", "data-elevation": "elevated", ref: setRef, variants: variants, initial: "hidden", animate: "visible", exit: "hidden", transition: { duration: DataList_const.TRANSITION_DELAY_IN_SECONDS }, className: styles.menu, style: getPositionCssVars(), onClick: onRequestClose }, children),
         React.createElement("button", { type: "button", className: styles.overlay, onClick: onRequestClose, "aria-label": "Close menu" })))));

package/dist/DataListActionsMenu-es.js

@@ -1,11 +1,8 @@
 import React__default, { useState } from 'react';
 import { AnimatePresence, motion } from 'framer-motion';
-import { u as useFocusTrap_2 } from './useFocusTrap-es.js';
-import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-es.js';
-import { u as useOnKeyDown_2 } from './useOnKeyDown-es.js';
+import { useIsMounted, useRefocusOnActivator, useFocusTrap, useOnKeyDown } from '@jobber/hooks';
 import { createPortal } from 'react-dom';
 import { tokens } from '@jobber/design';
-import { u as useIsMounted_2 } from './useIsMounted-es.js';
 import { e as TRANSITION_DELAY_IN_SECONDS } from './DataList.const-es.js';
 
 var styles = {"menu":"e1ztw2-YxtM-","overlay":"uMoOb93Pf1Q-","spinning":"_0wS9DWCNuj4-"};
@@ -16,10 +13,10 @@ const variants = {
 };
 function DataListActionsMenu({ visible = false, position, onRequestClose, children, }) {
     const [ref, setRef] = useState();
-    const mounted = useIsMounted_2();
-    useRefocusOnActivator_2(visible);
-    const focusTrapRef = useFocusTrap_2(visible);
-    useOnKeyDown_2(onRequestClose, "Escape");
+    const mounted = useIsMounted();
+    useRefocusOnActivator(visible);
+    const focusTrapRef = useFocusTrap(visible);
+    useOnKeyDown(onRequestClose, "Escape");
     const actionsMenu = (React__default.createElement(AnimatePresence, null, visible && (React__default.createElement("div", { ref: focusTrapRef, onClick: handleClick },
         React__default.createElement(motion.div, { role: "menu", "data-elevation": "elevated", ref: setRef, variants: variants, initial: "hidden", animate: "visible", exit: "hidden", transition: { duration: TRANSITION_DELAY_IN_SECONDS }, className: styles.menu, style: getPositionCssVars(), onClick: onRequestClose }, children),
         React__default.createElement("button", { type: "button", className: styles.overlay, onClick: onRequestClose, "aria-label": "Close menu" })))));

package/dist/DataListHeaderTile-cjs.js

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var useFocusTrap = require('./useFocusTrap-cjs.js');
+var jobberHooks = require('@jobber/hooks');
 var DataListSortingOptions = require('./DataListSortingOptions-cjs.js');
 var Text = require('./Text-cjs.js');
 var DataListContext = require('./DataListContext-cjs.js');
@@ -31,7 +31,7 @@ function DataListSortingArrows({ headerKey, order, }) {
 function DataListHeaderTile({ headers, headerKey, }) {
     const { sorting } = DataListContext.useDataListContext();
     const [isDropDownOpen, setIsDropDownOpen] = React.useState(false);
-    const optionsListRef = useFocusTrap.useFocusTrap_2(isDropDownOpen);
+    const optionsListRef = jobberHooks.useFocusTrap(isDropDownOpen);
     const dataListHeaderTileRef = React.useRef(null);
     const sortableItem = sorting === null || sorting === void 0 ? void 0 : sorting.sortable.find(item => item.key === headerKey);
     const isSortable = Boolean(sortableItem);

package/dist/DataListHeaderTile-es.js

@@ -1,6 +1,6 @@
 import React__default, { useState, useRef } from 'react';
 import classnames from 'classnames';
-import { u as useFocusTrap_2 } from './useFocusTrap-es.js';
+import { useFocusTrap } from '@jobber/hooks';
 import { D as DataListSortingOptions } from './DataListSortingOptions-es.js';
 import { T as Text } from './Text-es.js';
 import { u as useDataListContext } from './DataListContext-es.js';
@@ -29,7 +29,7 @@ function DataListSortingArrows({ headerKey, order, }) {
 function DataListHeaderTile({ headers, headerKey, }) {
     const { sorting } = useDataListContext();
     const [isDropDownOpen, setIsDropDownOpen] = useState(false);
-    const optionsListRef = useFocusTrap_2(isDropDownOpen);
+    const optionsListRef = useFocusTrap(isDropDownOpen);
     const dataListHeaderTileRef = useRef(null);
     const sortableItem = sorting === null || sorting === void 0 ? void 0 : sorting.sortable.find(item => item.key === headerKey);
     const isSortable = Boolean(sortableItem);

package/dist/DataListLoadMore-cjs.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var useInView = require('./useInView-cjs.js');
+var jobberHooks = require('@jobber/hooks');
 var DataListContext = require('./DataListContext-cjs.js');
 var DataList_const = require('./DataList.const-cjs.js');
 var Spinner = require('./Spinner-cjs.js');
@@ -12,7 +12,7 @@ var styles = {"trigger":"aJIHa8Q-WbY-","loadingMore":"lLYWNAYcURY-","backToTop":
 
 function DataListLoadMoreTrigger() {
     const { onLoadMore } = DataListContext.useDataListContext();
-    const [inViewRef, isInView] = useInView.useInView_2();
+    const [inViewRef, isInView] = jobberHooks.useInView();
     React.useEffect(() => {
         isInView && (onLoadMore === null || onLoadMore === void 0 ? void 0 : onLoadMore());
     }, [isInView]);

package/dist/DataListLoadMore-es.js

@@ -1,5 +1,5 @@
 import React__default, { useEffect } from 'react';
-import { u as useInView_2 } from './useInView-es.js';
+import { useInView } from '@jobber/hooks';
 import { u as useDataListContext } from './DataListContext-es.js';
 import { g as DATA_LOAD_MORE_TEST_ID, h as DATA_LIST_LOADING_MORE_SPINNER_TEST_ID } from './DataList.const-es.js';
 import { S as Spinner } from './Spinner-es.js';
@@ -10,7 +10,7 @@ var styles = {"trigger":"aJIHa8Q-WbY-","loadingMore":"lLYWNAYcURY-","backToTop":
 
 function DataListLoadMoreTrigger() {
     const { onLoadMore } = useDataListContext();
-    const [inViewRef, isInView] = useInView_2();
+    const [inViewRef, isInView] = useInView();
     useEffect(() => {
         isInView && (onLoadMore === null || onLoadMore === void 0 ? void 0 : onLoadMore());
     }, [isInView]);

package/dist/DataListOverflowFade-cjs.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var useInView = require('./useInView-cjs.js');
+var jobberHooks = require('@jobber/hooks');
 var classnames = require('classnames');
 
 const CONTAINER_TEST_ID = "ATL-DataListFilters-Container";
@@ -9,8 +9,8 @@ const CONTAINER_TEST_ID = "ATL-DataListFilters-Container";
 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();
-    const [rightRef, isRightVisible] = useInView.useInView_2();
+    const [leftRef, isLeftVisible] = jobberHooks.useInView();
+    const [rightRef, isRightVisible] = jobberHooks.useInView();
     return (React.createElement("div", { "data-testid": CONTAINER_TEST_ID, className: classnames(styles.fadeContainer, {
             [styles.overflowLeft]: !isLeftVisible,
             [styles.overflowRight]: !isRightVisible,

package/dist/DataListOverflowFade-es.js

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { u as useInView_2 } from './useInView-es.js';
+import { useInView } from '@jobber/hooks';
 import classnames from 'classnames';
 
 const CONTAINER_TEST_ID = "ATL-DataListFilters-Container";
@@ -7,8 +7,8 @@ const CONTAINER_TEST_ID = "ATL-DataListFilters-Container";
 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();
-    const [rightRef, isRightVisible] = useInView_2();
+    const [leftRef, isLeftVisible] = useInView();
+    const [rightRef, isRightVisible] = useInView();
     return (React__default.createElement("div", { "data-testid": CONTAINER_TEST_ID, className: classnames(styles.fadeContainer, {
             [styles.overflowLeft]: !isLeftVisible,
             [styles.overflowRight]: !isRightVisible,

package/dist/DataListSearch-cjs.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var classnames = require('classnames');
 var design = require('@jobber/design');
-var useDebounce = require('./useDebounce-cjs.js');
+var jobberHooks = require('@jobber/hooks');
 var InputText_index = require('./InputText/index.cjs');
 var DataListContext = require('./DataListContext-cjs.js');
 var DataList_const = require('./DataList.const-cjs.js');
@@ -25,7 +25,7 @@ function InternalDataListSearch() {
     const inputRef = React.useRef(null);
     const [visible, setVisible] = React.useState(false);
     const { searchComponent, filterComponent, sorting, title } = DataListContext.useDataListContext();
-    const debouncedSearch = useDebounce.useDebounce_2((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);
+    const debouncedSearch = jobberHooks.useDebounce((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);
     if (!searchComponent)
         return null;
     const { placeholder, initialValue, value: controlledValue, } = searchComponent.props;