@jobber/components 4.85.6-CJS-to-ESM.5 → 4.85.6

package/dist/ComboboxLoadMore-CBXYoxXv.js

@@ -1,17 +0,0 @@
-import React, { useEffect } from 'react';
-import { u as useInView } from './useInView-Yth15M0p.js';
-import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-
-var css_248z = "._3s8-RC5Ky3s- {\n  -webkit-transform: translateY(calc(var(--space-largest) * -1));\n          transform: translateY(calc(var(--space-largest) * -1));\n}\n";
-var styles = {"trigger":"_3s8-RC5Ky3s-"};
-styleInject(css_248z);
-
-function ComboboxLoadMore({ onLoadMore }) {
-    const [inViewRef, isInView] = useInView.useInView();
-    useEffect(() => {
-        isInView && onLoadMore();
-    }, [isInView]);
-    return (React.createElement("div", { "data-testid": "ATL-Combobox-Loadmore-Trigger", ref: inViewRef, className: styles.trigger }));
-}
-
-export { ComboboxLoadMore as C };

package/dist/ComboboxOption-CWkyTkzU.js

@@ -1,25 +0,0 @@
-'use strict';
-
-var React = require('react');
-var classnames = require('classnames');
-var Icon = require('./Icon-B9XNdA1T.js');
-var Flex = require('./Flex-CBKf3epb.js');
-var styleInject_es = require('./style-inject.es-XZHJH68X.js');
-var ComboboxProvider = require('./ComboboxProvider-BwxfVgmL.js');
-
-var css_248z = "._5QdRGmaNHvc- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-negative: 0;\n      flex-shrink: 0;\n  min-height: calc((var(--space-largest) - var(--space-smaller)));\n  box-sizing: border-box;\n  margin: 0 var(--space-small);\n  padding: var(--space-small);\n  border-radius: var(--radius-large);\n  color: var(--color-heading);\n  font-weight: 500;\n  cursor: pointer;\n  transition: all var(--timing-base);\n  -ms-flex-pack: justify;\n      justify-content: space-between;\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n.jobber-retheme ._5QdRGmaNHvc- {\n  border-radius: var(--radius-base);\n}\n\n._5QdRGmaNHvc-:hover,\n._5QdRGmaNHvc-:focus-visible {\n  background-color: var(--color-surface--hover);\n}\n\n._5QdRGmaNHvc-:focus,\n._5QdRGmaNHvc-:focus-visible {\n  outline: none;\n}\n\n._5QdRGmaNHvc-:focus-visible {\n  box-shadow: var(--shadow-focus);\n}\n";
-var styles = {"option":"_5QdRGmaNHvc-"};
-styleInject_es.styleInject(css_248z);
-
-function ComboboxOption(props) {
-    const { selected, selectionHandler } = React.useContext(ComboboxProvider.ComboboxContext);
-    const isSelected = selected.some(selection => selection.id.toString() === props.id.toString());
-    return (React.createElement("li", { key: props.id, tabIndex: -1, "data-selected": isSelected, role: "option", "aria-selected": isSelected, onClick: () => selectionHandler &&
-            selectionHandler({ id: props.id, label: props.label }), className: classnames(styles.option) },
-        React.createElement(Flex.Flex, { template: props.prefix ? ["shrink", "grow"] : ["grow"] },
-            props.prefix,
-            props.label),
-        React.createElement("div", null, isSelected && React.createElement(Icon.Icon, { name: "checkmark", color: "blue" }))));
-}
-
-exports.ComboboxOption = ComboboxOption;

package/dist/ComboboxOption-D_f4NcBM.js

