@jobber/components 5.18.1 → 5.19.0

package/dist/{Text-Bi95yT7j.js → Text-WesvIIBU.js}

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

package/dist/Toast/index.cjs

@@ -1,101 +1,16 @@
 'use strict';
 
-var React = require('react');
-var client = require('react-dom/client');
-var framerMotion = require('framer-motion');
-var Icon = require('../Icon-Dkl9oGK2.js');
-var Button = require('../Button-DV1MZnLY.js');
-var Typography = require('../Typography-C8IkLSRU.js');
+var showToast = require('../showToast-DJnU23WD.js');
+require('react');
+require('react-dom/client');
+require('framer-motion');
+require('../Icon-CAkL6fde.js');
 require('@jobber/design');
+require('../Button-qfPHhXD9.js');
 require('classnames');
 require('react-router-dom');
+require('../Typography-D7jV-Wfb.js');
 
-var styles = {"wrapper":"FVK4VwhLaVQ-","container":"MUXYGaC7Msg-","toast":"yCRa7jHH33M-","slice":"KiJL-VNZ3Sg-","button":"cExoS0APILs-"};
 
-function Toast({ message, variation = "success", action, actionLabel, }) {
-    const [visible, setVisible] = React.useState(true);
-    const icon = getIcon();
-    let timer;
-    React.useEffect(() => startTimer(), []);
-    return (React.createElement(framerMotion.AnimatePresence, null, visible && (React.createElement(framerMotion.motion.div, { className: styles.toast, initial: { opacity: 0, scale: 0.8 }, animate: { opacity: 1, scale: 1 }, onMouseEnter: () => stopTimer(), onMouseLeave: () => startTimer(), exit: {
-            opacity: 0,
-            scale: 0.8,
-            height: 0,
-            transition: { duration: 0.4 },
-        } },
-        React.createElement("div", { className: styles.slice },
-            React.createElement(Icon.Icon, { color: icon.color, name: icon.name }),
-            React.createElement(Typography.Typography, { element: "span", size: "large" }, message),
-            action && (React.createElement(Button.Button, { label: `${actionLabel}`, onClick: action, type: "tertiary" })),
-            React.createElement("div", { className: styles.button },
-                React.createElement(Button.Button, { icon: "remove", ariaLabel: "Hide Notification", onClick: handleToastClose, type: "tertiary", variation: "subtle" })))))));
-    function startTimer() {
-        timer = setTimeout(() => handleToastClose(), getTimeout());
-    }
-    function stopTimer() {
-        clearTimeout(timer);
-    }
-    function handleToastClose() {
-        setVisible(false);
-    }
-    function getTimeout() {
-        const min = 5000;
-        const max = 10000;
-        const time = message.length * 200;
-        if (time < min)
-            return min;
-        if (time > max)
-            return max;
-        return time;
-    }
-    function getIcon() {
-        switch (variation) {
-            case "info":
-                return { name: "knot", color: "lightBlue" };
-            case "error":
-                return { name: "alert", color: "red" };
-            default:
-                return { name: "checkmark", color: "green" };
-        }
-    }
-}
 
-const targetId = "atlantis-toast-element";
-let target = document.querySelector(`#${targetId}`);
-if (!target) {
-    target = document.createElement("div");
-    target.id = targetId;
-    target.classList.add(styles.wrapper);
-    document.body.appendChild(target);
-}
-const root = client.createRoot(target);
-function showToast(props) {
-    // Ensure target and body is still there when rendering the toast. This is due
-    // to an issue with ReactDOM createRoot assuming document is always there and
-    // Jest taking the document down.
-    if (document.body.contains(target)) {
-        root.render(React.createElement(ToasterOven, Object.assign({}, props)));
-    }
-}
-const ToastContainer = React.forwardRef(ToastInternal);
-function ToasterOven(props) {
-    const toastRef = React.useRef();
-    React.useEffect(() => toastRef.current.add(props));
-    return React.createElement(ToastContainer, { ref: toastRef });
-}
-function ToastInternal(_, ref) {
-    const [toastKey, setToastKey] = React.useState(0);
-    const [toasts, setToasts] = React.useState([]);
-    React.useImperativeHandle(ref, () => ({
-        add: props => {
-            setToastKey(toastKey + 1);
-            setToasts([
-                Object.assign(Object.assign({}, props), { id: toastKey }),
-                ...toasts,
-            ]);
-        },
-    }));
-    return (React.createElement("div", { className: styles.container }, toasts.map(toast => (React.createElement(Toast, Object.assign({}, toast, { key: toast.id }))))));
-}
-
-exports.showToast = showToast;
+exports.showToast = showToast.showToast;

