@jobber/components 5.9.0 → 5.9.1-fix-dynami.6

package/dist/{Tabs-Kw1DYyxP.js → Tabs-x4ssIjs6.js}

@@ -1,52 +1,68 @@
-import React, { useState, useRef, useEffect } from 'react';
+import React, { useState, useRef, useCallback, useEffect } from 'react';
 import classnames from 'classnames';
-import { T as Typography } from './Typography-DPvvnhdJ.js';
+import { t as throttle } from './throttle-Cuy8zzht.js';
+import { T as Typography } from './Typography-kdjvbOK4.js';
 
 var styles = {"tabs":"-kxlqXO5UN0-","overflow":"qI4lWMSNH40-","overflowRight":"xohIah5wcoE-","overflowLeft":"qnY4S9sz-8g-","tabRow":"wdW31G8Trag-","tab":"MO7CXQ8xJXo-","selected":"kqof65gyv7g-","tabContent":"AimQioztR1U-"};
 
-function Tabs({ children, defaultTab = 0, onTabChange }) {
-    const activeTabInitialValue = defaultTab < React.Children.count(children) ? defaultTab : 0;
-    const [activeTab, setActiveTab] = useState(activeTabInitialValue);
+function useTabsOverflow() {
     const [overflowRight, setOverflowRight] = useState(false);
     const [overflowLeft, setOverflowLeft] = useState(false);
     const tabRow = useRef();
-    const overflowClassNames = classnames(styles.overflow, {
-        [styles.overflowRight]: overflowRight,
-        [styles.overflowLeft]: overflowLeft,
-    });
-    const activateTab = (index) => {
-        return () => {
-            setActiveTab(index);
-            if (onTabChange) {
-                onTabChange(index);
-            }
-        };
-    };
-    const activeTabProps = React.Children.toArray(children)[activeTab].props;
     const handleOverflowing = () => {
         if (tabRow.current) {
             const scrollWidth = tabRow.current.scrollWidth;
             const clientWidth = tabRow.current.clientWidth;
             const maxScroll = scrollWidth - clientWidth;
             const scrollPos = tabRow.current.scrollLeft;
-            if (scrollWidth > clientWidth) {
-                setOverflowRight(scrollPos >= 0 && scrollPos != maxScroll);
-                setOverflowLeft(scrollPos > 0 && scrollPos < scrollWidth);
-            }
+            setOverflowRight(scrollPos >= 0 && scrollPos != maxScroll);
+            setOverflowLeft(scrollPos > 0 && scrollPos < scrollWidth);
         }
     };
+    const throttledHandleOverflowing = useCallback(throttle(handleOverflowing, 100), []);
     useEffect(() => {
+        var _a;
         handleOverflowing();
-        tabRow.current &&
-            tabRow.current.addEventListener("scroll", handleOverflowing);
+        (_a = tabRow === null || tabRow === void 0 ? void 0 : tabRow.current) === null || _a === void 0 ? void 0 : _a.addEventListener("scroll", throttledHandleOverflowing);
         return () => {
-            window.removeEventListener("scroll", handleOverflowing);
+            var _a;
+            (_a = tabRow === null || tabRow === void 0 ? void 0 : tabRow.current) === null || _a === void 0 ? void 0 : _a.removeEventListener("scroll", throttledHandleOverflowing);
         };
     });
+    return {
+        overflowRight,
+        overflowLeft,
+        tabRow,
+    };
+}
+
+function Tabs({ children, defaultTab = 0, onTabChange }) {
+    var _a;
+    const activeTabInitialValue = defaultTab < React.Children.count(children) ? defaultTab : 0;
+    const [activeTab, setActiveTab] = useState(activeTabInitialValue);
+    const { overflowRight, overflowLeft, tabRow } = useTabsOverflow();
+    const overflowClassNames = classnames(styles.overflow, {
+        [styles.overflowRight]: overflowRight,
+        [styles.overflowLeft]: overflowLeft,
+    });
+    const activateTab = (index) => {
+        return () => {
+            setActiveTab(index);
+            if (onTabChange) {
+                onTabChange(index);
+            }
+        };
+    };
+    const activeTabProps = (_a = React.Children.toArray(children)[activeTab]) === null || _a === void 0 ? void 0 : _a.props;
+    useEffect(() => {
+        if (activeTab > React.Children.count(children) - 1) {
+            setActiveTab(activeTabInitialValue);
+        }
+    }, [React.Children.count(children)]);
     return (React.createElement("div", { className: styles.tabs },
         React.createElement("div", { className: overflowClassNames },
             React.createElement("ul", { role: "tablist", className: styles.tabRow, ref: tabRow }, React.Children.map(children, (tab, index) => (React.createElement(InternalTab, { label: tab.props.label, selected: activeTab === index, activateTab: activateTab(index), onClick: tab.props.onClick }))))),
-        React.createElement("section", { role: "tabpanel", className: styles.tabContent, "aria-label": activeTabProps.label }, activeTabProps.children)));
+        React.createElement("section", { role: "tabpanel", className: styles.tabContent, "aria-label": activeTabProps === null || activeTabProps === void 0 ? void 0 : activeTabProps.label }, activeTabProps === null || activeTabProps === void 0 ? void 0 : activeTabProps.children)));
 }
 function Tab({ label }) {
     return React.createElement(React.Fragment, null, label);

package/dist/Text/index.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var Text = require('../Text-BCqBdHBX.js');
+var Text = require('../Text-CDUEnudy.js');
 require('react');
-require('../Typography-CVJEvEOt.js');
+require('../Typography-BxHuYs-o.js');
 require('classnames');
 
 

package/dist/Text/index.mjs

@@ -1,4 +1,4 @@
-export { T as Text } from '../Text-ZjdPK0z3.js';
+export { T as Text } from '../Text-CjJpb3et.js';
 import 'react';
-import '../Typography-DPvvnhdJ.js';
+import '../Typography-kdjvbOK4.js';
 import 'classnames';

package/dist/{Text-BCqBdHBX.js → Text-CDUEnudy.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var Typography = require('./Typography-CVJEvEOt.js');
+var Typography = require('./Typography-BxHuYs-o.js');
 
 function Text({ variation = "default", size = "base", align = "start", children, maxLines = "unlimited", }) {
     const textColors = {

package/dist/{Text-ZjdPK0z3.js → Text-CjJpb3et.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { T as Typography } from './Typography-DPvvnhdJ.js';
+import { T as Typography } from './Typography-kdjvbOK4.js';
 
 function Text({ variation = "default", size = "base", align = "start", children, maxLines = "unlimited", }) {
     const textColors = {

package/dist/Toast/index.cjs

@@ -3,9 +3,9 @@
 var React = require('react');
 var client = require('react-dom/client');
 var framerMotion = require('framer-motion');
-var Icon = require('../Icon-DT5jb3j1.js');
-var Button = require('../Button-JvyTYV5X.js');
-var Typography = require('../Typography-CVJEvEOt.js');
+var Icon = require('../Icon-B5K-k88P.js');
+var Button = require('../Button-IlITnb5h.js');
+var Typography = require('../Typography-BxHuYs-o.js');
 require('@jobber/design');
 require('classnames');
 require('react-router-dom');

package/dist/Toast/index.mjs

@@ -1,9 +1,9 @@
 import React, { useState, useEffect, forwardRef, useImperativeHandle, useRef } from 'react';
 import { createRoot } from 'react-dom/client';
 import { AnimatePresence, motion } from 'framer-motion';
-import { I as Icon } from '../Icon-C5a2rKDn.js';
-import { B as Button } from '../Button-B8SWkG_r.js';
-import { T as Typography } from '../Typography-DPvvnhdJ.js';
+import { I as Icon } from '../Icon-CKzbLfwz.js';
+import { B as Button } from '../Button-BoJmpRfn.js';
+import { T as Typography } from '../Typography-kdjvbOK4.js';
 import '@jobber/design';
 import 'classnames';
 import 'react-router-dom';

package/dist/Tooltip/index.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var Tooltip = require('../Tooltip-LMLXTz9p.js');
+var Tooltip = require('../Tooltip-5SMgxJFU.js');
 require('react');
 require('classnames');
 require('react-dom');
 require('framer-motion');
-require('../useSafeLayoutEffect-CvCbIyTo.js');
-require('../useIsMounted-B7sAwLzO.js');
+require('../useSafeLayoutEffect-DISHM5lB.js');
+require('../useIsMounted-ncB5omxx.js');
 require('react-popper');
 
 

package/dist/Tooltip/index.mjs

@@ -1,8 +1,8 @@
-export { T as Tooltip } from '../Tooltip-CGhB-AQ5.js';
+export { T as Tooltip } from '../Tooltip-L9C5qzaU.js';
 import 'react';
 import 'classnames';
 import 'react-dom';
 import 'framer-motion';
-import '../useSafeLayoutEffect-YQjrBbrt.js';
-import '../useIsMounted-DDLjyEQd.js';
+import '../useSafeLayoutEffect-B3UGWYPF.js';
+import '../useIsMounted-Cc4Vkkxz.js';
 import 'react-popper';

package/dist/{Tooltip-LMLXTz9p.js → Tooltip-5SMgxJFU.js}

@@ -4,8 +4,8 @@ var React = require('react');
 var classnames = require('classnames');
 var ReactDOM = require('react-dom');
 var framerMotion = require('framer-motion');
-var useSafeLayoutEffect = require('./useSafeLayoutEffect-CvCbIyTo.js');
-var useIsMounted = require('./useIsMounted-B7sAwLzO.js');
+var useSafeLayoutEffect = require('./useSafeLayoutEffect-DISHM5lB.js');
+var useIsMounted = require('./useIsMounted-ncB5omxx.js');
 var reactPopper = require('react-popper');
 
 var styles = {"shadowActivator":"q07bkGoq714-","tooltipWrapper":"dkCTRfc3vYk-","tooltip":"yAFP4gRKlTM-","arrow":"j9KgRON7iTU-","top":"DpxWsz9QuIo-","bottom":"_5RblY1rnJOA-","left":"C9MXsqd4wLM-","right":"_2ZZcgQ4fJ-k-","tooltipMessage":"TpdeLUuiQMg-"};

package/dist/{Tooltip-CGhB-AQ5.js → Tooltip-L9C5qzaU.js}

@@ -2,8 +2,8 @@ import React, { useRef, useState } from 'react';
 import classnames from 'classnames';
 import ReactDOM from 'react-dom';
 import { motion } from 'framer-motion';
-import { u as useSafeLayoutEffect_1 } from './useSafeLayoutEffect-YQjrBbrt.js';
-import { u as useIsMounted_2 } from './useIsMounted-DDLjyEQd.js';
+import { u as useSafeLayoutEffect_1 } from './useSafeLayoutEffect-B3UGWYPF.js';
+import { u as useIsMounted_2 } from './useIsMounted-Cc4Vkkxz.js';
 import { usePopper } from 'react-popper';
 
 var styles = {"shadowActivator":"q07bkGoq714-","tooltipWrapper":"dkCTRfc3vYk-","tooltip":"yAFP4gRKlTM-","arrow":"j9KgRON7iTU-","top":"DpxWsz9QuIo-","bottom":"_5RblY1rnJOA-","left":"C9MXsqd4wLM-","right":"_2ZZcgQ4fJ-k-","tooltipMessage":"TpdeLUuiQMg-"};

package/dist/Typography/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var Typography = require('../Typography-CVJEvEOt.js');
+var Typography = require('../Typography-BxHuYs-o.js');
 require('react');
 require('classnames');
 

package/dist/Typography/index.mjs

@@ -1,3 +1,3 @@
-export { T as Typography } from '../Typography-DPvvnhdJ.js';
+export { T as Typography } from '../Typography-kdjvbOK4.js';
 import 'react';
 import 'classnames';

package/dist/{_baseAssignValue-C76c0N_3.js → _baseAssignValue-BUBynL2f.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var _defineProperty = require('./_defineProperty-B_0vuy5c.js');
+var _defineProperty = require('./_defineProperty-CiN73Zkk.js');
 
 var defineProperty = _defineProperty._defineProperty;
 

package/dist/{_baseAssignValue-DIh6QD0X.js → _baseAssignValue-Bzisu3eo.js}

@@ -1,4 +1,4 @@
-import { _ as _defineProperty } from './_defineProperty-w7ntS4QC.js';
+import { _ as _defineProperty } from './_defineProperty-wV8eVHpQ.js';
 
 var defineProperty = _defineProperty;
 

package/dist/{_baseEach-aH9IIblH.js → _baseEach-CGQFpY7j.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var _defineProperty = require('./_defineProperty-B_0vuy5c.js');
-var isObjectLike$1 = require('./isObjectLike-CWs8tKhE.js');
-var _getTag = require('./_getTag-BDfSER_B.js');
-var _commonjsHelpers = require('./_commonjsHelpers-CsMxikYM.js');
+var _defineProperty = require('./_defineProperty-CiN73Zkk.js');
+var isObjectLike$1 = require('./isObjectLike-By2TVBfv.js');
+var _getTag = require('./_getTag-2M3y8L3a.js');
+var _commonjsHelpers = require('./_commonjsHelpers-DQu2iAfM.js');
 
 /** Used to stand-in for `undefined` hash values. */
 

package/dist/{_baseEach-COuc5SYA.js → _baseEach-DaAWCQAC.js}

@@ -1,7 +1,7 @@
-import { f as _MapCache, g as _Uint8Array, e as eq_1, h as _getAllKeys, j as _Stack, k as keys_1, c as _baseGet, l as _castPath, d as _isIndex, m as _toKey, n as _isKey, i as identity_1 } from './_defineProperty-w7ntS4QC.js';
-import { c as _Symbol, i as isObjectLike_1, b as isObject_1 } from './isObjectLike-DRD_omEI.js';
-import { a as _getTag, d as isBufferExports, f as isTypedArray_1, b as isArray_1, i as isArguments_1, h as isLength_1, c as isArrayLike_1 } from './_getTag-xSgER2N7.js';
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-CtFaYVba.js';
+import { f as _MapCache, g as _Uint8Array, e as eq_1, h as _getAllKeys, j as _Stack, k as keys_1, c as _baseGet, l as _castPath, d as _isIndex, m as _toKey, n as _isKey, i as identity_1 } from './_defineProperty-wV8eVHpQ.js';
+import { c as _Symbol, a as isObjectLike_1, i as isObject_1 } from './isObjectLike-BRcf1x5E.js';
+import { a as _getTag, d as isBufferExports, f as isTypedArray_1, b as isArray_1, i as isArguments_1, h as isLength_1, c as isArrayLike_1 } from './_getTag-By07iQjE.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-MjLI5q7t.js';
 
 /** Used to stand-in for `undefined` hash values. */
 

package/dist/{_defineProperty-B_0vuy5c.js → _defineProperty-CiN73Zkk.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var _getTag = require('./_getTag-BDfSER_B.js');
-var isSymbol$3 = require('./isSymbol-BVM7Nm4V.js');
-var isObjectLike = require('./isObjectLike-CWs8tKhE.js');
+var _getTag = require('./_getTag-2M3y8L3a.js');
+var isSymbol$3 = require('./isSymbol-CVauyJsz.js');
+var isObjectLike = require('./isObjectLike-By2TVBfv.js');
 
 /**
  * Appends the elements of `values` to `array`.

package/dist/{_defineProperty-w7ntS4QC.js → _defineProperty-wV8eVHpQ.js}

@@ -1,6 +1,6 @@
-import { b as isArray_1, j as _getNative, k as _Map, i as isArguments_1, d as isBufferExports, f as isTypedArray_1, _ as _baseKeys, c as isArrayLike_1 } from './_getTag-xSgER2N7.js';
-import { i as isSymbol_1 } from './isSymbol-UuOZAZZ5.js';
-import { c as _Symbol, a as _root } from './isObjectLike-DRD_omEI.js';
+import { b as isArray_1, j as _getNative, k as _Map, i as isArguments_1, d as isBufferExports, f as isTypedArray_1, _ as _baseKeys, c as isArrayLike_1 } from './_getTag-By07iQjE.js';
+import { i as isSymbol_1 } from './isSymbol-EFVKJYy9.js';
+import { c as _Symbol, b as _root } from './isObjectLike-BRcf1x5E.js';
 
 /**
  * Appends the elements of `values` to `array`.

package/dist/{_getTag-BDfSER_B.js → _getTag-2M3y8L3a.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var isObjectLike$3 = require('./isObjectLike-CWs8tKhE.js');
+var isObjectLike$3 = require('./isObjectLike-By2TVBfv.js');
 
 var baseGetTag$3 = isObjectLike$3._baseGetTag,
     isObjectLike$2 = isObjectLike$3.isObjectLike_1;

package/dist/{_getTag-xSgER2N7.js → _getTag-By07iQjE.js}

@@ -1,4 +1,4 @@
-import { _ as _baseGetTag, i as isObjectLike_1, b as isObject_1, a as _root, d as _freeGlobal } from './isObjectLike-DRD_omEI.js';
+import { _ as _baseGetTag, a as isObjectLike_1, i as isObject_1, b as _root, d as _freeGlobal } from './isObjectLike-BRcf1x5E.js';
 
 var baseGetTag$3 = _baseGetTag,
     isObjectLike$2 = isObjectLike_1;

package/dist/{_setToString-CdS5SHZA.js → _setToString-Cf0yTOlI.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var _defineProperty = require('./_defineProperty-B_0vuy5c.js');
-var isObjectLike = require('./isObjectLike-CWs8tKhE.js');
-var _getTag = require('./_getTag-BDfSER_B.js');
+var _defineProperty = require('./_defineProperty-CiN73Zkk.js');
+var isObjectLike = require('./isObjectLike-By2TVBfv.js');
+var _getTag = require('./_getTag-2M3y8L3a.js');
 
 var Symbol = isObjectLike._Symbol,
     isArguments = _getTag.isArguments_1,

package/dist/{_setToString-sSZBUUMA.js → _setToString-DYB7WbS7.js}

@@ -1,6 +1,6 @@
-import { a as _arrayPush, _ as _defineProperty, i as identity_1 } from './_defineProperty-w7ntS4QC.js';
-import { c as _Symbol } from './isObjectLike-DRD_omEI.js';
-import { i as isArguments_1, b as isArray_1 } from './_getTag-xSgER2N7.js';
+import { a as _arrayPush, _ as _defineProperty, i as identity_1 } from './_defineProperty-wV8eVHpQ.js';
+import { c as _Symbol } from './isObjectLike-BRcf1x5E.js';
+import { i as isArguments_1, b as isArray_1 } from './_getTag-By07iQjE.js';
 
 var Symbol = _Symbol,
     isArguments = isArguments_1,

package/dist/{debounce-4xNya73B.js → debounce-DFcrDaT2.js}

@@ -1,6 +1,6 @@
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-CtFaYVba.js';
-import { a as _root, b as isObject_1 } from './isObjectLike-DRD_omEI.js';
-import { i as isSymbol_1 } from './isSymbol-UuOZAZZ5.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-MjLI5q7t.js';
+import { b as _root, i as isObject_1 } from './isObjectLike-BRcf1x5E.js';
+import { i as isSymbol_1 } from './isSymbol-EFVKJYy9.js';
 
 var root = _root;
 
@@ -326,4 +326,4 @@ var debounce_1 = debounce;
 
 var debounce$1 = /*@__PURE__*/getDefaultExportFromCjs(debounce_1);
 
-export { debounce_1 as a, debounce$1 as d };
+export { debounce$1 as a, debounce_1 as d };

package/dist/{debounce-Bj9Q8g2_.js → debounce-DXvJZU7k.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-CsMxikYM.js');
-var isObjectLike = require('./isObjectLike-CWs8tKhE.js');
-var isSymbol$1 = require('./isSymbol-BVM7Nm4V.js');
+var _commonjsHelpers = require('./_commonjsHelpers-DQu2iAfM.js');
+var isObjectLike = require('./isObjectLike-By2TVBfv.js');
+var isSymbol$1 = require('./isSymbol-CVauyJsz.js');
 
 var root = isObjectLike._root;
 

package/dist/{helpers-CZKPrNzo.js → helpers-CaVKd_oc.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var useResizeObserver = require('./useResizeObserver-CkCQQzgx.js');
+var useResizeObserver = require('./useResizeObserver-qMtWkgou.js');
 
 const mockContainerWidth = (exactWidth) => {
     jest.spyOn(useResizeObserver.jobberHooks, "useResizeObserver").mockReturnValue([

package/dist/{helpers-Dwv0lVKp.js → helpers-D2oAjBCL.js}

@@ -1,4 +1,4 @@
-import { j as jobberHooks } from './useResizeObserver-t8i-yFhr.js';
+import { j as jobberHooks } from './useResizeObserver-Dgvccp8o.js';
 
 const mockContainerWidth = (exactWidth) => {
     jest.spyOn(jobberHooks, "useResizeObserver").mockReturnValue([

package/dist/{index-DRDxU-bn.js → index-CAeF1Yf-.js}

@@ -1,4 +1,4 @@
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-CtFaYVba.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-MjLI5q7t.js';
 
 var propTypes = {exports: {}};
 

package/dist/{index-Bl-t5aV0.js → index-DQ7vZAiX.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-CsMxikYM.js');
+var _commonjsHelpers = require('./_commonjsHelpers-DQu2iAfM.js');
 
 var propTypes = {exports: {}};