@jobber/components 2.86.0 → 2.86.2

package/dist/Chips/utils/mdxUtils.d.ts

@@ -1,9 +1,9 @@
-export declare function useFakeOptionQuery(): {
-    handleLoadMore: () => void;
-    handleSearch: (searchValue: string) => void;
-    handleSelect: (value: string[]) => void;
-    handleCustomAdd: (value: string) => void;
-    selected: string[];
-    options: string[];
-    loading: boolean;
-};
+export declare function useFakeOptionQuery(): {
+    handleLoadMore: () => void;
+    handleSearch: (searchValue: string) => void;
+    handleSelect: (value: string[]) => void;
+    handleCustomAdd: (value: string) => void;
+    selected: string[];
+    options: string[];
+    loading: boolean;
+};

package/dist/ConfirmationModal/ConfirmationModal.d.ts

@@ -1,62 +1,62 @@
-import React, { Ref } from "react";
-interface DisplayAction {
-    type: "display";
-    title?: string;
-    message: string;
-    confirmLabel: string;
-    cancelLabel?: string;
-    onConfirm(): void;
-    onCancel?(): void;
-}
-export interface ConfirmationModalRef {
-    show(props: Omit<DisplayAction, "type">): void;
-}
-interface BaseConfirmationModalProps {
-    /**
-     * Title for the modal.
-     */
-    readonly title?: string;
-    /**
-     * Text or rich text content for the body of the modal.
-     */
-    readonly message?: string;
-    /**
-     * Controls if the modal is open or not.
-     */
-    readonly open?: boolean;
-    /**
-     * Label for the confirm button.
-     */
-    readonly confirmLabel?: string;
-    /**
-     * Label for the cancel button.
-     */
-    readonly cancelLabel?: string;
-    /**
-     * Type (Work or destructive) for confirm button.
-     */
-    readonly variation?: "work" | "destructive";
-    /**
-     * Callback for when the confirm button is pressed.
-     */
-    onConfirm?(): void;
-    /**
-     * Callback for when the cancel button is pressed.
-     */
-    onCancel?(): void;
-    /**
-     * Callback for whenever a user's action should close the modal.
-     */
-    onRequestClose?(): void;
-}
-interface SimpleConfirmationModalProps extends BaseConfirmationModalProps {
-    readonly message: string;
-    readonly open: boolean;
-    readonly confirmLabel: string;
-}
-interface ComplexConfirmationModalProps extends BaseConfirmationModalProps {
-    readonly ref: Ref<ConfirmationModalRef>;
-    readonly open?: undefined;
-}
-export declare const ConfirmationModal: React.ForwardRefExoticComponent<(SimpleConfirmationModalProps & React.RefAttributes<ConfirmationModalRef>) | (ComplexConfirmationModalProps & React.RefAttributes<ConfirmationModalRef>)>;
-export {};
+import React, { Ref } from "react";
+interface DisplayAction {
+    type: "display";
+    title?: string;
+    message: string;
+    confirmLabel: string;
+    cancelLabel?: string;
+    onConfirm(): void;
+    onCancel?(): void;
+}
+export interface ConfirmationModalRef {
+    show(props: Omit<DisplayAction, "type">): void;
+}
+interface BaseConfirmationModalProps {
+    /**
+     * Title for the modal.
+     */
+    readonly title?: string;
+    /**
+     * Text or rich text content for the body of the modal.
+     */
+    readonly message?: string;
+    /**
+     * Controls if the modal is open or not.
+     */
+    readonly open?: boolean;
+    /**
+     * Label for the confirm button.
+     */
+    readonly confirmLabel?: string;
+    /**
+     * Label for the cancel button.
+     */
+    readonly cancelLabel?: string;
+    /**
+     * Type (Work or destructive) for confirm button.
+     */
+    readonly variation?: "work" | "destructive";
+    /**
+     * Callback for when the confirm button is pressed.
+     */
+    onConfirm?(): void;
+    /**
+     * Callback for when the cancel button is pressed.
+     */
+    onCancel?(): void;
+    /**
+     * Callback for whenever a user's action should close the modal.
+     */
+    onRequestClose?(): void;
+}
+interface SimpleConfirmationModalProps extends BaseConfirmationModalProps {
+    readonly message: string;
+    readonly open: boolean;
+    readonly confirmLabel: string;
+}
+interface ComplexConfirmationModalProps extends BaseConfirmationModalProps {
+    readonly ref: Ref<ConfirmationModalRef>;
+    readonly open?: undefined;
+}
+export declare const ConfirmationModal: React.ForwardRefExoticComponent<(SimpleConfirmationModalProps & React.RefAttributes<ConfirmationModalRef>) | (ComplexConfirmationModalProps & React.RefAttributes<ConfirmationModalRef>)>;
+export {};