package/dist/Toast/index.mjs

@@ -1,99 +1,10 @@
-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-DLLXp2G6.js';
-import { B as Button } from '../Button-s5Y-PuNu.js';
-import { T as Typography } from '../Typography-CIsFcfxl.js';
+export { s as showToast } from '../showToast-BfII2QS7.js';
+import 'react';
+import 'react-dom/client';
+import 'framer-motion';
+import '../Icon-Rg4OSYoL.js';
 import '@jobber/design';
+import '../Button-BymNW5Oe.js';
 import 'classnames';
 import 'react-router-dom';
-
-var styles = {"wrapper":"FVK4VwhLaVQ-","container":"MUXYGaC7Msg-","toast":"yCRa7jHH33M-","slice":"KiJL-VNZ3Sg-","button":"cExoS0APILs-"};
-
-function Toast({ message, variation = "success", action, actionLabel, }) {
-    const [visible, setVisible] = useState(true);
-    const icon = getIcon();
-    let timer;
-    useEffect(() => startTimer(), []);
-    return (React.createElement(AnimatePresence, null, visible && (React.createElement(motion.div, { className: styles.toast, initial: { opacity: 0, scale: 0.8 }, animate: { opacity: 1, scale: 1 }, onMouseEnter: () => stopTimer(), onMouseLeave: () => startTimer(), exit: {
-            opacity: 0,
-            scale: 0.8,
-            height: 0,
-            transition: { duration: 0.4 },
-        } },
-        React.createElement("div", { className: styles.slice },
-            React.createElement(Icon, { color: icon.color, name: icon.name }),
-            React.createElement(Typography, { element: "span", size: "large" }, message),
-            action && (React.createElement(Button, { label: `${actionLabel}`, onClick: action, type: "tertiary" })),
-            React.createElement("div", { className: styles.button },
-                React.createElement(Button, { icon: "remove", ariaLabel: "Hide Notification", onClick: handleToastClose, type: "tertiary", variation: "subtle" })))))));
-    function startTimer() {
-        timer = setTimeout(() => handleToastClose(), getTimeout());
-    }
-    function stopTimer() {
-        clearTimeout(timer);
-    }
-    function handleToastClose() {
-        setVisible(false);
-    }
-    function getTimeout() {
-        const min = 5000;
-        const max = 10000;
-        const time = message.length * 200;
-        if (time < min)
-            return min;
-        if (time > max)
-            return max;
-        return time;
-    }
-    function getIcon() {
-        switch (variation) {
-            case "info":
-                return { name: "knot", color: "lightBlue" };
-            case "error":
-                return { name: "alert", color: "red" };
-            default:
-                return { name: "checkmark", color: "green" };
-        }
-    }
-}
-
-const targetId = "atlantis-toast-element";
-let target = document.querySelector(`#${targetId}`);
-if (!target) {
-    target = document.createElement("div");
-    target.id = targetId;
-    target.classList.add(styles.wrapper);
-    document.body.appendChild(target);
-}
-const root = createRoot(target);
-function showToast(props) {
-    // Ensure target and body is still there when rendering the toast. This is due
-    // to an issue with ReactDOM createRoot assuming document is always there and
-    // Jest taking the document down.
-    if (document.body.contains(target)) {
-        root.render(React.createElement(ToasterOven, Object.assign({}, props)));
-    }
-}
-const ToastContainer = forwardRef(ToastInternal);
-function ToasterOven(props) {
-    const toastRef = useRef();
-    useEffect(() => toastRef.current.add(props));
-    return React.createElement(ToastContainer, { ref: toastRef });
-}
-function ToastInternal(_, ref) {
-    const [toastKey, setToastKey] = useState(0);
-    const [toasts, setToasts] = useState([]);
-    useImperativeHandle(ref, () => ({
-        add: props => {
-            setToastKey(toastKey + 1);
-            setToasts([
-                Object.assign(Object.assign({}, props), { id: toastKey }),
-                ...toasts,
-            ]);
-        },
-    }));
-    return (React.createElement("div", { className: styles.container }, toasts.map(toast => (React.createElement(Toast, Object.assign({}, toast, { key: toast.id }))))));
-}
-
-export { showToast };
+import '../Typography-CSv0oO0L.js';

