@jobber/components 4.92.0 → 5.0.1

package/dist/ComboboxLoadMore-CZApONuU.js

@@ -0,0 +1,14 @@
+import React, { useEffect } from 'react';
+import { u as useInView_2 } from './useInView-Cbnh3R5Z.js';
+
+var styles = {"trigger":"_3s8-RC5Ky3s-"};
+
+function ComboboxLoadMore({ onLoadMore }) {
+    const [inViewRef, isInView] = useInView_2();
+    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-Bh-oQgEr.js

@@ -0,0 +1,20 @@
+import React, { useContext } from 'react';
+import classnames from 'classnames';
+import { I as Icon } from './Icon-D5fducRW.js';
+import { F as Flex } from './Flex-CHwqd3gT.js';
+import { a as ComboboxContext } from './ComboboxProvider-cguiY4og.js';
+
+var styles = {"option":"_5QdRGmaNHvc-"};
+
+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/ComboboxOption-DSBi-uyc.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+var Icon = require('./Icon-DdoTAkld.js');
+var Flex = require('./Flex-w0DbahOc.js');
+var ComboboxProvider = require('./ComboboxProvider-CQ3ZXsZa.js');
+
+var styles = {"option":"_5QdRGmaNHvc-"};
+
+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/ComboboxProvider-CQ3ZXsZa.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-BJhbHdCW.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-cguiY4og.js

@@ -0,0 +1,10 @@
+import { _ as __rest } from './tslib.es6-Bd3_MYNG.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-DhsYtnvQ.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var React = require('react');
+var Chip = require('./Chip-DkIyAIrp.js');
+require('./tslib.es6-BJhbHdCW.js');
+var Icon = require('./Icon-DdoTAkld.js');
+var ComboboxProvider = require('./ComboboxProvider-CQ3ZXsZa.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/ComboboxTrigger-mSe96JA7.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { C as Chip } from './Chip-lakFvkPp.js';
+import './tslib.es6-Bd3_MYNG.js';
+import { I as Icon } from './Icon-D5fducRW.js';
+import { a as ComboboxContext } from './ComboboxProvider-cguiY4og.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/ConfirmationModal/index.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+var ConfirmationModal = require('../ConfirmationModal-Du1pTmhg.js');
+require('react');
+require('../useOnKeyDown-C61caZ1f.js');
+require('../Modal-P-qjBWDw.js');
+require('react-dom');
+require('classnames');
+require('framer-motion');
+require('../useRefocusOnActivator-DK92YmNB.js');
+require('../useFocusTrap-pmlWfXLc.js');
+require('../Heading-DHr7c1qk.js');
+require('../Typography-C2OJA0Ai.js');
+require('../useAtlantisConfig-CnUV8oop.js');
+require('../useSafeLayoutEffect-LBYfQVIR.js');
+require('../Button-noDSqvxX.js');
+require('react-router-dom');
+require('../Icon-DdoTAkld.js');
+require('@jobber/design');
+require('../ButtonDismiss-CnCeo4wT.js');
+require('../Content-Cr-SNhIb.js');
+require('../Markdown-C-_FwXXZ.js');
+require('../Text-B2v3VC_B.js');
+require('../Emphasis-BeDR-wzW.js');
+require('../index-DqBqE4mE.js');
+require('../_commonjsHelpers-BrnLhuRG.js');
+require('../_polyfill-node.process-GNmX79Os.js');
+
+
+
+exports.ConfirmationModal = ConfirmationModal.ConfirmationModal;

package/dist/ConfirmationModal/index.mjs

@@ -0,0 +1,25 @@
+export { C as ConfirmationModal } from '../ConfirmationModal-UNolD6Md.js';
+import 'react';
+import '../useOnKeyDown-DmmUp3io.js';
+import '../Modal-BjDtJC7X.js';
+import 'react-dom';
+import 'classnames';
+import 'framer-motion';
+import '../useRefocusOnActivator-0eNF7eV7.js';
+import '../useFocusTrap-DIF2JjIO.js';
+import '../Heading-CHhgHTqK.js';
+import '../Typography-4zopC4KE.js';
+import '../useAtlantisConfig-BqRn-LuQ.js';
+import '../useSafeLayoutEffect-CWhTKEyh.js';
+import '../Button-DK1Px9LS.js';
+import 'react-router-dom';
+import '../Icon-D5fducRW.js';
+import '@jobber/design';
+import '../ButtonDismiss-BNe3USW4.js';
+import '../Content-q0mmpOCB.js';
+import '../Markdown-BiEMJ-Na.js';
+import '../Text-B1bIoWYr.js';
+import '../Emphasis-BSYW8CIV.js';
+import '../index-XXo5QsX8.js';
+import '../_commonjsHelpers-BpF068F9.js';
+import '../_polyfill-node.process-BcnAACbW.js';

package/dist/{ConfirmationModal-c0b5e893.js → ConfirmationModal-Du1pTmhg.js}

@@ -1,14 +1,10 @@
 'use strict';
 
 var React = require('react');
-var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
-var Modal = require('./Modal-03731670.js');
-var Content = require('./Content-e3f7b6fc.js');
-var Markdown = require('./Markdown-bee813fc.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var useOnKeyDown = require('./useOnKeyDown-C61caZ1f.js');
+var Modal = require('./Modal-P-qjBWDw.js');
+var Content = require('./Content-Cr-SNhIb.js');
+var Markdown = require('./Markdown-C-_FwXXZ.js');
 
 function confirmationModalReducer(state, action) {
     switch (action.type) {
@@ -59,16 +55,16 @@ const ConfirmationModal = React.forwardRef(function ConfirmationModalInternal({
                 onCancel }),
         });
     }, [title, message, confirmLabel, cancelLabel, onConfirm, onCancel]);
-    useOnKeyDown.useOnKeyDown(handleKeyboardShortcut, ["Escape", "Enter"]);
-    return (React__default["default"].createElement(Modal.Modal, { title: state.title, open: open || state.open, size: size, dismissible: false, primaryAction: {
+    useOnKeyDown.useOnKeyDown_2(handleKeyboardShortcut, ["Escape", "Enter"]);
+    return (React.createElement(Modal.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__default["default"].createElement(Content.Content, null,
-        React__default["default"].createElement(Markdown.Markdown, { content: state.message }))) : (children)));
+        } }, state.message ? (React.createElement(Content.Content, null,
+        React.createElement(Markdown.Markdown, { content: state.message }))) : (children)));
     function handleAction(type) {
         return () => {
             dispatch({ type });

package/dist/ConfirmationModal-UNolD6Md.js

@@ -0,0 +1,94 @@
+import React, { forwardRef, useReducer, useImperativeHandle, useEffect } from 'react';
+import { u as useOnKeyDown_2 } from './useOnKeyDown-DmmUp3io.js';
+import { M as Modal } from './Modal-BjDtJC7X.js';
+import { C as Content } from './Content-q0mmpOCB.js';
+import { M as Markdown } from './Markdown-BiEMJ-Na.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_2(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

@@ -0,0 +1,9 @@
+'use strict';
+
+var Content = require('../Content-Cr-SNhIb.js');
+require('react');
+require('classnames');
+
+
+
+exports.Content = Content.Content;

package/dist/Content/index.mjs

@@ -0,0 +1,3 @@
+export { C as Content } from '../Content-q0mmpOCB.js';
+import 'react';
+import 'classnames';

package/dist/Content-Cr-SNhIb.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+
+var spacings = {"minuscule":"_340SlNuzSDQ-","smallest":"H1BK-YSBQBQ-","smaller":"xUe31mY0kro-","small":"rDJFaGPzCbE-","base":"SRYe3DkjH1c-","large":"_7TZ4MI3kr4Y-","larger":"jvPl3aAN9PA-","largest":"fFTgb4ra1X0-","extravagant":"kKnfL37LO6A-"};
+
+var styles = {"padded":"_4On2F-4nWuY-"};
+
+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-q0mmpOCB.js

@@ -0,0 +1,13 @@
+import { createElement } from 'react';
+import classnames from 'classnames';
+
+var spacings = {"minuscule":"_340SlNuzSDQ-","smallest":"H1BK-YSBQBQ-","smaller":"xUe31mY0kro-","small":"rDJFaGPzCbE-","base":"SRYe3DkjH1c-","large":"_7TZ4MI3kr4Y-","larger":"jvPl3aAN9PA-","largest":"fFTgb4ra1X0-","extravagant":"kKnfL37LO6A-"};
+
+var styles = {"padded":"_4On2F-4nWuY-"};
+
+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

@@ -0,0 +1,11 @@
+'use strict';
+
+var Countdown = require('../Countdown-FyBxWGlM.js');
+require('react');
+require('@std-proposal/temporal');
+require('../index-DqBqE4mE.js');
+require('../_commonjsHelpers-BrnLhuRG.js');
+
+
+
+exports.Countdown = Countdown.Countdown;

package/dist/Countdown/index.mjs

@@ -0,0 +1,5 @@
+export { C as Countdown } from '../Countdown-Bk4VdUU2.js';
+import 'react';
+import '@std-proposal/temporal';
+import '../index-XXo5QsX8.js';
+import '../_commonjsHelpers-BpF068F9.js';