@@ -1,23 +0,0 @@
-import React, { useContext } from 'react';
-import classnames from 'classnames';
-import { I as Icon } from './Icon-CoHJokXb.js';
-import { F as Flex } from './Flex-DXDpEzMI.js';
-import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-import { a as ComboboxContext } from './ComboboxProvider-Dm_tfmkr.js';
-
-var css_248z = "._5QdRGmaNHvc- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-negative: 0;\n      flex-shrink: 0;\n  min-height: calc((var(--space-largest) - var(--space-smaller)));\n  box-sizing: border-box;\n  margin: 0 var(--space-small);\n  padding: var(--space-small);\n  border-radius: var(--radius-large);\n  color: var(--color-heading);\n  font-weight: 500;\n  cursor: pointer;\n  transition: all var(--timing-base);\n  -ms-flex-pack: justify;\n      justify-content: space-between;\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n.jobber-retheme ._5QdRGmaNHvc- {\n  border-radius: var(--radius-base);\n}\n\n._5QdRGmaNHvc-:hover,\n._5QdRGmaNHvc-:focus-visible {\n  background-color: var(--color-surface--hover);\n}\n\n._5QdRGmaNHvc-:focus,\n._5QdRGmaNHvc-:focus-visible {\n  outline: none;\n}\n\n._5QdRGmaNHvc-:focus-visible {\n  box-shadow: var(--shadow-focus);\n}\n";
-var styles = {"option":"_5QdRGmaNHvc-"};
-styleInject(css_248z);
-
-function ComboboxOption(props) {
-    const { selected, selectionHandler } = useContext(ComboboxContext);
-    const isSelected = selected.some(selection => selection.id.toString() === props.id.toString());
-    return (React.createElement("li", { key: props.id, tabIndex: -1, "data-selected": isSelected, role: "option", "aria-selected": isSelected, onClick: () => selectionHandler &&
-            selectionHandler({ id: props.id, label: props.label }), className: classnames(styles.option) },
-        React.createElement(Flex, { template: props.prefix ? ["shrink", "grow"] : ["grow"] },
-            props.prefix,
-            props.label),
-        React.createElement("div", null, isSelected && React.createElement(Icon, { name: "checkmark", color: "blue" }))));
-}
-
-export { ComboboxOption as C };

package/dist/ComboboxProvider-BwxfVgmL.js

@@ -1,13 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('./tslib.es6-ld72nsZq.js');
-var React = require('react');
-
-const ComboboxContext = React.createContext({});
-function ComboboxContextProvider(_a) {
-    var { children } = _a, props = tslib_es6.__rest(_a, ["children"]);
-    return (React.createElement(ComboboxContext.Provider, { value: props }, children));
-}
-
-exports.ComboboxContext = ComboboxContext;
-exports.ComboboxContextProvider = ComboboxContextProvider;

package/dist/ComboboxProvider-Dm_tfmkr.js

@@ -1,10 +0,0 @@
-import { _ as __rest } from './tslib.es6-Df1SgIEn.js';
-import React from 'react';
-
-const ComboboxContext = React.createContext({});
-function ComboboxContextProvider(_a) {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    return (React.createElement(ComboboxContext.Provider, { value: props }, children));
-}
-
-export { ComboboxContextProvider as C, ComboboxContext as a };

package/dist/ComboboxTrigger-DdG9k28y.js

@@ -1,22 +0,0 @@
-import React from 'react';
-import { C as Chip } from './Chip-Cvuqhi_q.js';
-import './tslib.es6-Df1SgIEn.js';
-import { I as Icon } from './Icon-CoHJokXb.js';
-import { a as ComboboxContext } from './ComboboxProvider-Dm_tfmkr.js';
-
-function ComboboxTrigger({ label = "Select", selected, }) {
-    const { handleClose, open, setOpen } = React.useContext(ComboboxContext);
-    const hasSelection = selected.length;
-    const selectedLabel = selected.map(option => option.label).join(", ");
-    return (React.createElement(Chip, { variation: hasSelection ? "base" : "subtle", label: hasSelection ? selectedLabel : "", ariaLabel: label, heading: label, onClick: () => {
-            if (open) {
-                handleClose();
-            }
-            else {
-                setOpen(true);
-            }
-        }, role: "combobox" }, !hasSelection && (React.createElement(Chip.Suffix, null,
-        React.createElement(Icon, { name: "add", size: "small" })))));
-}
-
-export { ComboboxTrigger as C };

package/dist/ComboboxTrigger-zTO01W3n.js

@@ -1,24 +0,0 @@
-'use strict';
-
-var React = require('react');
-var Chip = require('./Chip-DSy6Xm8R.js');
-require('./tslib.es6-ld72nsZq.js');
-var Icon = require('./Icon-B9XNdA1T.js');
-var ComboboxProvider = require('./ComboboxProvider-BwxfVgmL.js');
-
-function ComboboxTrigger({ label = "Select", selected, }) {
-    const { handleClose, open, setOpen } = React.useContext(ComboboxProvider.ComboboxContext);
-    const hasSelection = selected.length;
-    const selectedLabel = selected.map(option => option.label).join(", ");
-    return (React.createElement(Chip.Chip, { variation: hasSelection ? "base" : "subtle", label: hasSelection ? selectedLabel : "", ariaLabel: label, heading: label, onClick: () => {
-            if (open) {
-                handleClose();
-            }
-            else {
-                setOpen(true);
-            }
-        }, role: "combobox" }, !hasSelection && (React.createElement(Chip.Chip.Suffix, null,
-        React.createElement(Icon.Icon, { name: "add", size: "small" })))));
-}
-
-exports.ComboboxTrigger = ComboboxTrigger;