package/dist/Tooltip/index.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var Tooltip = require('../Tooltip-BB8TkgGw.js');
+var Tooltip = require('../Tooltip-B91v7HrH.js');
 require('react');
 require('classnames');
 require('react-dom');
 require('framer-motion');
-require('../useSafeLayoutEffect-BSA4qGR0.js');
-require('../useIsMounted-Gy3yJiWN.js');
+require('../useSafeLayoutEffect-CwZvdF2V.js');
+require('../useIsMounted-DLa_sI9C.js');
 require('react-popper');
 
 

package/dist/Tooltip/index.mjs

@@ -1,8 +1,8 @@
-export { T as Tooltip } from '../Tooltip-COIxWXHf.js';
+export { T as Tooltip } from '../Tooltip-C0VawVBU.js';
 import 'react';
 import 'classnames';
 import 'react-dom';
 import 'framer-motion';
-import '../useSafeLayoutEffect-DZrEiG1K.js';
-import '../useIsMounted-BBOydLZB.js';
+import '../useSafeLayoutEffect-B3DemlJA.js';
+import '../useIsMounted-DYSFdj5s.js';
 import 'react-popper';

package/dist/{Tooltip-BB8TkgGw.js → Tooltip-B91v7HrH.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-BSA4qGR0.js');
-var useIsMounted = require('./useIsMounted-Gy3yJiWN.js');
+var useSafeLayoutEffect = require('./useSafeLayoutEffect-CwZvdF2V.js');
+var useIsMounted = require('./useIsMounted-DLa_sI9C.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-COIxWXHf.js → Tooltip-C0VawVBU.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-DZrEiG1K.js';
-import { u as useIsMounted_2 } from './useIsMounted-BBOydLZB.js';
+import { u as useSafeLayoutEffect_1 } from './useSafeLayoutEffect-B3DemlJA.js';
+import { u as useIsMounted_2 } from './useIsMounted-DYSFdj5s.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-C8IkLSRU.js');
+var Typography = require('../Typography-D7jV-Wfb.js');
 require('react');
 require('classnames');
 

package/dist/Typography/index.mjs

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

package/dist/{_baseAssignValue-D0ZZfynk.js → _baseAssignValue-Cm79NcAh.js}

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

package/dist/{_baseAssignValue-BD-ExZSr.js → _baseAssignValue-DGQRJ7mn.js}

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

package/dist/{_baseEach-Dl6DG6BU.js → _baseEach-D7Wv4SNt.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-DSq7BMZb.js';
-import { c as _Symbol, a as isObjectLike_1, i as isObject_1 } from './isObjectLike-CvfQWhj7.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-CvAnlMPG.js';
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-VMaESrBh.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-CGICsf-Z.js';
+import { c as _Symbol, a as isObjectLike_1, i as isObject_1 } from './isObjectLike-DJ9pm7V7.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-RbAOAtdi.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-C_-0bU2G.js';
 
 /** Used to stand-in for `undefined` hash values. */
 

package/dist/{_baseEach-Bypg8P11.js → _baseEach-DIJOXzlQ.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var _defineProperty = require('./_defineProperty-CPRNUG0q.js');
-var isObjectLike$1 = require('./isObjectLike-BUdrd69i.js');
-var _getTag = require('./_getTag-DgIHHior.js');
-var _commonjsHelpers = require('./_commonjsHelpers-D7XtAbBt.js');
+var _defineProperty = require('./_defineProperty-CfR_lZqi.js');
+var isObjectLike$1 = require('./isObjectLike-DOIAlxkG.js');
+var _getTag = require('./_getTag-Bldljkx2.js');
+var _commonjsHelpers = require('./_commonjsHelpers-CgKDug6z.js');
 
 /** Used to stand-in for `undefined` hash values. */
 

package/dist/{_defineProperty-DSq7BMZb.js → _defineProperty-CGICsf-Z.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-CvAnlMPG.js';
-import { i as isSymbol_1 } from './isSymbol-CCaZ2F9z.js';
-import { c as _Symbol, b as _root } from './isObjectLike-CvfQWhj7.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-RbAOAtdi.js';
+import { i as isSymbol_1 } from './isSymbol-Brdz3x-m.js';
+import { c as _Symbol, b as _root } from './isObjectLike-DJ9pm7V7.js';
 
 /**
  * Appends the elements of `values` to `array`.

package/dist/{_defineProperty-CPRNUG0q.js → _defineProperty-CfR_lZqi.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var _getTag = require('./_getTag-DgIHHior.js');
-var isSymbol$3 = require('./isSymbol-y5DmAtoM.js');
-var isObjectLike = require('./isObjectLike-BUdrd69i.js');
+var _getTag = require('./_getTag-Bldljkx2.js');
+var isSymbol$3 = require('./isSymbol-_8Usoq8d.js');
+var isObjectLike = require('./isObjectLike-DOIAlxkG.js');
 
 /**
  * Appends the elements of `values` to `array`.

package/dist/{_getTag-DgIHHior.js → _getTag-Bldljkx2.js}

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

package/dist/{_getTag-CvAnlMPG.js → _getTag-RbAOAtdi.js}

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

package/dist/{_setToString-BifaeQl5.js → _setToString-BfgaGy1k.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var _defineProperty = require('./_defineProperty-CPRNUG0q.js');
-var isObjectLike = require('./isObjectLike-BUdrd69i.js');
-var _getTag = require('./_getTag-DgIHHior.js');
+var _defineProperty = require('./_defineProperty-CfR_lZqi.js');
+var isObjectLike = require('./isObjectLike-DOIAlxkG.js');
+var _getTag = require('./_getTag-Bldljkx2.js');
 
 var Symbol = isObjectLike._Symbol,
     isArguments = _getTag.isArguments_1,

package/dist/{_setToString-D1EtoOxb.js → _setToString-zO8GCYup.js}

@@ -1,6 +1,6 @@
-import { a as _arrayPush, _ as _defineProperty, i as identity_1 } from './_defineProperty-DSq7BMZb.js';
-import { c as _Symbol } from './isObjectLike-CvfQWhj7.js';
-import { i as isArguments_1, b as isArray_1 } from './_getTag-CvAnlMPG.js';
+import { a as _arrayPush, _ as _defineProperty, i as identity_1 } from './_defineProperty-CGICsf-Z.js';
+import { c as _Symbol } from './isObjectLike-DJ9pm7V7.js';
+import { i as isArguments_1, b as isArray_1 } from './_getTag-RbAOAtdi.js';
 
 var Symbol = _Symbol,
     isArguments = isArguments_1,

package/dist/{debounce-g2v7vopm.js → debounce-AYcpZv3c.js}

@@ -1,6 +1,6 @@
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-VMaESrBh.js';
-import { b as _root, i as isObject_1 } from './isObjectLike-CvfQWhj7.js';
-import { i as isSymbol_1 } from './isSymbol-CCaZ2F9z.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-C_-0bU2G.js';
+import { b as _root, i as isObject_1 } from './isObjectLike-DJ9pm7V7.js';
+import { i as isSymbol_1 } from './isSymbol-Brdz3x-m.js';
 
 var root = _root;
 

package/dist/{debounce-D-I2copL.js → debounce-DEjsEV7v.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-D7XtAbBt.js');
-var isObjectLike = require('./isObjectLike-BUdrd69i.js');
-var isSymbol$1 = require('./isSymbol-y5DmAtoM.js');
+var _commonjsHelpers = require('./_commonjsHelpers-CgKDug6z.js');
+var isObjectLike = require('./isObjectLike-DOIAlxkG.js');
+var isSymbol$1 = require('./isSymbol-_8Usoq8d.js');
 
 var root = isObjectLike._root;
 

package/dist/{helpers-D03Ad9KB.js → helpers-DJHwp60V.js}

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

package/dist/{helpers-CdMIIP8y.js → helpers-cv9B-pVh.js}

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

package/dist/{index-DLBfEhqQ.js → index-B8alWVVv.js}

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

package/dist/{index-CpJ9n-HS.js → index-DkrNdOvY.js}

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