@jobber/components 4.85.4-CJS-to-ESM.0 → 4.85.4-CJS-to-ESM.2

package/dist/ConfirmationModal-64f82a31.js

@@ -0,0 +1,94 @@
+import React, { forwardRef, useReducer, useImperativeHandle, useEffect } from 'react';
+import { useOnKeyDown } from '@jobber/hooks/useOnKeyDown';
+import { M as Modal } from './Modal-eeb52d66.js';
+import { C as Content } from './Content-c96e9299.js';
+import { M as Markdown } from './Markdown-7b84fcdb.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(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/ConfirmationModal.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ConfirmationModal = require('./ConfirmationModal-09ec5d02.js');
+require('react');
+require('@jobber/hooks/useOnKeyDown');
+require('./Modal-cda55f02.js');
+require('react-dom');
+require('classnames');
+require('framer-motion');
+require('@jobber/hooks/useRefocusOnActivator');
+require('@jobber/hooks/useFocusTrap');
+require('./style-inject.es-9d2f5f4e.js');
+require('./Heading-a8a24775.js');
+require('./Typography-fd88fcce.js');
+require('./getAtlantisConfig-0f3e8af2.js');
+require('./Button-ec64869e.js');
+require('react-router-dom');
+require('./Icon-405a216c.js');
+require('@jobber/design');
+require('./ButtonDismiss-d7417429.js');
+require('./Content-60a3452a.js');
+require('./Markdown-36854bd5.js');
+require('react-markdown');
+require('./Text-714f7d14.js');
+require('./Emphasis-84de1f3f.js');
+
+
+
+exports.ConfirmationModal = ConfirmationModal.ConfirmationModal;

package/dist/ConfirmationModal.js

@@ -0,0 +1,23 @@
+export { C as ConfirmationModal } from './ConfirmationModal-64f82a31.js';
+import 'react';
+import '@jobber/hooks/useOnKeyDown';
+import './Modal-eeb52d66.js';
+import 'react-dom';
+import 'classnames';
+import 'framer-motion';
+import '@jobber/hooks/useRefocusOnActivator';
+import '@jobber/hooks/useFocusTrap';
+import './style-inject.es-a0e1a0ba.js';
+import './Heading-dfd4f1cf.js';
+import './Typography-52ed1386.js';
+import './getAtlantisConfig-5b50057c.js';
+import './Button-30154871.js';
+import 'react-router-dom';
+import './Icon-22723fe6.js';
+import '@jobber/design';
+import './ButtonDismiss-a11eef74.js';
+import './Content-c96e9299.js';
+import './Markdown-7b84fcdb.js';
+import 'react-markdown';
+import './Text-c92ddeb3.js';
+import './Emphasis-2a640962.js';

package/dist/Content-60a3452a.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+
+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__default["default"](styles.padded, spacings[spacing]);
+    return React.createElement(type, { className }, children);
+}
+
+exports.Content = Content;

package/dist/Content-c96e9299.js

@@ -0,0 +1,18 @@
+import { createElement } from 'react';
+import classnames from 'classnames';
+import { s as styleInject } from './style-inject.es-a0e1a0ba.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/Content.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Content = require('./Content-60a3452a.js');
+require('react');
+require('classnames');
+require('./style-inject.es-9d2f5f4e.js');
+
+
+
+exports.Content = Content.Content;

package/dist/Content.js

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

package/dist/Countdown-961d8a6e.js