package/dist/ConfirmationModal/index.cjs

@@ -1,32 +0,0 @@
-'use strict';
-
-var ConfirmationModal = require('../ConfirmationModal-Bg7ftIT2.js');
-require('react');
-require('../useOnKeyDown-B9JF2jLZ.js');
-require('../Modal-DYsKMdiT.js');
-require('react-dom');
-require('classnames');
-require('framer-motion');
-require('../useRefocusOnActivator-DOJm9VWz.js');
-require('../useFocusTrap-CMLwEDMY.js');
-require('../style-inject.es-XZHJH68X.js');
-require('../Heading-suKDLmO4.js');
-require('../Typography-Dx8KtnBw.js');
-require('../getAtlantisConfig-mcMVqf6m.js');
-require('../Button-D3mW3Hcg.js');
-require('react-router-dom');
-require('../Icon-B9XNdA1T.js');
-require('@jobber/design');
-require('../ButtonDismiss-l6Kunmen.js');
-require('../Content-B8Od1cqS.js');
-require('../Markdown-D4Q_2pBV.js');
-require('../Text-D9gsHxbp.js');
-require('../Emphasis-B3vf8Ek9.js');
-require('../index-CJnrkxgL.js');
-require('../_commonjsHelpers-B83fTs8d.js');
-require('../index-Jb6tGBiW.js');
-require('path');
-
-
-
-exports.ConfirmationModal = ConfirmationModal.ConfirmationModal;

package/dist/ConfirmationModal/index.mjs

@@ -1,26 +0,0 @@
-export { C as ConfirmationModal } from '../ConfirmationModal-CrH9KKYd.js';
-import 'react';
-import '../useOnKeyDown-BsUfDste.js';
-import '../Modal-u49JU_yq.js';
-import 'react-dom';
-import 'classnames';
-import 'framer-motion';
-import '../useRefocusOnActivator-CMNWUYSe.js';
-import '../useFocusTrap-BtnnoHG8.js';
-import '../style-inject.es-tgCJW-Cu.js';
-import '../Heading-CL3UujY7.js';
-import '../Typography-G8pA_xwj.js';
-import '../getAtlantisConfig-6FPWID0P.js';
-import '../Button-CWVwgwhn.js';
-import 'react-router-dom';
-import '../Icon-CoHJokXb.js';
-import '@jobber/design';
-import '../ButtonDismiss-GLptCaNc.js';
-import '../Content-BknIp35w.js';
-import '../Markdown-C-Kz7FGt.js';
-import '../Text-DEviM1Tv.js';
-import '../Emphasis-xxFrrT2i.js';
-import '../index-B88K44gK.js';
-import '../_commonjsHelpers-E-ZsRS8r.js';
-import '../index-BoP83yS-.js';
-import 'path';

package/dist/ConfirmationModal-CrH9KKYd.js