package/dist/ConfirmationModal/index.d.ts

@@ -1 +1 @@
-export { ConfirmationModal, ConfirmationModalRef } from "./ConfirmationModal";
+export { ConfirmationModal, ConfirmationModalRef } from "./ConfirmationModal";

package/dist/ConfirmationModal/index.js

@@ -2,117 +2,28 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var __chunk_1 = require('../chunk-b67af3cb.js');
-var React = require('react');
-var React__default = _interopDefault(React);
-require('../chunk-17e02351.js');
+var ConfirmationModal = require('../ConfirmationModal-b7ef110f.js');
+require('../tslib.es6-5b50eb8e.js');
+require('react');
+require('@jobber/hooks');
+require('../Modal-aaaaf2df.js');
+require('react-dom');
 require('classnames');
-require('../Typography/index.js');
-require('../Text/index.js');
-require('@jobber/design');
-require('../Icon/index.js');
-require('../Heading/index.js');
-require('react-router-dom');
-require('../Button/index.js');
 require('framer-motion');
-var hooks = require('@jobber/hooks');
-require('../ButtonDismiss/index.js');
-require('react-dom');
-var index$4 = require('../Modal/index.js');
-var index$2$1 = require('../Content/index.js');
+require('../style-inject.es-dcee06b6.js');
+require('../Typography-7e542a72.js');
+require('../Button-5b2f1636.js');
+require('react-router-dom');
+require('../Icon-d5ad1a6d.js');
+require('@jobber/design');
+require('../ButtonDismiss-4cde8f7c.js');
+require('../Content-18de5fbb.js');
+require('../Markdown-69986c49.js');
 require('react-markdown');
-require('../Emphasis/index.js');
-var index$6 = require('../Markdown/index.js');
+require('../Text-9bc093e9.js');
+require('../Emphasis-fd845639.js');
+require('../Heading-56750113.js');
+
 
-function confirmationModalReducer(state, action) {
-    switch (action.type) {
-        case "display":
-            return __chunk_1.__assign(__chunk_1.__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 __chunk_1.__assign(__chunk_1.__assign({}, state), { open: false });
-        case "cancel":
-            state.onCancel && state.onCancel();
-            return __chunk_1.__assign(__chunk_1.__assign({}, state), { open: false });
-        case "reset":
-            return __chunk_1.__assign(__chunk_1.__assign({}, state), action.state);
-        default:
-            throw new Error();
-    }
-}
-var ConfirmationModal = React.forwardRef(function ConfirmationModalInternal(_a, ref) {
-    var title = _a.title, message = _a.message, _b = _a.open, open = _b === void 0 ? false : _b, _c = _a.confirmLabel, confirmLabel = _c === void 0 ? "Confirm" : _c, _d = _a.cancelLabel, cancelLabel = _d === void 0 ? "Cancel" : _d, onConfirm = _a.onConfirm, onCancel = _a.onCancel, onRequestClose = _a.onRequestClose, _e = _a.variation, variation = _e === void 0 ? "work" : _e;
-    var _f = __chunk_1.__read(React.useReducer(confirmationModalReducer, {
-        title: title,
-        message: message,
-        open: false,
-        confirmLabel: confirmLabel,
-        cancelLabel: cancelLabel,
-        onConfirm: onConfirm,
-        onCancel: onCancel,
-    }), 2), state = _f[0], dispatch = _f[1];
-    // Expose a `show` method through this component's ref.
-    React.useImperativeHandle(ref, function () { return ({
-        show: function (_a) {
-            var newTitle = _a.title, newMessage = _a.message, newConfirmLabel = _a.confirmLabel, newCancelLabel = _a.cancelLabel, newOnConfirm = _a.onConfirm, newOnCancel = _a.onCancel;
-            dispatch({
-                type: "display",
-                title: newTitle,
-                message: newMessage,
-                confirmLabel: newConfirmLabel,
-                cancelLabel: newCancelLabel,
-                onConfirm: newOnConfirm,
-                onCancel: newOnCancel,
-            });
-        },
-    }); });
-    React.useEffect(function () {
-        dispatch({
-            type: "reset",
-            state: __chunk_1.__assign(__chunk_1.__assign({}, state), { title: title, message: message, confirmLabel: confirmLabel,
-                cancelLabel: cancelLabel,
-                onConfirm: onConfirm,
-                onCancel: onCancel }),
-        });
-    }, [title, message, confirmLabel, cancelLabel, onConfirm, onCancel]);
-    hooks.useOnKeyDown(handleKeyboardShortcut, ["Escape", "Enter"]);
-    return (React__default.createElement(index$4.Modal, { title: state.title, open: open || state.open, size: "small", dismissible: false, primaryAction: {
-            label: state.confirmLabel,
-            onClick: handleAction("confirm"),
-            variation: variation === "destructive" ? "destructive" : "work",
-        }, secondaryAction: {
-            label: state.cancelLabel,
-            onClick: handleAction("cancel"),
-        } },
-        React__default.createElement(index$2$1.Content, null, state.message && React__default.createElement(index$6.Markdown, { content: state.message }))));
-    function handleAction(type) {
-        return function () {
-            dispatch({ type: type });
-            onRequestClose && onRequestClose();
-        };
-    }
-    function handleKeyboardShortcut(event) {
-        var metaKey = event.metaKey, ctrlKey = event.ctrlKey, key = event.key, target = event.target;
-        if (!open)
-            return;
-        var 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;
-            }
-        }
-    }
-});
 