@@ -0,0 +1,70 @@
+'use strict';
+
+var React = require('react');
+var temporal = require('@std-proposal/temporal');
+var ReactCountdown = require('react-countdown');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var ReactCountdown__default = /*#__PURE__*/_interopDefaultLegacy(ReactCountdown);
+
+function computeTimeUnit(remainder, unit) {
+    return parseInt(remainder, 10) !== 1 ? `${unit}s` : unit;
+}
+
+function Countdown({ date: inputDate, onComplete, showUnits, granularity = "dhms", }) {
+    const date = React.useMemo(() => {
+        let initDate;
+        if (inputDate instanceof temporal.CivilDate) {
+            initDate = new Date(inputDate.year, inputDate.month - 1, inputDate.day);
+        }
+        else {
+            initDate = new Date(inputDate);
+        }
+        return initDate;
+    }, [inputDate]);
+    return (React__default["default"].createElement(ReactCountdown__default["default"], { date: date, zeroPadTime: 2, renderer: (props) => (React__default["default"].createElement(RenderedCountdown, Object.assign({}, props, { granularity: granularity, showUnits: showUnits }))), onComplete: onComplete }));
+}
+function RenderedCountdown({ formatted, granularity = "dhms", showUnits, }) {
+    const { days, hours, minutes, seconds } = formatted;
+    return React__default["default"].createElement(React__default["default"].Fragment, null, buildTime());
+    function buildTime() {
+        const totalHours = 24 * Number(days) + Number(hours);
+        const totalMinutes = 60 * totalHours + Number(minutes);
+        const totalSeconds = 60 * totalMinutes + Number(seconds);
+        const times = {
+            d: { total: days, remainder: days, unit: computeTimeUnit(days, "day") },
+            h: {
+                total: totalHours,
+                remainder: hours,
+                unit: computeTimeUnit(hours, "hour"),
+            },
+            m: {
+                total: totalMinutes,
+                remainder: minutes,
+                unit: computeTimeUnit(minutes, "minute"),
+            },
+            s: {
+                total: totalSeconds,
+                remainder: seconds,
+                unit: computeTimeUnit(seconds, "second"),
+            },
+        };
+        return timeFormatter(times, granularity, showUnits);
+    }
+}
+function timeFormatter(times, granularity, showUnits) {
+    let substr = "";
+    granularity.split("").forEach((unit, i) => {
+        if (i == 0) {
+            substr += `${times[unit].total}${showUnits ? ` ${times[unit].unit}` : ""}`;
+        }
+        else {
+            substr += ` : ${times[unit].remainder}${showUnits ? ` ${times[unit].unit}` : ""}`;
+        }
+    });
+    return substr;
+}
+
+exports.Countdown = Countdown;

package/dist/Countdown-ac081ced.js

@@ -0,0 +1,63 @@
+import React, { useMemo } from 'react';
+import { CivilDate } from '@std-proposal/temporal';
+import ReactCountdown from 'react-countdown';
+
+function computeTimeUnit(remainder, unit) {
+    return parseInt(remainder, 10) !== 1 ? `${unit}s` : unit;
+}
+
+function Countdown({ date: inputDate, onComplete, showUnits, granularity = "dhms", }) {
+    const date = useMemo(() => {
+        let initDate;
+        if (inputDate instanceof CivilDate) {
+            initDate = new Date(inputDate.year, inputDate.month - 1, inputDate.day);
+        }
+        else {
+            initDate = new Date(inputDate);
+        }
+        return initDate;
+    }, [inputDate]);
+    return (React.createElement(ReactCountdown, { date: date, zeroPadTime: 2, renderer: (props) => (React.createElement(RenderedCountdown, Object.assign({}, props, { granularity: granularity, showUnits: showUnits }))), onComplete: onComplete }));
+}
+function RenderedCountdown({ formatted, granularity = "dhms", showUnits, }) {
+    const { days, hours, minutes, seconds } = formatted;
+    return React.createElement(React.Fragment, null, buildTime());
+    function buildTime() {
+        const totalHours = 24 * Number(days) + Number(hours);
+        const totalMinutes = 60 * totalHours + Number(minutes);
+        const totalSeconds = 60 * totalMinutes + Number(seconds);
+        const times = {
+            d: { total: days, remainder: days, unit: computeTimeUnit(days, "day") },
+            h: {
+                total: totalHours,
+                remainder: hours,
+                unit: computeTimeUnit(hours, "hour"),
+            },
+            m: {
+                total: totalMinutes,
+                remainder: minutes,
+                unit: computeTimeUnit(minutes, "minute"),
+            },
+            s: {
+                total: totalSeconds,
+                remainder: seconds,
+                unit: computeTimeUnit(seconds, "second"),
+            },
+        };
+        return timeFormatter(times, granularity, showUnits);
+    }
+}
+function timeFormatter(times, granularity, showUnits) {
+    let substr = "";
+    granularity.split("").forEach((unit, i) => {
+        if (i == 0) {
+            substr += `${times[unit].total}${showUnits ? ` ${times[unit].unit}` : ""}`;
+        }
+        else {
+            substr += ` : ${times[unit].remainder}${showUnits ? ` ${times[unit].unit}` : ""}`;
+        }
+    });
+    return substr;
+}
+
+export { Countdown as C };