@@ -1,94 +0,0 @@
-import React, { forwardRef, useReducer, useImperativeHandle, useEffect } from 'react';
-import { u as useOnKeyDown } from './useOnKeyDown-BsUfDste.js';
-import { M as Modal } from './Modal-u49JU_yq.js';
-import { C as Content } from './Content-BknIp35w.js';
-import { M as Markdown } from './Markdown-C-Kz7FGt.js';
-
-function confirmationModalReducer(state, action) {
-    switch (action.type) {
-        case "display":
-            return Object.assign(Object.assign({}, state), { title: action.title, message: action.message, open: true, confirmLabel: action.confirmLabel, cancelLabel: action.cancelLabel || "Cancel", onConfirm: action.onConfirm, onCancel: action.onCancel });
-        case "confirm":
-            state.onConfirm && state.onConfirm();
-            return Object.assign(Object.assign({}, state), { open: false });
-        case "cancel":
-            state.onCancel && state.onCancel();
-            return Object.assign(Object.assign({}, state), { open: false });
-        case "reset":
-            return Object.assign(Object.assign({}, state), action.state);
-        default:
-            throw new Error();
-    }
-}
-const ConfirmationModal = forwardRef(function ConfirmationModalInternal({ title, message, open = false, confirmLabel = "Confirm", cancelLabel = "Cancel", onConfirm, onCancel, onRequestClose, variation = "work", size, children, }, ref) {
-    const [state, dispatch] = useReducer(confirmationModalReducer, {
-        title,
-        message,
-        open: false,
-        confirmLabel,
-        cancelLabel,
-        onConfirm,
-        onCancel,
-    });
-    // Expose a `show` method through this component's ref.
-    useImperativeHandle(ref, () => ({
-        show: ({ title: newTitle, message: newMessage, confirmLabel: newConfirmLabel, cancelLabel: newCancelLabel, onConfirm: newOnConfirm, onCancel: newOnCancel, }) => {
-            dispatch({
-                type: "display",
-                title: newTitle,
-                message: newMessage,
-                confirmLabel: newConfirmLabel,
-                cancelLabel: newCancelLabel,
-                onConfirm: newOnConfirm,
-                onCancel: newOnCancel,
-            });
-        },
-    }));
-    useEffect(() => {
-        dispatch({
-            type: "reset",
-            state: Object.assign(Object.assign({}, state), { title, message: message, confirmLabel,
-                cancelLabel,
-                onConfirm,
-                onCancel }),
-        });
-    }, [title, message, confirmLabel, cancelLabel, onConfirm, onCancel]);
-    useOnKeyDown.useOnKeyDown(handleKeyboardShortcut, ["Escape", "Enter"]);
-    return (React.createElement(Modal, { title: state.title, open: open || state.open, size: size, dismissible: false, primaryAction: {
-            label: state.confirmLabel,
-            onClick: handleAction("confirm"),
-            variation: variation === "destructive" ? "destructive" : "work",
-        }, secondaryAction: {
-            label: state.cancelLabel,
-            onClick: handleAction("cancel"),
-        } }, state.message ? (React.createElement(Content, null,
-        React.createElement(Markdown, { content: state.message }))) : (children)));
-    function handleAction(type) {
-        return () => {
-            dispatch({ type });
-            onRequestClose && onRequestClose();
-        };
-    }
-    function handleKeyboardShortcut(event) {
-        const { metaKey, ctrlKey, key, target } = event;
-        if (!open)
-            return;
-        const shouldTriggerShortcut = target instanceof HTMLButtonElement ? metaKey || ctrlKey : true;
-        if (!shouldTriggerShortcut)
-            return;
-        event.preventDefault();
-        event.stopPropagation();
-        switch (key) {
-            case "Enter": {
-                handleAction("confirm")();
-                break;
-            }
-            case "Escape": {
-                handleAction("cancel")();
-                break;
-            }
-        }
-    }
-});
-
-export { ConfirmationModal as C };

package/dist/Content/index.cjs

@@ -1,10 +0,0 @@
-'use strict';
-
-var Content = require('../Content-B8Od1cqS.js');
-require('react');
-require('classnames');
-require('../style-inject.es-XZHJH68X.js');
-
-
-
-exports.Content = Content.Content;

package/dist/Content/index.mjs

@@ -1,4 +0,0 @@
-export { C as Content } from '../Content-BknIp35w.js';
-import 'react';
-import 'classnames';
-import '../style-inject.es-tgCJW-Cu.js';

package/dist/Content-B8Od1cqS.js