-exports.ConfirmationModal = ConfirmationModal;
+exports.ConfirmationModal = ConfirmationModal.ConfirmationModal;

package/dist/ConfirmationModal-b7ef110f.js

@@ -0,0 +1,103 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-5b50eb8e.js');
+var React = require('react');
+var hooks = require('@jobber/hooks');
+var Modal = require('./Modal-aaaaf2df.js');
+var Content = require('./Content-18de5fbb.js');
+var Markdown = require('./Markdown-69986c49.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function confirmationModalReducer(state, action) {
+    switch (action.type) {
+        case "display":
+            return tslib_es6.__assign(tslib_es6.__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 tslib_es6.__assign(tslib_es6.__assign({}, state), { open: false });
+        case "cancel":
+            state.onCancel && state.onCancel();
+            return tslib_es6.__assign(tslib_es6.__assign({}, state), { open: false });
+        case "reset":
+            return tslib_es6.__assign(tslib_es6.__assign({}, state), action.state);
+        default:
+            throw new Error();
+    }
+}
+var ConfirmationModal = React.forwardRef(function ConfirmationModalInternal(_a, ref) {
+    var title = _a.title, message = _a.message, _b = _a.open, open = _b === void 0 ? false : _b, _c = _a.confirmLabel, confirmLabel = _c === void 0 ? "Confirm" : _c, _d = _a.cancelLabel, cancelLabel = _d === void 0 ? "Cancel" : _d, onConfirm = _a.onConfirm, onCancel = _a.onCancel, onRequestClose = _a.onRequestClose, _e = _a.variation, variation = _e === void 0 ? "work" : _e;
+    var _f = tslib_es6.__read(React.useReducer(confirmationModalReducer, {
+        title: title,
+        message: message,
+        open: false,
+        confirmLabel: confirmLabel,
+        cancelLabel: cancelLabel,
+        onConfirm: onConfirm,
+        onCancel: onCancel,
+    }), 2), state = _f[0], dispatch = _f[1];
+    // Expose a `show` method through this component's ref.
+    React.useImperativeHandle(ref, function () { return ({
+        show: function (_a) {
+            var newTitle = _a.title, newMessage = _a.message, newConfirmLabel = _a.confirmLabel, newCancelLabel = _a.cancelLabel, newOnConfirm = _a.onConfirm, newOnCancel = _a.onCancel;
+            dispatch({
+                type: "display",
+                title: newTitle,
+                message: newMessage,
+                confirmLabel: newConfirmLabel,
+                cancelLabel: newCancelLabel,
+                onConfirm: newOnConfirm,
+                onCancel: newOnCancel,
+            });
+        },
+    }); });
+    React.useEffect(function () {
+        dispatch({
+            type: "reset",
+            state: tslib_es6.__assign(tslib_es6.__assign({}, state), { title: title, message: message, confirmLabel: confirmLabel,
+                cancelLabel: cancelLabel,
+                onConfirm: onConfirm,
+                onCancel: onCancel }),
+        });
+    }, [title, message, confirmLabel, cancelLabel, onConfirm, onCancel]);
+    hooks.useOnKeyDown(handleKeyboardShortcut, ["Escape", "Enter"]);
+    return (React__default["default"].createElement(Modal.Modal, { title: state.title, open: open || state.open, size: "small", dismissible: false, primaryAction: {
+            label: state.confirmLabel,
+            onClick: handleAction("confirm"),
+            variation: variation === "destructive" ? "destructive" : "work",
+        }, secondaryAction: {
+            label: state.cancelLabel,
+            onClick: handleAction("cancel"),
+        } },
+        React__default["default"].createElement(Content.Content, null, state.message && React__default["default"].createElement(Markdown.Markdown, { content: state.message }))));
+    function handleAction(type) {
+        return function () {
+            dispatch({ type: type });
+            onRequestClose && onRequestClose();
+        };
+    }
+    function handleKeyboardShortcut(event) {
+        var metaKey = event.metaKey, ctrlKey = event.ctrlKey, key = event.key, target = event.target;
+        if (!open)
+            return;
+        var 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;
+            }
+        }
+    }
+});
+
+exports.ConfirmationModal = ConfirmationModal;

