@jobber/components 6.85.2 → 6.85.3-CLEANUPre-6d043f4.28

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

@@ -14,9 +14,9 @@ import '@jobber/design';
 import '../../../DataListActions-es.js';
 import '../../../Tooltip-es.js';
 import '../../../floating-ui.react-es.js';
+import 'react/jsx-runtime';
 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 +30,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

@@ -16,14 +16,11 @@ require('@jobber/design');
 require('../../../Typography-cjs.js');
 require('../../../Tooltip-cjs.js');
 require('../../../floating-ui.react-cjs.js');
+require('react/jsx-runtime');
 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

@@ -14,14 +14,11 @@ import '@jobber/design';
 import '../../../Typography-es.js';
 import '../../../Tooltip-es.js';
 import '../../../floating-ui.react-es.js';
+import 'react/jsx-runtime';
 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

@@ -27,9 +27,9 @@ require('../DataListItemActions-cjs.js');
 require('../DataListActions-cjs.js');
 require('../Tooltip-cjs.js');
 require('../floating-ui.react-cjs.js');
+require('react/jsx-runtime');
 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 +40,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 +65,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 +73,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

@@ -25,9 +25,9 @@ import '../DataListItemActions-es.js';
 import '../DataListActions-es.js';
 import '../Tooltip-es.js';
 import '../floating-ui.react-es.js';
+import 'react/jsx-runtime';
 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 +38,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 +63,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 +71,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/DataListItem-cjs.js

