@jobber/components 4.81.4 → 4.81.5-fix-inline.5

package/dist/{ConfirmationModal-f1a049fb.js → ConfirmationModal-Cd1H3xVH.js}

@@ -1,14 +1,10 @@
 'use strict';
 
 var React = require('react');
-var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
-var Modal = require('./Modal-a0627c92.js');
-var Content = require('./Content-e3f7b6fc.js');
-var Markdown = require('./Markdown-f7c55304.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-DaXbWAZ6.js');
+var Modal = require('./Modal-Dbq_-Pvh.js');
+var Content = require('./Content-CsMsjQR8.js');
+var Markdown = require('./Markdown-CI5ESU7e.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-DL2HaTBE.js

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

package/dist/Content/index.mjs

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

package/dist/Content-CMw9uyuY.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/Content-CsMsjQR8.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/Countdown/index.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var Countdown = require('../Countdown-BS-kaL-n.js');
+require('react');
+require('@std-proposal/temporal');
+require('../index-CwzJTOmB.js');
+require('../_commonjsHelpers-C9K4YQdM.js');
+
+
+
+exports.Countdown = Countdown.Countdown;

package/dist/Countdown/index.mjs

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