package/dist/Content/Content.d.ts

@@ -1,13 +1,13 @@
-import { ReactNode } from "react";
-import spacings from "./Spacing.css";
-interface ContentProps {
-    readonly children: ReactNode | ReactNode[];
-    /**
-     * The amount of vertical spacing between the children
-     *
-     * @default base
-     */
-    readonly spacing?: keyof typeof spacings;
-}
-export declare function Content({ children, spacing }: ContentProps): JSX.Element;
-export {};
+import { ReactNode } from "react";
+import spacings from "./Spacing.css";
+interface ContentProps {
+    readonly children: ReactNode | ReactNode[];
+    /**
+     * The amount of vertical spacing between the children
+     *
+     * @default base
+     */
+    readonly spacing?: keyof typeof spacings;
+}
+export declare function Content({ children, spacing }: ContentProps): JSX.Element;
+export {};

package/dist/Content/index.d.ts

@@ -1 +1 @@
-export { Content } from "./Content";
+export { Content } from "./Content";

package/dist/Content/index.js

@@ -2,25 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+var Content = require('../Content-18de5fbb.js');
+require('react');
+require('classnames');
+require('../style-inject.es-dcee06b6.js');
 
-var React = require('react');
-var React__default = _interopDefault(React);
-var __chunk_2 = require('../chunk-17e02351.js');
-var classnames = _interopDefault(require('classnames'));
 
-var css = "._3XB3f5356G3URhbYQmxO0U > :not(:last-child) {\n  margin-bottom: var(--space-base);\n}\n\n._3rRW5nzLQ-amnwpzAPjyCg > :not(:last-child) {\n  margin-bottom: var(--space-small);\n}\n\n._2phzyL8OjyxQ0GU2n05YKL > :not(:last-child) {\n  margin-bottom: var(--space-large);\n}\n";
-var spacings = {"base":"_3XB3f5356G3URhbYQmxO0U","small":"_3rRW5nzLQ-amnwpzAPjyCg","large":"_2phzyL8OjyxQ0GU2n05YKL"};
-__chunk_2.styleInject(css);
 
-var css$1 = "._1TB2WRsjEoAUFq0FMfwdQ3 {\n  padding: 0;\n  padding: 0;\n  padding: var(--public-content--padding, 0);\n}\n";
-var styles = {"padded":"_1TB2WRsjEoAUFq0FMfwdQ3"};
-__chunk_2.styleInject(css$1);
-
-function Content(_a) {
-    var children = _a.children, _b = _a.spacing, spacing = _b === void 0 ? "base" : _b;
-    var className = classnames(styles.padded, spacings[spacing]);
-    return React__default.createElement("div", { className: className }, children);
-}
-
-exports.Content = Content;
+exports.Content = Content.Content;