package/dist/Countdown.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Countdown = require('./Countdown-961d8a6e.js');
+require('react');
+require('@std-proposal/temporal');
+require('react-countdown');
+
+
+
+exports.Countdown = Countdown.Countdown;

package/dist/Countdown.js

@@ -0,0 +1,4 @@
+export { C as Countdown } from './Countdown-ac081ced.js';
+import 'react';
+import '@std-proposal/temporal';
+import 'react-countdown';

package/dist/DataDump-6fae2727.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { C as Card } from './Card-35bd61ce.js';
+import { C as Content } from './Content-c96e9299.js';
+import { E as Emphasis } from './Emphasis-2a640962.js';
+
+function DataDump({ label = "Raw Data", defaultOpen = false, data, }) {
+    return (React.createElement(Card, { accent: "yellow" },
+        React.createElement(Content, null,
+            React.createElement("details", { open: defaultOpen },
+                React.createElement("summary", null,
+                    React.createElement(Emphasis, { variation: "bold" }, label)),
+                React.createElement("pre", null, JSON.stringify(data, undefined, 2))))));
+}
+
+export { DataDump as D };

package/dist/DataDump-f427abfe.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var React = require('react');
+var Card = require('./Card-27375ded.js');
+var Content = require('./Content-60a3452a.js');
+var Emphasis = require('./Emphasis-84de1f3f.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function DataDump({ label = "Raw Data", defaultOpen = false, data, }) {
+    return (React__default["default"].createElement(Card.Card, { accent: "yellow" },
+        React__default["default"].createElement(Content.Content, null,
+            React__default["default"].createElement("details", { open: defaultOpen },
+                React__default["default"].createElement("summary", null,
+                    React__default["default"].createElement(Emphasis.Emphasis, { variation: "bold" }, label)),
+                React__default["default"].createElement("pre", null, JSON.stringify(data, undefined, 2))))));
+}
+
+exports.DataDump = DataDump;

package/dist/DataDump.cjs

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DataDump = require('./DataDump-f427abfe.js');
+require('react');
+require('./Card-27375ded.js');
+require('classnames');
+require('./style-inject.es-9d2f5f4e.js');
+require('./Heading-a8a24775.js');
+require('./Typography-fd88fcce.js');
+require('./getAtlantisConfig-0f3e8af2.js');
+require('./Button-ec64869e.js');
+require('react-router-dom');
+require('./Icon-405a216c.js');
+require('@jobber/design');
+require('./Menu-5ce3cf41.js');
+require('framer-motion');
+require('@jobber/hooks/useOnKeyDown');
+require('@jobber/hooks/useRefocusOnActivator');
+require('@jobber/hooks/useSafeLayoutEffect');
+require('./Content-60a3452a.js');
+require('./Emphasis-84de1f3f.js');
+
+
+
+exports.DataDump = DataDump.DataDump;

package/dist/DataDump.js

@@ -0,0 +1,19 @@
+export { D as DataDump } from './DataDump-6fae2727.js';
+import 'react';
+import './Card-35bd61ce.js';
+import 'classnames';
+import './style-inject.es-a0e1a0ba.js';
+import './Heading-dfd4f1cf.js';
+import './Typography-52ed1386.js';
+import './getAtlantisConfig-5b50057c.js';
+import './Button-30154871.js';
+import 'react-router-dom';
+import './Icon-22723fe6.js';
+import '@jobber/design';
+import './Menu-fb0b2e9b.js';
+import 'framer-motion';
+import '@jobber/hooks/useOnKeyDown';
+import '@jobber/hooks/useRefocusOnActivator';
+import '@jobber/hooks/useSafeLayoutEffect';
+import './Content-c96e9299.js';
+import './Emphasis-2a640962.js';