@@ -1,20 +0,0 @@
-'use strict';
-
-var React = require('react');
-var classnames = require('classnames');
-var styleInject_es = require('./style-inject.es-XZHJH68X.js');
-
-var css_248z$1 = "._340SlNuzSDQ- > :not(:last-child) {\n  margin-bottom: var(--space-minuscule);\n}\n\n.H1BK-YSBQBQ- > :not(:last-child) {\n  margin-bottom: var(--space-smallest);\n}\n\n.xUe31mY0kro- > :not(:last-child) {\n  margin-bottom: var(--space-smaller);\n}\n\n.rDJFaGPzCbE- > :not(:last-child) {\n  margin-bottom: var(--space-small);\n}\n\n.SRYe3DkjH1c- > :not(:last-child) {\n  margin-bottom: var(--space-base);\n}\n\n._7TZ4MI3kr4Y- > :not(:last-child) {\n  margin-bottom: var(--space-large);\n}\n\n.jvPl3aAN9PA- > :not(:last-child) {\n  margin-bottom: var(--space-larger);\n}\n\n.fFTgb4ra1X0- > :not(:last-child) {\n  margin-bottom: var(--space-largest);\n}\n\n.kKnfL37LO6A- > :not(:last-child) {\n  margin-bottom: var(--space-extravagant);\n}\n";
-var spacings = {"minuscule":"_340SlNuzSDQ-","smallest":"H1BK-YSBQBQ-","smaller":"xUe31mY0kro-","small":"rDJFaGPzCbE-","base":"SRYe3DkjH1c-","large":"_7TZ4MI3kr4Y-","larger":"jvPl3aAN9PA-","largest":"fFTgb4ra1X0-","extravagant":"kKnfL37LO6A-"};
-styleInject_es.styleInject(css_248z$1);
-
-var css_248z = "._4On2F-4nWuY- {\n  padding: 0;\n  padding: var(--public-content--padding, 0);\n}\n";
-var styles = {"padded":"_4On2F-4nWuY-"};
-styleInject_es.styleInject(css_248z);
-
-function Content({ children, spacing = "base", type = "div", }) {
-    const className = classnames(styles.padded, spacings[spacing]);
-    return React.createElement(type, { className }, children);
-}
-
-exports.Content = Content;

package/dist/Content-BknIp35w.js

@@ -1,18 +0,0 @@
-import { createElement } from 'react';
-import classnames from 'classnames';
-import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-
-var css_248z$1 = "._340SlNuzSDQ- > :not(:last-child) {\n  margin-bottom: var(--space-minuscule);\n}\n\n.H1BK-YSBQBQ- > :not(:last-child) {\n  margin-bottom: var(--space-smallest);\n}\n\n.xUe31mY0kro- > :not(:last-child) {\n  margin-bottom: var(--space-smaller);\n}\n\n.rDJFaGPzCbE- > :not(:last-child) {\n  margin-bottom: var(--space-small);\n}\n\n.SRYe3DkjH1c- > :not(:last-child) {\n  margin-bottom: var(--space-base);\n}\n\n._7TZ4MI3kr4Y- > :not(:last-child) {\n  margin-bottom: var(--space-large);\n}\n\n.jvPl3aAN9PA- > :not(:last-child) {\n  margin-bottom: var(--space-larger);\n}\n\n.fFTgb4ra1X0- > :not(:last-child) {\n  margin-bottom: var(--space-largest);\n}\n\n.kKnfL37LO6A- > :not(:last-child) {\n  margin-bottom: var(--space-extravagant);\n}\n";
-var spacings = {"minuscule":"_340SlNuzSDQ-","smallest":"H1BK-YSBQBQ-","smaller":"xUe31mY0kro-","small":"rDJFaGPzCbE-","base":"SRYe3DkjH1c-","large":"_7TZ4MI3kr4Y-","larger":"jvPl3aAN9PA-","largest":"fFTgb4ra1X0-","extravagant":"kKnfL37LO6A-"};
-styleInject(css_248z$1);
-
-var css_248z = "._4On2F-4nWuY- {\n  padding: 0;\n  padding: var(--public-content--padding, 0);\n}\n";
-var styles = {"padded":"_4On2F-4nWuY-"};
-styleInject(css_248z);
-
-function Content({ children, spacing = "base", type = "div", }) {
-    const className = classnames(styles.padded, spacings[spacing]);
-    return createElement(type, { className }, children);
-}
-
-export { Content as C };

package/dist/Countdown/index.cjs

@@ -1,11 +0,0 @@
-'use strict';
-
-var Countdown = require('../Countdown-6Bkj7xkV.js');
-require('react');
-require('@std-proposal/temporal');
-require('../index-CJnrkxgL.js');
-require('../_commonjsHelpers-B83fTs8d.js');
-
-
-
-exports.Countdown = Countdown.Countdown;

package/dist/Countdown/index.mjs

@@ -1,5 +0,0 @@
-export { C as Countdown } from '../Countdown-XLp-r4PS.js';
-import 'react';
-import '@std-proposal/temporal';
-import '../index-B88K44gK.js';
-import '../_commonjsHelpers-E-ZsRS8r.js';