package/dist/Content-18de5fbb.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+var styleInject_es = require('./style-inject.es-dcee06b6.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+
+var css$1 = "._3XB3f5356G3URhbYQmxO0U > :not(:last-child) {\n  margin-bottom: var(--space-base);\n}\n\n._3rRW5nzLQ-amnwpzAPjyCg > :not(:last-child) {\n  margin-bottom: var(--space-small);\n}\n\n._2phzyL8OjyxQ0GU2n05YKL > :not(:last-child) {\n  margin-bottom: var(--space-large);\n}\n";
+var spacings = {"base":"_3XB3f5356G3URhbYQmxO0U","small":"_3rRW5nzLQ-amnwpzAPjyCg","large":"_2phzyL8OjyxQ0GU2n05YKL"};
+styleInject_es.styleInject(css$1);
+
+var css = "._1TB2WRsjEoAUFq0FMfwdQ3 {\n  padding: 0;\n  padding: 0;\n  padding: var(--public-content--padding, 0);\n}\n";
+var styles = {"padded":"_1TB2WRsjEoAUFq0FMfwdQ3"};
+styleInject_es.styleInject(css);
+
+function Content(_a) {
+    var children = _a.children, _b = _a.spacing, spacing = _b === void 0 ? "base" : _b;
+    var className = classnames__default["default"](styles.padded, spacings[spacing]);
+    return React__default["default"].createElement("div", { className: className }, children);
+}
+
+exports.Content = Content;

package/dist/Countdown/Countdown.d.ts

@@ -1,31 +1,31 @@
-import { CivilDate } from "@std-proposal/temporal";
-/**
- * Options for deciding how much information is shown to the user
- * days, hours, minutes, seconds
- */
-declare type GranularityOptions = "dhms" | "hms" | "ms" | "s" | "dhm" | "dh" | "d";
-interface CountdownProps {
-    /**
-     * The date that is being counted down to
-     * Civil Time of time is to be displayed.
-     * In the case of `date` a `string` should be in ISO 8601 format
-     */
-    readonly date: CivilDate | Date | number | string;
-    /**
-     * Whether or not to present the unit of time to the user, or just the raw numbers.
-     */
-    readonly showUnits?: boolean;
-    /**
-     * Defines the time format presented
-     * (e.g., dhms will show days, hours, minutes, and seconds)
-     *
-     * @default 'dhms'
-     */
-    readonly granularity?: GranularityOptions;
-    /**
-     * Callback when the countdown is done
-     */
-    onComplete?(): void;
-}
-export declare function Countdown({ date: inputDate, onComplete, showUnits, granularity, }: CountdownProps): JSX.Element;
-export {};
+import { CivilDate } from "@std-proposal/temporal";
+/**
+ * Options for deciding how much information is shown to the user
+ * days, hours, minutes, seconds
+ */
+declare type GranularityOptions = "dhms" | "hms" | "ms" | "s" | "dhm" | "dh" | "d";
+interface CountdownProps {
+    /**
+     * The date that is being counted down to
+     * Civil Time of time is to be displayed.
+     * In the case of `date` a `string` should be in ISO 8601 format
+     */
+    readonly date: CivilDate | Date | number | string;
+    /**
+     * Whether or not to present the unit of time to the user, or just the raw numbers.
+     */
+    readonly showUnits?: boolean;
+    /**
+     * Defines the time format presented
+     * (e.g., dhms will show days, hours, minutes, and seconds)
+     *
+     * @default 'dhms'
+     */
+    readonly granularity?: GranularityOptions;
+    /**
+     * Callback when the countdown is done
+     */
+    onComplete?(): void;
+}
+export declare function Countdown({ date: inputDate, onComplete, showUnits, granularity, }: CountdownProps): JSX.Element;
+export {};

package/dist/Countdown/computeTimeUnit.d.ts

@@ -1,3 +1,3 @@
-declare type TimeUnitOptions = "day" | "hour" | "minute" | "second";
-export declare function computeTimeUnit(remainder: string, unit: TimeUnitOptions): string;
-export {};
+declare type TimeUnitOptions = "day" | "hour" | "minute" | "second";
+export declare function computeTimeUnit(remainder: string, unit: TimeUnitOptions): string;
+export {};

package/dist/Countdown/index.d.ts

@@ -1 +1 @@
-export { Countdown } from "./Countdown";
+export { Countdown } from "./Countdown";