@jobber/components 5.1.4 → 5.1.5

package/dist/{useScrollToActive-CWVFo17g.js → useScrollToActive-BtLqaRcg.js}

@@ -1,15 +1,15 @@
 'use strict';
 
 var React = require('react');
-var _commonjsHelpers = require('./_commonjsHelpers-wR_coaIm.js');
-var _setToString = require('./_setToString-DB7P-HZX.js');
-var _defineProperty = require('./_defineProperty-U_KziJ5Z.js');
-var _baseEach = require('./_baseEach-CHT0w-eL.js');
-var _getTag = require('./_getTag-DMU3tqpY.js');
-var isSymbol$1 = require('./isSymbol-DxEnSeTx.js');
-var isObjectLike = require('./isObjectLike-2fhNnGPz.js');
-var debounce = require('./debounce-C6ZfzyIf.js');
-var Icon = require('./Icon-DkziW-2D.js');
+var _commonjsHelpers = require('./_commonjsHelpers-BGCqE92r.js');
+var _setToString = require('./_setToString-BY_Dyddq.js');
+var _defineProperty = require('./_defineProperty-nt5f090m.js');
+var _baseEach = require('./_baseEach-BYIeuo3A.js');
+var _getTag = require('./_getTag-CGEy2hmg.js');
+var isSymbol$1 = require('./isSymbol-Dcl-_X3Q.js');
+var isObjectLike = require('./isObjectLike-CKVZa-cM.js');
+var debounce = require('./debounce-BRr5vqBr.js');
+var Icon = require('./Icon-D68T3kRf.js');
 var reactPopper = require('react-popper');
 
 var baseEach = _baseEach._baseEach,

package/dist/{useScrollToActive-CTt2Or_l.js → useScrollToActive-CZ75uQKW.js}

@@ -1,13 +1,13 @@
 import React, { useRef, useId, useState, useEffect } from 'react';
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-ZwCII1KZ.js';
-import { _ as _overRest, a as _setToString, b as _baseFlatten } from './_setToString-D5SkDZ6r.js';
-import { b as _arrayMap, c as _baseGet, i as identity_1, e as eq_1, d as _isIndex } from './_defineProperty-DxVU8Ksz.js';
-import { _ as _baseEach, a as _baseIteratee } from './_baseEach-BRGylvgO.js';
-import { c as isArrayLike_1, g as _baseUnary, b as isArray_1 } from './_getTag-DN26lOQL.js';
-import { i as isSymbol_1 } from './isSymbol-3zjkjWC0.js';
-import { b as isObject_1 } from './isObjectLike-DiXX2xWy.js';
-import { d as debounce } from './debounce-nK8tPN3_.js';
-import { I as Icon } from './Icon-CqIXt_h2.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-CXHNZgRE.js';
+import { _ as _overRest, a as _setToString, b as _baseFlatten } from './_setToString-CvEyG1A4.js';
+import { b as _arrayMap, c as _baseGet, i as identity_1, e as eq_1, d as _isIndex } from './_defineProperty-Bv6kiZu7.js';
+import { _ as _baseEach, a as _baseIteratee } from './_baseEach-BF7gudML.js';
+import { c as isArrayLike_1, g as _baseUnary, b as isArray_1 } from './_getTag-D0VqGIAO.js';
+import { i as isSymbol_1 } from './isSymbol-kZMPVIgZ.js';
+import { b as isObject_1 } from './isObjectLike-DUaq_9Xk.js';
+import { d as debounce } from './debounce-DOSwR4tR.js';
+import { I as Icon } from './Icon-Cx_Ktflt.js';
 import { usePopper } from 'react-popper';
 
 var baseEach = _baseEach,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "5.1.4",
+  "version": "5.1.5",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -482,5 +482,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "3236c10bb0c0df966ea6131d615214ea665d30dd"
+  "gitHead": "71d8bcf7661535dcb7f29f71245a3fd63f81d20f"
 }

package/dist/showToast-BLO_vX7y.js

@@ -1,96 +0,0 @@
-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-CqIXt_h2.js';
-import { B as Button } from './Button-C0_-w97z.js';
-import { T as Typography } from './Typography-DML6tnyc.js';
-
-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 as s };

package/dist/showToast-Cs6Hi7JB.js

@@ -1,98 +0,0 @@
-'use strict';
-
-var React = require('react');
-var client = require('react-dom/client');
-var framerMotion = require('framer-motion');
-var Icon = require('./Icon-DkziW-2D.js');
-var Button = require('./Button-Bod4aFn9.js');
-var Typography = require('./Typography-DLWC7ZXM.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;