@jobber/components 6.90.4 → 6.91.0

package/dist/Combobox/index.cjs

@@ -22,12 +22,10 @@ require('framer-motion');
 require('../ComboboxOption-cjs.js');
 require('../Flex-cjs.js');
 require('../ComboboxLoadMore-cjs.js');
-require('../useInView-cjs.js');
+require('@jobber/hooks');
 require('../ComboboxContentHeader-cjs.js');
 require('../Button-cjs.js');
 require('react-router-dom');
-require('../useRefocusOnActivator-cjs.js');
-require('../useFocusTrap-cjs.js');
 require('../constants-cjs.js');
 require('../ComboboxAction-cjs.js');
 require('../ComboboxTrigger-cjs.js');
@@ -36,11 +34,8 @@ require('../Avatar-cjs.js');
 require('color');
 require('../useChildComponent-cjs.js');
 require('../Tooltip-cjs.js');
-require('../useSafeLayoutEffect-cjs.js');
-require('../useIsMounted-cjs.js');
 require('../noop-cjs.js');
 require('../_commonjsHelpers-cjs.js');
-require('../useDebounce-cjs.js');
 require('../ComboboxActivator-cjs.js');
 
 

package/dist/Combobox/index.mjs

@@ -20,12 +20,10 @@ import 'framer-motion';
 import '../ComboboxOption-es.js';
 import '../Flex-es.js';
 import '../ComboboxLoadMore-es.js';
-import '../useInView-es.js';
+import '@jobber/hooks';
 import '../ComboboxContentHeader-es.js';
 import '../Button-es.js';
 import 'react-router-dom';
-import '../useRefocusOnActivator-es.js';
-import '../useFocusTrap-es.js';
 import '../constants-es.js';
 import '../ComboboxAction-es.js';
 import '../ComboboxTrigger-es.js';
@@ -34,9 +32,6 @@ import '../Avatar-es.js';
 import 'color';
 import '../useChildComponent-es.js';
 import '../Tooltip-es.js';
-import '../useSafeLayoutEffect-es.js';
-import '../useIsMounted-es.js';
 import '../noop-es.js';
 import '../_commonjsHelpers-es.js';
-import '../useDebounce-es.js';
 import '../ComboboxActivator-es.js';

package/dist/Combobox-cjs.js

@@ -7,7 +7,7 @@ var ComboboxProvider = require('./ComboboxProvider-cjs.js');
 var ComboboxTrigger = require('./ComboboxTrigger-cjs.js');
 var ComboboxOption = require('./ComboboxOption-cjs.js');
 var noop = require('./noop-cjs.js');
-var useDebounce = require('./useDebounce-cjs.js');
+var jobberHooks = require('@jobber/hooks');
 var ComboboxActivator = require('./ComboboxActivator-cjs.js');
 
 var styles = {"overlay":"xxU2WqkpXZU-","wrapper":"W-9SMjhEMpI-","spinning":"mqMvu8yxz2w-"};