@@ -101,6 +101,8 @@ function DataListItem({ item, layout, }) {
         setShowMenu(true);
     }
     function handleHideMenu() {
+        if (isContextMenuVisible)
+            return;
         setShowMenu(false);
     }
     function handleContextMenu(event) {

package/dist/DataListItem-es.js

@@ -99,6 +99,8 @@ function DataListItem({ item, layout, }) {
         setShowMenu(true);
     }
     function handleHideMenu() {
+        if (isContextMenuVisible)
+            return;
         setShowMenu(false);
     }
     function handleContextMenu(event) {

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;

package/dist/DataListSearch-es.js

@@ -1,7 +1,7 @@
 import React__default, { useRef, useState } from 'react';
 import classnames from 'classnames';
 import { tokens } from '@jobber/design';
-import { u as useDebounce_2 } from './useDebounce-es.js';
+import { useDebounce } from '@jobber/hooks';
 import { InputText } from './InputText/index.mjs';
 import { u as useDataListContext } from './DataListContext-es.js';
 import { S as SEARCH_DEBOUNCE_DELAY } from './DataList.const-es.js';
@@ -23,7 +23,7 @@ function InternalDataListSearch() {
     const inputRef = useRef(null);
     const [visible, setVisible] = useState(false);
     const { searchComponent, filterComponent, sorting, title } = useDataListContext();
-    const debouncedSearch = 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); }, SEARCH_DEBOUNCE_DELAY);
+    const debouncedSearch = useDebounce((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);
     if (!searchComponent)
         return null;
     const { placeholder, initialValue, value: controlledValue, } = searchComponent.props;

package/dist/DataListSortingOptions-cjs.js

@@ -1,15 +1,14 @@
 'use strict';
 
 var React = require('react');
-var useOnKeyDown = require('./useOnKeyDown-cjs.js');
-var useRefocusOnActivator = require('./useRefocusOnActivator-cjs.js');
+var jobberHooks = require('@jobber/hooks');
 var Icon = require('./Icon-cjs.js');
 
 var styles = {"optionsList":"krkUjDI-P7E-","option":"d4hPt6o50kw-","spinning":"CNq0y1X8-Eo-"};
 
 function DataListSortingOptions({ options, selectedOption, onSelectChange, onClose, optionsListRef, dataListHeaderTileRef, }) {
-    useRefocusOnActivator.useRefocusOnActivator_2(!optionsListRef.current);
-    useOnKeyDown.useOnKeyDown_2(() => onClose(), "Escape");
+    jobberHooks.useRefocusOnActivator(!optionsListRef.current);
+    jobberHooks.useOnKeyDown(() => onClose(), "Escape");
     React.useEffect(() => {
         document.addEventListener("mousedown", handleClickOutside);
         return () => {

package/dist/DataListSortingOptions-es.js

@@ -1,13 +1,12 @@
 import React__default, { useEffect } from 'react';
-import { u as useOnKeyDown_2 } from './useOnKeyDown-es.js';
-import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-es.js';
+import { useRefocusOnActivator, useOnKeyDown } from '@jobber/hooks';
 import { I as Icon } from './Icon-es.js';
 
 var styles = {"optionsList":"krkUjDI-P7E-","option":"d4hPt6o50kw-","spinning":"CNq0y1X8-Eo-"};
 
 function DataListSortingOptions({ options, selectedOption, onSelectChange, onClose, optionsListRef, dataListHeaderTileRef, }) {
-    useRefocusOnActivator_2(!optionsListRef.current);
-    useOnKeyDown_2(() => onClose(), "Escape");
+    useRefocusOnActivator(!optionsListRef.current);
+    useOnKeyDown(() => onClose(), "Escape");
     useEffect(() => {
         document.addEventListener("mousedown", handleClickOutside);
         return () => {

package/dist/DataTable/index.cjs

@@ -6,21 +6,19 @@ var DataTableTable = require('../DataTableTable-cjs.js');
 var reactTable = require('@tanstack/react-table');
 require('classnames');
 require('react');
-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('../Glimmer-cjs.js');
 require('../tslib.es6-cjs.js');
 require('../Content-cjs.js');
 require('../Select/index.cjs');
 require('../omit-cjs.js');
+require('../_commonjsHelpers-cjs.js');
 require('../_baseGet-cjs.js');
 require('../isTypedArray-cjs.js');
+require('../isObjectLike-cjs.js');
 require('../identity-cjs.js');
 require('../_getTag-cjs.js');
+require('../isSymbol-cjs.js');
 require('../keysIn-cjs.js');
 require('../_baseAssignValue-cjs.js');
 require('../_baseFlatten-cjs.js');

package/dist/DataTable/index.mjs

@@ -4,21 +4,19 @@ export { a as SortDirection, S as SortIcon } from '../DataTableTable-es.js';
 export { createColumnHelper } from '@tanstack/react-table';
 import 'classnames';
 import 'react';
-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 '../Glimmer-es.js';
 import '../tslib.es6-es.js';
 import '../Content-es.js';
 import '../Select/index.mjs';
 import '../omit-es.js';
+import '../_commonjsHelpers-es.js';
 import '../_baseGet-es.js';
 import '../isTypedArray-es.js';
+import '../isObjectLike-es.js';
 import '../identity-es.js';
 import '../_getTag-es.js';
+import '../isSymbol-es.js';
 import '../keysIn-es.js';
 import '../_baseAssignValue-es.js';
 import '../_baseFlatten-es.js';

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

@@ -1,13 +1,7 @@
 'use strict';
 
 var helpers = require('../../helpers-cjs.js');
-require('../../useResizeObserver-cjs.js');
-require('../../_commonjsHelpers-cjs.js');
-require('react');
-require('../../throttle-cjs.js');
-require('../../debounce-cjs.js');
-require('../../isObjectLike-cjs.js');
-require('../../isSymbol-cjs.js');
+require('@jobber/hooks');
 
 const data = [
     {

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

@@ -1,11 +1,5 @@
 export { m as mockContainerWidth } from '../../helpers-es.js';
-import '../../useResizeObserver-es.js';
-import '../../_commonjsHelpers-es.js';
-import 'react';
-import '../../throttle-es.js';
-import '../../debounce-es.js';
-import '../../isObjectLike-es.js';
-import '../../isSymbol-es.js';
+import '@jobber/hooks';
 
 const data = [
     {

package/dist/DataTable-cjs.js

@@ -3,7 +3,7 @@
 var reactTable = require('@tanstack/react-table');
 var classnames = require('classnames');
 var React = require('react');
-var useResizeObserver = require('./useResizeObserver-cjs.js');
+var jobberHooks = require('@jobber/hooks');
 var Glimmer = require('./Glimmer-cjs.js');
 var tslib_es6 = require('./tslib.es6-cjs.js');
 var Select_index = require('./Select/index.cjs');
@@ -177,7 +177,7 @@ function Header({ table, stickyHeader, sorting, onRowClick, }) {
 }
 
 function DataTable({ data, columns, pagination, sorting, height, stickyHeader, pinFirstColumn, onRowClick, emptyState, loading = false, }) {
-    const [ref, { exactWidth }] = useResizeObserver.useResizeObserver.useResizeObserver();
+    const [ref, { exactWidth }] = jobberHooks.useResizeObserver();
     const tableSettings = createTableSettings(data, columns, {
         pagination,
         sorting,
@@ -193,10 +193,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 > useResizeObserver.useResizeObserver.Breakpoints.small ? (React.createElement(Footer, { table: table, viewType: "desktop" })) : null)),
+                    exactWidth > jobberHooks.Breakpoints.small ? (React.createElement(Footer, { table: table, viewType: "desktop" })) : null)),
         table.getRowModel().rows.length &&
             exactWidth &&
-            exactWidth <= useResizeObserver.useResizeObserver.Breakpoints.small ? (React.createElement(Footer, { table: table })) : null,
+            exactWidth <= jobberHooks.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); } }))));