@jobber/components 4.92.0 → 4.92.1-JOB-91143.4

package/dist/ComboboxOption-fq9MC5fv.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+var Icon = require('./Icon-DjU29wkY.js');
+var Flex = require('./Flex-BkRBJK0Z.js');
+var ComboboxProvider = require('./ComboboxProvider-B1d2SG67.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-B1d2SG67.js

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

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

@@ -0,0 +1,24 @@
+'use strict';
+
+var React = require('react');
+var Chip = require('./Chip-BRA8Ie1D.js');
+require('./tslib.es6-CjmNBqgv.js');
+var Icon = require('./Icon-DjU29wkY.js');
+var ComboboxProvider = require('./ComboboxProvider-B1d2SG67.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-D6M0Glk-.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { C as Chip } from './Chip-D5t8gDBN.js';
+import './tslib.es6-BJzo8cuE.js';
+import { I as Icon } from './Icon-BJUSeqrr.js';
+import { a as ComboboxContext } from './ComboboxProvider-BpcqvBBD.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-MK_2VfpM.js');
+require('react');
+require('../useOnKeyDown-BRrGkWfQ.js');
+require('../Modal-Dx1bOlz7.js');
+require('react-dom');
+require('classnames');
+require('framer-motion');
+require('../useRefocusOnActivator-Nc-vAHlK.js');
+require('../useFocusTrap-Bk_llzCy.js');
+require('../Heading-BhKK7vho.js');
+require('../Typography-CBz3Bwzs.js');
+require('../useAtlantisConfig-D-Qo7OhV.js');
+require('../useSafeLayoutEffect-BNLlFJBq.js');
+require('../Button-DE6Du5Wv.js');
+require('react-router-dom');
+require('../Icon-DjU29wkY.js');
+require('@jobber/design');
+require('../ButtonDismiss-DjOs7eO3.js');
+require('../Content-DErBfjY3.js');
+require('../Markdown-CRBKB6xQ.js');
+require('../Text-CqfEADu0.js');
+require('../Emphasis-JTjJXWkg.js');
+require('../index-BQdnPLod.js');
+require('../_commonjsHelpers-xAV1A7i5.js');
+require('../_polyfill-node.process-CYhOBsNv.js');
+
+
+
+exports.ConfirmationModal = ConfirmationModal.ConfirmationModal;

package/dist/ConfirmationModal/index.mjs

@@ -0,0 +1,25 @@
+export { C as ConfirmationModal } from '../ConfirmationModal-rAPd3iIk.js';
+import 'react';
+import '../useOnKeyDown-Dtenmfc9.js';
+import '../Modal-JhusMU4D.js';
+import 'react-dom';
+import 'classnames';
+import 'framer-motion';
+import '../useRefocusOnActivator-BCZuCyZg.js';
+import '../useFocusTrap-BztNbnoA.js';
+import '../Heading-CN8xip8K.js';
+import '../Typography-DBA8fJ4I.js';
+import '../useAtlantisConfig-CVSBhQb8.js';
+import '../useSafeLayoutEffect-CtAU_CL9.js';
+import '../Button-CKxjsn8f.js';
+import 'react-router-dom';
+import '../Icon-BJUSeqrr.js';
+import '@jobber/design';
+import '../ButtonDismiss-BIVGFM9M.js';
+import '../Content-DvE60Q2i.js';
+import '../Markdown-DroxcM3U.js';
+import '../Text-9Y0IeH0M.js';
+import '../Emphasis-ByZi7T6Z.js';
+import '../index-BeAq-j7t.js';
+import '../_commonjsHelpers-C-Wbr7RH.js';
+import '../_polyfill-node.process-B_9ykg-O.js';

package/dist/{ConfirmationModal-c0b5e893.js → ConfirmationModal-MK_2VfpM.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-BRrGkWfQ.js');
+var Modal = require('./Modal-Dx1bOlz7.js');
+var Content = require('./Content-DErBfjY3.js');
+var Markdown = require('./Markdown-CRBKB6xQ.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-rAPd3iIk.js

@@ -0,0 +1,94 @@
+import React, { forwardRef, useReducer, useImperativeHandle, useEffect } from 'react';
+import { u as useOnKeyDown_2 } from './useOnKeyDown-Dtenmfc9.js';
+import { M as Modal } from './Modal-JhusMU4D.js';
+import { C as Content } from './Content-DvE60Q2i.js';
+import { M as Markdown } from './Markdown-DroxcM3U.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-DErBfjY3.js');
+require('react');
+require('classnames');
+
+
+
+exports.Content = Content.Content;

package/dist/Content/index.mjs

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

package/dist/Content-DErBfjY3.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-DvE60Q2i.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-DliSLLhR.js');
+require('react');
+require('@std-proposal/temporal');
+require('../index-BQdnPLod.js');
+require('../_commonjsHelpers-xAV1A7i5.js');
+
+
+
+exports.Countdown = Countdown.Countdown;

package/dist/Countdown/index.mjs

@@ -0,0 +1,5 @@
+export { C as Countdown } from '../Countdown-CfRvv0Ww.js';
+import 'react';
+import '@std-proposal/temporal';
+import '../index-BeAq-j7t.js';
+import '../_commonjsHelpers-C-Wbr7RH.js';