@@ -57,7 +57,7 @@ function useCombobox(selected, onSelect, options, onClose, multiSelect, onSearch
     const shouldScroll = React.useRef(false);
     const [open, setOpen] = React.useState(false);
     const [searchValue, setSearchValue] = React.useState("");
-    const searchCallback = useDebounce.useDebounce_2((value) => onSearch === null || onSearch === void 0 ? void 0 : onSearch(value), debounceTime);
+    const searchCallback = jobberHooks.useDebounce((value) => onSearch === null || onSearch === void 0 ? void 0 : onSearch(value), debounceTime);
     const { handleClose, handleSelection, handleOpen } = useMakeComboboxHandlers(setOpen, open, setSearchValue, selected, shouldScroll, onSelect, multiSelect, onClose, onSearch);
     const internalFilteredOptions = options.filter(option => option.label.toLowerCase().includes(searchValue.toLowerCase()));
     return {

package/dist/Combobox-es.js

@@ -5,7 +5,7 @@ import { C as ComboboxContextProvider } from './ComboboxProvider-es.js';
 import { C as ComboboxTrigger } from './ComboboxTrigger-es.js';
 import { C as ComboboxOption } from './ComboboxOption-es.js';
 import { n as noop } from './noop-es.js';
-import { u as useDebounce_2 } from './useDebounce-es.js';
+import { useDebounce } from '@jobber/hooks';
 import { C as ComboboxActivator } from './ComboboxActivator-es.js';
 
 var styles = {"overlay":"xxU2WqkpXZU-","wrapper":"W-9SMjhEMpI-","spinning":"mqMvu8yxz2w-"};
@@ -55,7 +55,7 @@ function useCombobox(selected, onSelect, options, onClose, multiSelect, onSearch
     const shouldScroll = useRef(false);
     const [open, setOpen] = useState(false);
     const [searchValue, setSearchValue] = useState("");
-    const searchCallback = useDebounce_2((value) => onSearch === null || onSearch === void 0 ? void 0 : onSearch(value), debounceTime);
+    const searchCallback = useDebounce((value) => onSearch === null || onSearch === void 0 ? void 0 : onSearch(value), debounceTime);
     const { handleClose, handleSelection, handleOpen } = useMakeComboboxHandlers(setOpen, open, setSearchValue, selected, shouldScroll, onSelect, multiSelect, onClose, onSearch);
     const internalFilteredOptions = options.filter(option => option.label.toLowerCase().includes(searchValue.toLowerCase()));
     return {

package/dist/ComboboxContent-cjs.js

@@ -7,8 +7,7 @@ var ComboboxContentSearch = require('./ComboboxContentSearch-cjs.js');
 var ComboboxContentList = require('./ComboboxContentList-cjs.js');
 var ComboboxContentHeader = require('./ComboboxContentHeader-cjs.js');
 var ComboboxProvider = require('./ComboboxProvider-cjs.js');
-var useRefocusOnActivator = require('./useRefocusOnActivator-cjs.js');
-var useFocusTrap = require('./useFocusTrap-cjs.js');
+var jobberHooks = require('@jobber/hooks');
 var constants = require('./constants-cjs.js');
 
 var styles = {"content":"QsRc49DHSgA-","hidden":"_7Fd5XGsPpUA-","actions":"yV8-0Hs43J0-","actionPadding":"g3Gdt8jXvFk-","spinning":"dJVYYOaf04E-"};
@@ -50,8 +49,8 @@ function useComboboxAccessibility(selectionCallback, filteredOptions, optionsLis
     const focusedIndex = React.useRef(null);
     const parentNodeId = floatingUi_react.useFloatingParentNodeId();
     const nodeId = floatingUi_react.useFloatingNodeId();
-    useRefocusOnActivator.useRefocusOnActivator_2(open);
-    const floatingRef = useFocusTrap.useFocusTrap_2(open);
+    jobberHooks.useRefocusOnActivator(open);
+    const floatingRef = jobberHooks.useFocusTrap(open);
     const { floatingStyles, update, context } = floatingUi_react.useFloating({
         nodeId,
         elements: {

package/dist/ComboboxContent-es.js

@@ -1,12 +1,11 @@
 import React__default, { useContext, useRef, useEffect, useMemo } from 'react';
 import classnames from 'classnames';
-import { g as useFloatingParentNodeId, h as useFloatingNodeId, u as useFloating, o as offset, f as flip, b as autoUpdate, c as useDismiss, d as useInteractions, i as FloatingTree, j as FloatingNode, F as FloatingPortal } from './floating-ui.react-es.js';
+import { g as useFloatingParentNodeId, h as useFloatingNodeId, u as useFloating, o as offset, f as flip, c as autoUpdate, a as useDismiss, b as useInteractions, i as FloatingTree, j as FloatingNode, F as FloatingPortal } from './floating-ui.react-es.js';
 import { C as ComboboxContentSearch } from './ComboboxContentSearch-es.js';
 import { C as ComboboxContentList } from './ComboboxContentList-es.js';
 import { C as ComboboxContentHeader } from './ComboboxContentHeader-es.js';
 import { a as ComboboxContext } from './ComboboxProvider-es.js';
-import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-es.js';
-import { u as useFocusTrap_2 } from './useFocusTrap-es.js';
+import { useRefocusOnActivator, useFocusTrap } from '@jobber/hooks';
 import { C as COMBOBOX_MENU_ID } from './constants-es.js';
 
 var styles = {"content":"QsRc49DHSgA-","hidden":"_7Fd5XGsPpUA-","actions":"yV8-0Hs43J0-","actionPadding":"g3Gdt8jXvFk-","spinning":"dJVYYOaf04E-"};
@@ -48,8 +47,8 @@ function useComboboxAccessibility(selectionCallback, filteredOptions, optionsLis
     const focusedIndex = useRef(null);
     const parentNodeId = useFloatingParentNodeId();
     const nodeId = useFloatingNodeId();
-    useRefocusOnActivator_2(open);
-    const floatingRef = useFocusTrap_2(open);
+    useRefocusOnActivator(open);
+    const floatingRef = useFocusTrap(open);
     const { floatingStyles, update, context } = useFloating({
         nodeId,
         elements: {

package/dist/ComboboxLoadMore-cjs.js

@@ -1,12 +1,12 @@
 'use strict';
 
 var React = require('react');
-var useInView = require('./useInView-cjs.js');
+var jobberHooks = require('@jobber/hooks');
 
 var styles = {"trigger":"jPB--ZCYNNI-","spinning":"aW61BrnGmcw-"};
 
 function ComboboxLoadMore({ onLoadMore }) {
-    const [inViewRef, isInView] = useInView.useInView_2();
+    const [inViewRef, isInView] = jobberHooks.useInView();
     React.useEffect(() => {
         isInView && onLoadMore();
     }, [isInView]);

package/dist/ComboboxLoadMore-es.js

@@ -1,10 +1,10 @@
 import React__default, { useEffect } from 'react';
-import { u as useInView_2 } from './useInView-es.js';
+import { useInView } from '@jobber/hooks';
 
 var styles = {"trigger":"jPB--ZCYNNI-","spinning":"aW61BrnGmcw-"};
 
 function ComboboxLoadMore({ onLoadMore }) {
-    const [inViewRef, isInView] = useInView_2();
+    const [inViewRef, isInView] = useInView();
     useEffect(() => {
         isInView && onLoadMore();
     }, [isInView]);

package/dist/ConfirmationModal/index.cjs

@@ -2,13 +2,11 @@
 
 var ConfirmationModal = require('../ConfirmationModal-cjs.js');
 require('react');
-require('../useOnKeyDown-cjs.js');
+require('@jobber/hooks');
 require('../Modal/index.cjs');
 require('react-dom');
 require('classnames');
 require('framer-motion');
-require('../useRefocusOnActivator-cjs.js');
-require('../useFocusTrap-cjs.js');
 require('../Heading-cjs.js');
 require('../Typography-cjs.js');
 require('../Button-cjs.js');

package/dist/ConfirmationModal/index.mjs

@@ -1,12 +1,10 @@
 export { C as ConfirmationModal } from '../ConfirmationModal-es.js';
 import 'react';
-import '../useOnKeyDown-es.js';
+import '@jobber/hooks';
 import '../Modal/index.mjs';
 import 'react-dom';
 import 'classnames';
 import 'framer-motion';
-import '../useRefocusOnActivator-es.js';
-import '../useFocusTrap-es.js';
 import '../Heading-es.js';
 import '../Typography-es.js';
 import '../Button-es.js';

package/dist/ConfirmationModal-cjs.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var useOnKeyDown = require('./useOnKeyDown-cjs.js');
+var jobberHooks = require('@jobber/hooks');
 var Modal_index = require('./Modal/index.cjs');
 var Content = require('./Content-cjs.js');
 var Markdown = require('./Markdown-cjs.js');
@@ -53,7 +53,7 @@ const ConfirmationModal = React.forwardRef(function ConfirmationModalInternal({
                 onCancel }),
         });
     }, [title, message, confirmLabel, cancelLabel, onConfirm, onCancel]);
-    useOnKeyDown.useOnKeyDown_2(handleKeyboardShortcut, ["Escape", "Enter"]);
+    jobberHooks.useOnKeyDown(handleKeyboardShortcut, ["Escape", "Enter"]);
     return (React.createElement(Modal_index.Modal, { title: state.title, open: open || state.open, size: size, dismissible: false, primaryAction: {
             label: state.confirmLabel,
             onClick: handleAction("confirm"),

package/dist/ConfirmationModal-es.js

@@ -1,5 +1,5 @@
 import React__default, { forwardRef, useReducer, useImperativeHandle, useEffect } from 'react';
-import { u as useOnKeyDown_2 } from './useOnKeyDown-es.js';
+import { useOnKeyDown } from '@jobber/hooks';
 import { Modal } from './Modal/index.mjs';
 import { C as Content } from './Content-es.js';
 import { M as Markdown } from './Markdown-es.js';
@@ -51,7 +51,7 @@ const ConfirmationModal = forwardRef(function ConfirmationModalInternal({ title,
                 onCancel }),
         });
     }, [title, message, confirmLabel, cancelLabel, onConfirm, onCancel]);
-    useOnKeyDown_2(handleKeyboardShortcut, ["Escape", "Enter"]);
+    useOnKeyDown(handleKeyboardShortcut, ["Escape", "Enter"]);
     return (React__default.createElement(Modal, { title: state.title, open: open || state.open, size: size, dismissible: false, primaryAction: {
             label: state.confirmLabel,
             onClick: handleAction("confirm"),

package/dist/ContentBlock/index.cjs

@@ -3,12 +3,7 @@
 var ContentBlock = require('../ContentBlock-cjs.js');
 require('react');
 require('classnames');
-require('../useResizeObserver-cjs.js');
-require('../_commonjsHelpers-cjs.js');
-require('../throttle-cjs.js');
-require('../debounce-cjs.js');
-require('../isObjectLike-cjs.js');
-require('../isSymbol-cjs.js');
+require('@jobber/hooks');
 require('../getMappedAtlantisSpaceToken-cjs.js');
 
 

package/dist/ContentBlock/index.mjs

@@ -1,10 +1,5 @@
 export { C as ContentBlock } from '../ContentBlock-es.js';
 import 'react';
 import 'classnames';
-import '../useResizeObserver-es.js';
-import '../_commonjsHelpers-es.js';
-import '../throttle-es.js';
-import '../debounce-es.js';
-import '../isObjectLike-es.js';
-import '../isSymbol-es.js';
+import '@jobber/hooks';
 import '../getMappedAtlantisSpaceToken-es.js';

package/dist/ContentBlock-cjs.js

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var useResizeObserver = require('./useResizeObserver-cjs.js');
+var jobberHooks = require('@jobber/hooks');
 var getMappedAtlantisSpaceToken = require('./getMappedAtlantisSpaceToken-cjs.js');
 
 var styles = {"contentBlock":"rJamQZ6fRes-","left":"bqjXV8MRO-4-","right":"sCMxIxKkFe0-","center":"_2pIQVKvVL1I-","andText":"_6dF2no3aTxw-","gutters":"_8k8YLsatGag-","spinning":"sjMwRWFdKeo-"};
@@ -24,7 +24,7 @@ const getMappedBreakpointWidth = (maxWidth) => {
     return maxWidth;
 };
 
-function ContentBlock({ children, maxWidth = useResizeObserver.useResizeObserver.Breakpoints.smaller, andText, gutters, justify = "left", as: Tag = "div", dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, }) {
+function ContentBlock({ children, maxWidth = jobberHooks.Breakpoints.smaller, andText, gutters, justify = "left", as: Tag = "div", dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, }) {
     return (React.createElement(Tag, Object.assign({ role: role, id: id }, dataAttributes, ariaAttributes, { style: Object.assign({ "--content-block-max-width": getMappedBreakpointWidth(maxWidth), "--content-block-gutters": getMappedAtlantisSpaceToken.getMappedAtlantisSpaceToken(gutters) }, UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.container), className: classnames(styles.contentBlock, andText && styles.andText, gutters && styles.gutters, justify === "left" && styles.left, justify === "right" && styles.right, justify === "center" && styles.center, UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.container) }), children));
 }
 

package/dist/ContentBlock-es.js

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import classnames from 'classnames';
-import { u as useResizeObserver } from './useResizeObserver-es.js';
+import { Breakpoints } from '@jobber/hooks';
 import { g as getMappedAtlantisSpaceToken } from './getMappedAtlantisSpaceToken-es.js';
 
 var styles = {"contentBlock":"rJamQZ6fRes-","left":"bqjXV8MRO-4-","right":"sCMxIxKkFe0-","center":"_2pIQVKvVL1I-","andText":"_6dF2no3aTxw-","gutters":"_8k8YLsatGag-","spinning":"sjMwRWFdKeo-"};
@@ -22,7 +22,7 @@ const getMappedBreakpointWidth = (maxWidth) => {
     return maxWidth;
 };
 
-function ContentBlock({ children, maxWidth = useResizeObserver.Breakpoints.smaller, andText, gutters, justify = "left", as: Tag = "div", dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, }) {
+function ContentBlock({ children, maxWidth = Breakpoints.smaller, andText, gutters, justify = "left", as: Tag = "div", dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, }) {
     return (React__default.createElement(Tag, Object.assign({ role: role, id: id }, dataAttributes, ariaAttributes, { style: Object.assign({ "--content-block-max-width": getMappedBreakpointWidth(maxWidth), "--content-block-gutters": getMappedAtlantisSpaceToken(gutters) }, UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.container), className: classnames(styles.contentBlock, andText && styles.andText, gutters && styles.gutters, justify === "left" && styles.left, justify === "right" && styles.right, justify === "center" && styles.center, UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.container) }), children));
 }
 

package/dist/DataDump/index.cjs

@@ -13,12 +13,9 @@ require('../Icon-cjs.js');
 require('@jobber/design');
 require('../Menu-cjs.js');
 require('framer-motion');
-require('../useRefocusOnActivator-cjs.js');
+require('@jobber/hooks');
 require('../floating-ui.react-cjs.js');
 require('react-dom');
-require('../useFocusTrap-cjs.js');
-require('../useIsMounted-cjs.js');
-require('../useSafeLayoutEffect-cjs.js');
 require('../useFormFieldFocus-cjs.js');
 require('../maxHeight-cjs.js');
 require('../Content-cjs.js');

package/dist/DataDump/index.mjs

@@ -11,12 +11,9 @@ import '../Icon-es.js';
 import '@jobber/design';
 import '../Menu-es.js';
 import 'framer-motion';
-import '../useRefocusOnActivator-es.js';
+import '@jobber/hooks';
 import '../floating-ui.react-es.js';
 import 'react-dom';
-import '../useFocusTrap-es.js';
-import '../useIsMounted-es.js';
-import '../useSafeLayoutEffect-es.js';
 import '../useFormFieldFocus-es.js';
 import '../maxHeight-es.js';
 import '../Content-es.js';

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

@@ -7,8 +7,7 @@ require('classnames');
 require('../../../floating-ui.react-cjs.js');
 require('react-dom');
 require('framer-motion');
-require('../../../useSafeLayoutEffect-cjs.js');
-require('../../../useIsMounted-cjs.js');
+require('@jobber/hooks');
 require('../../../Button-cjs.js');
 require('react-router-dom');
 require('../../../tslib.es6-cjs.js');
@@ -25,10 +24,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/DataListActions/index.mjs

@@ -5,8 +5,7 @@ import 'classnames';
 import '../../../floating-ui.react-es.js';
 import 'react-dom';
 import 'framer-motion';
-import '../../../useSafeLayoutEffect-es.js';
-import '../../../useIsMounted-es.js';
+import '@jobber/hooks';
 import '../../../Button-es.js';
 import 'react-router-dom';
 import '../../../tslib.es6-es.js';
@@ -23,10 +22,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/DataListActionsMenu/index.cjs

@@ -3,13 +3,9 @@
 var DataListActionsMenu = require('../../../DataListActionsMenu-cjs.js');
 require('react');
 require('framer-motion');
-require('../../../useFocusTrap-cjs.js');
-require('../../../useRefocusOnActivator-cjs.js');
-require('../../../useOnKeyDown-cjs.js');
+require('@jobber/hooks');
 require('react-dom');
 require('@jobber/design');
-require('../../../useIsMounted-cjs.js');
-require('../../../useSafeLayoutEffect-cjs.js');
 require('../../../DataList.const-cjs.js');
 
 

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

@@ -1,11 +1,7 @@
 export { D as DataListActionsMenu } from '../../../DataListActionsMenu-es.js';
 import 'react';
 import 'framer-motion';
-import '../../../useFocusTrap-es.js';
-import '../../../useRefocusOnActivator-es.js';
-import '../../../useOnKeyDown-es.js';
+import '@jobber/hooks';
 import 'react-dom';
 import '@jobber/design';
-import '../../../useIsMounted-es.js';
-import '../../../useSafeLayoutEffect-es.js';
 import '../../../DataList.const-es.js';

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

@@ -11,8 +11,7 @@ require('classnames');
 require('../../../floating-ui.react-cjs.js');
 require('react-dom');
 require('framer-motion');
-require('../../../useSafeLayoutEffect-cjs.js');
-require('../../../useIsMounted-cjs.js');
+require('@jobber/hooks');
 require('../../../Button-cjs.js');
 require('react-router-dom');
 require('../../../tslib.es6-cjs.js');
@@ -28,10 +27,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/DataListBulkActions/index.mjs

@@ -9,8 +9,7 @@ import 'classnames';
 import '../../../floating-ui.react-es.js';
 import 'react-dom';
 import 'framer-motion';
-import '../../../useSafeLayoutEffect-es.js';
-import '../../../useIsMounted-es.js';
+import '@jobber/hooks';
 import '../../../Button-es.js';
 import 'react-router-dom';
 import '../../../tslib.es6-es.js';
@@ -26,10 +25,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/DataListFilters/components/DataListSort/index.cjs

@@ -26,12 +26,10 @@ require('../../../../../ComboboxOption-cjs.js');
 require('../../../../../Flex-cjs.js');
 require('../../../../../ComboboxProvider-cjs.js');
 require('../../../../../ComboboxLoadMore-cjs.js');
-require('../../../../../useInView-cjs.js');
+require('@jobber/hooks');
 require('../../../../../ComboboxContentHeader-cjs.js');
 require('../../../../../Button-cjs.js');
 require('react-router-dom');
-require('../../../../../useRefocusOnActivator-cjs.js');
-require('../../../../../useFocusTrap-cjs.js');
 require('../../../../../constants-cjs.js');
 require('../../../../../ComboboxAction-cjs.js');
 require('../../../../../ComboboxTrigger-cjs.js');
@@ -40,9 +38,6 @@ require('../../../../../Avatar-cjs.js');
 require('color');
 require('../../../../../useChildComponent-cjs.js');
 require('../../../../../Tooltip-cjs.js');
-require('../../../../../useSafeLayoutEffect-cjs.js');
-require('../../../../../useIsMounted-cjs.js');
-require('../../../../../useDebounce-cjs.js');
 require('../../../../../ComboboxActivator-cjs.js');
 
 

package/dist/DataList/components/DataListFilters/components/DataListSort/index.mjs

@@ -24,12 +24,10 @@ import '../../../../../ComboboxOption-es.js';
 import '../../../../../Flex-es.js';
 import '../../../../../ComboboxProvider-es.js';
 import '../../../../../ComboboxLoadMore-es.js';
-import '../../../../../useInView-es.js';
+import '@jobber/hooks';
 import '../../../../../ComboboxContentHeader-es.js';
 import '../../../../../Button-es.js';
 import 'react-router-dom';
-import '../../../../../useRefocusOnActivator-es.js';
-import '../../../../../useFocusTrap-es.js';
 import '../../../../../constants-es.js';
 import '../../../../../ComboboxAction-es.js';
 import '../../../../../ComboboxTrigger-es.js';
@@ -38,7 +36,4 @@ import '../../../../../Avatar-es.js';
 import 'color';
 import '../../../../../useChildComponent-es.js';
 import '../../../../../Tooltip-es.js';
-import '../../../../../useSafeLayoutEffect-es.js';
-import '../../../../../useIsMounted-es.js';
-import '../../../../../useDebounce-es.js';
 import '../../../../../ComboboxActivator-es.js';

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

@@ -27,12 +27,10 @@ require('../../../ComboboxOption-cjs.js');
 require('../../../Flex-cjs.js');
 require('../../../ComboboxProvider-cjs.js');
 require('../../../ComboboxLoadMore-cjs.js');
-require('../../../useInView-cjs.js');
+require('@jobber/hooks');
 require('../../../ComboboxContentHeader-cjs.js');
 require('../../../Button-cjs.js');
 require('react-router-dom');
-require('../../../useRefocusOnActivator-cjs.js');
-require('../../../useFocusTrap-cjs.js');
 require('../../../constants-cjs.js');
 require('../../../ComboboxAction-cjs.js');
 require('../../../ComboboxTrigger-cjs.js');
@@ -41,9 +39,6 @@ require('../../../Avatar-cjs.js');
 require('color');
 require('../../../useChildComponent-cjs.js');
 require('../../../Tooltip-cjs.js');
-require('../../../useSafeLayoutEffect-cjs.js');
-require('../../../useIsMounted-cjs.js');
-require('../../../useDebounce-cjs.js');
 require('../../../ComboboxActivator-cjs.js');
 require('../../../DataListOverflowFade-cjs.js');
 require('../../../DataList.utils-cjs.js');
@@ -55,7 +50,6 @@ require('../../../DataListTags-cjs.js');
 require('../../../InlineLabel-cjs.js');
 require('../../../DataListHeaderTile-cjs.js');
 require('../../../DataListSortingOptions-cjs.js');
-require('../../../useOnKeyDown-cjs.js');
 require('../../../FormatDate-cjs.js');
 require('../../../Heading-cjs.js');
 require('../../../useResponsiveSizing-cjs.js');

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

@@ -25,12 +25,10 @@ import '../../../ComboboxOption-es.js';
 import '../../../Flex-es.js';
 import '../../../ComboboxProvider-es.js';
 import '../../../ComboboxLoadMore-es.js';
-import '../../../useInView-es.js';
+import '@jobber/hooks';
 import '../../../ComboboxContentHeader-es.js';
 import '../../../Button-es.js';
 import 'react-router-dom';
-import '../../../useRefocusOnActivator-es.js';
-import '../../../useFocusTrap-es.js';
 import '../../../constants-es.js';
 import '../../../ComboboxAction-es.js';
 import '../../../ComboboxTrigger-es.js';
@@ -39,9 +37,6 @@ import '../../../Avatar-es.js';
 import 'color';
 import '../../../useChildComponent-es.js';
 import '../../../Tooltip-es.js';
-import '../../../useSafeLayoutEffect-es.js';
-import '../../../useIsMounted-es.js';
-import '../../../useDebounce-es.js';
 import '../../../ComboboxActivator-es.js';
 import '../../../DataListOverflowFade-es.js';
 import '../../../DataList.utils-es.js';
@@ -53,7 +48,6 @@ import '../../../DataListTags-es.js';
 import '../../../InlineLabel-es.js';
 import '../../../DataListHeaderTile-es.js';
 import '../../../DataListSortingOptions-es.js';
-import '../../../useOnKeyDown-es.js';
 import '../../../FormatDate-es.js';
 import '../../../Heading-es.js';
 import '../../../useResponsiveSizing-es.js';

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

@@ -17,10 +17,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('../../../FormatDate-cjs.js');
 require('../../../Heading-cjs.js');
@@ -38,8 +36,6 @@ 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('../../../DataListLayoutContext-cjs2.js');
 require('../../../DataListItemActionsOverflow-cjs.js');
 require('../../../DataListActionsMenu-cjs.js');

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

@@ -15,10 +15,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 '../../../FormatDate-es.js';
 import '../../../Heading-es.js';
@@ -36,8 +34,6 @@ 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 '../../../DataListLayoutContext-es2.js';
 import '../../../DataListItemActionsOverflow-es.js';
 import '../../../DataListActionsMenu-es.js';

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

@@ -2,8 +2,7 @@
 
 var DataListSortingOptions = require('../../../../DataListSortingOptions-cjs.js');
 require('react');
-require('../../../../useOnKeyDown-cjs.js');
-require('../../../../useRefocusOnActivator-cjs.js');
+require('@jobber/hooks');
 require('../../../../Icon-cjs.js');
 require('@jobber/design');
 

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

@@ -1,6 +1,5 @@
 export { D as DataListSortingOptions } from '../../../../DataListSortingOptions-es.js';
 import 'react';
-import '../../../../useOnKeyDown-es.js';
-import '../../../../useRefocusOnActivator-es.js';
+import '@jobber/hooks';
 import '../../../../Icon-es.js';
 import '@jobber/design';