@jobber/components 3.5.10 → 4.0.1-pre.4

package/dist/ConfirmationModal/ConfirmationModal.d.ts

@@ -74,5 +74,5 @@ interface StringMessage extends BaseConfirmationModalProps {
     message: string;
     children?: never;
 }
-export declare const ConfirmationModal: React.ForwardRefExoticComponent<(SimpleConfirmationModalProps & ChildrenMessage & React.RefAttributes<ConfirmationModalRef>) | (SimpleConfirmationModalProps & StringMessage & React.RefAttributes<ConfirmationModalRef>) | (Pick<ComplexConfirmationModalProps & ChildrenMessage, "children" | "size" | "title" | "variation" | "message" | "open" | "onRequestClose" | "onCancel" | "confirmLabel" | "cancelLabel" | "onConfirm"> & React.RefAttributes<ConfirmationModalRef>) | (Pick<ComplexConfirmationModalProps & StringMessage, "children" | "size" | "title" | "variation" | "message" | "open" | "onRequestClose" | "onCancel" | "confirmLabel" | "cancelLabel" | "onConfirm"> & React.RefAttributes<ConfirmationModalRef>)>;
+export declare const ConfirmationModal: React.ForwardRefExoticComponent<((SimpleConfirmationModalProps & (ChildrenMessage | StringMessage)) | Omit<ComplexConfirmationModalProps & ChildrenMessage, "ref"> | Omit<ComplexConfirmationModalProps & StringMessage, "ref">) & React.RefAttributes<ConfirmationModalRef>>;
 export {};

package/dist/ConfirmationModal/index.js

@@ -2,27 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ConfirmationModal = require('../ConfirmationModal-e95f46d7.js');
-require('../tslib.es6-5b50eb8e.js');
+var ConfirmationModal = require('../ConfirmationModal-6a7beee2.js');
 require('react');
 require('@jobber/hooks');
-require('../Modal-cc3bd7bf.js');
+require('../Modal-757e83fd.js');
 require('react-dom');
 require('classnames');
 require('framer-motion');
 require('../style-inject.es-dcee06b6.js');
-require('../Heading-a9a66964.js');
-require('../Typography-fbe0ed6e.js');
-require('../Button-cd30df0f.js');
+require('../Heading-7b203f7f.js');
+require('../Typography-9262511f.js');
+require('../Button-16e043ec.js');
 require('react-router-dom');
-require('../Icon-d5ad1a6d.js');
+require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../ButtonDismiss-a9590195.js');
-require('../Content-18de5fbb.js');
-require('../Markdown-b53e0308.js');
+require('../ButtonDismiss-3fb1eaf9.js');
+require('../Content-05df8f7f.js');
+require('../Markdown-be2dcd0c.js');
 require('react-markdown');
-require('../Text-e012fb46.js');
-require('../Emphasis-75a3f411.js');
+require('../Text-7ce00adb.js');
+require('../Emphasis-23dc2a0a.js');
 
 
 

package/dist/{ConfirmationModal-e95f46d7.js → ConfirmationModal-6a7beee2.js}

@@ -1,11 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-5b50eb8e.js');
 var React = require('react');
 var jobberHooks = require('@jobber/hooks');
-var Modal = require('./Modal-cc3bd7bf.js');
-var Content = require('./Content-18de5fbb.js');
-var Markdown = require('./Markdown-b53e0308.js');
+var Modal = require('./Modal-757e83fd.js');
+var Content = require('./Content-05df8f7f.js');
+var Markdown = require('./Markdown-be2dcd0c.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -14,34 +13,32 @@ 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 });
+            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 tslib_es6.__assign(tslib_es6.__assign({}, state), { open: false });
+            return Object.assign(Object.assign({}, state), { open: false });
         case "cancel":
             state.onCancel && state.onCancel();
-            return tslib_es6.__assign(tslib_es6.__assign({}, state), { open: false });
+            return Object.assign(Object.assign({}, state), { open: false });
         case "reset":
-            return tslib_es6.__assign(tslib_es6.__assign({}, state), action.state);
+            return Object.assign(Object.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, size = _a.size, children = _a.children;
-    var _f = tslib_es6.__read(React.useReducer(confirmationModalReducer, {
-        title: title,
-        message: message,
+const ConfirmationModal = React.forwardRef(function ConfirmationModalInternal({ title, message, open = false, confirmLabel = "Confirm", cancelLabel = "Cancel", onConfirm, onCancel, onRequestClose, variation = "work", size, children, }, ref) {
+    const [state, dispatch] = React.useReducer(confirmationModalReducer, {
+        title,
+        message,
         open: false,
-        confirmLabel: confirmLabel,
-        cancelLabel: cancelLabel,
-        onConfirm: onConfirm,
-        onCancel: onCancel,
-    }), 2), state = _f[0], dispatch = _f[1];
+        confirmLabel,
+        cancelLabel,
+        onConfirm,
+        onCancel,
+    });
     // 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;
+    React.useImperativeHandle(ref, () => ({
+        show: ({ title: newTitle, message: newMessage, confirmLabel: newConfirmLabel, cancelLabel: newCancelLabel, onConfirm: newOnConfirm, onCancel: newOnCancel, }) => {
             dispatch({
                 type: "display",
                 title: newTitle,
@@ -52,14 +49,14 @@ var ConfirmationModal = React.forwardRef(function ConfirmationModalInternal(_a,
                 onCancel: newOnCancel,
             });
         },
-    }); });
-    React.useEffect(function () {
+    }));
+    React.useEffect(() => {
         dispatch({
             type: "reset",
-            state: tslib_es6.__assign(tslib_es6.__assign({}, state), { title: title, message: message, confirmLabel: confirmLabel,
-                cancelLabel: cancelLabel,
-                onConfirm: onConfirm,
-                onCancel: onCancel }),
+            state: Object.assign(Object.assign({}, state), { title, message: message, confirmLabel,
+                cancelLabel,
+                onConfirm,
+                onCancel }),
         });
     }, [title, message, confirmLabel, cancelLabel, onConfirm, onCancel]);
     jobberHooks.useOnKeyDown(handleKeyboardShortcut, ["Escape", "Enter"]);
@@ -73,16 +70,16 @@ var ConfirmationModal = React.forwardRef(function ConfirmationModalInternal(_a,
         } }, state.message ? (React__default["default"].createElement(Content.Content, null,
         React__default["default"].createElement(Markdown.Markdown, { content: state.message }))) : (children)));
     function handleAction(type) {
-        return function () {
-            dispatch({ type: type });
+        return () => {
+            dispatch({ type });
             onRequestClose && onRequestClose();
         };
     }
     function handleKeyboardShortcut(event) {
-        var metaKey = event.metaKey, ctrlKey = event.ctrlKey, key = event.key, target = event.target;
+        const { metaKey, ctrlKey, key, target } = event;
         if (!open)
             return;
-        var shouldTriggerShortcut = target instanceof HTMLButtonElement ? metaKey || ctrlKey : true;
+        const shouldTriggerShortcut = target instanceof HTMLButtonElement ? metaKey || ctrlKey : true;
         if (!shouldTriggerShortcut)
             return;
         event.preventDefault();

package/dist/Content/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Content = require('../Content-18de5fbb.js');
+var Content = require('../Content-05df8f7f.js');
 require('react');
 require('classnames');
 require('../style-inject.es-dcee06b6.js');

package/dist/{Content-18de5fbb.js → Content-05df8f7f.js}

@@ -17,9 +17,8 @@ var css = "._1TB2WRsjEoAUFq0FMfwdQ3 {\n  padding: 0;\n  padding: 0;\n  padding:
 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]);
+function Content({ children, spacing = "base" }) {
+    const className = classnames__default["default"](styles.padded, spacings[spacing]);
     return React__default["default"].createElement("div", { className: className }, children);
 }
 

package/dist/Countdown/Countdown.d.ts

@@ -4,7 +4,7 @@ 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";
+type GranularityOptions = "dhms" | "hms" | "ms" | "s" | "dhm" | "dh" | "d";
 interface CountdownProps {
     /**
      * The date that is being counted down to

package/dist/Countdown/computeTimeUnit.d.ts

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

package/dist/Countdown/index.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var React = require('react');
 var temporal = require('@std-proposal/temporal');
 var ReactCountdown = require('react-countdown');
@@ -13,13 +12,12 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var ReactCountdown__default = /*#__PURE__*/_interopDefaultLegacy(ReactCountdown);
 
 function computeTimeUnit(remainder, unit) {
-    return parseInt(remainder, 10) !== 1 ? unit + "s" : unit;
+    return parseInt(remainder, 10) !== 1 ? `${unit}s` : unit;
 }
 
-function Countdown(_a) {
-    var inputDate = _a.date, onComplete = _a.onComplete, showUnits = _a.showUnits, _b = _a.granularity, granularity = _b === void 0 ? "dhms" : _b;
-    var date = React.useMemo(function () {
-        var initDate;
+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);
         }
@@ -28,17 +26,16 @@ function Countdown(_a) {
         }
         return initDate;
     }, [inputDate]);
-    return (React__default["default"].createElement(ReactCountdown__default["default"], { date: date, zeroPadTime: 2, renderer: function (props) { return (React__default["default"].createElement(RenderedCountdown, tslib_es6.__assign({}, props, { granularity: granularity, showUnits: showUnits }))); }, onComplete: onComplete }));
+    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(_a) {
-    var formatted = _a.formatted, _b = _a.granularity, granularity = _b === void 0 ? "dhms" : _b, showUnits = _a.showUnits;
-    var days = formatted.days, hours = formatted.hours, minutes = formatted.minutes, seconds = formatted.seconds;
+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() {
-        var totalHours = 24 * Number(days) + Number(hours);
-        var totalMinutes = 60 * totalHours + Number(minutes);
-        var totalSeconds = 60 * totalMinutes + Number(seconds);
-        var times = {
+        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,
@@ -60,13 +57,13 @@ function RenderedCountdown(_a) {
     }
 }
 function timeFormatter(times, granularity, showUnits) {
-    var substr = "";
-    granularity.split("").forEach(function (unit, i) {
+    let substr = "";
+    granularity.split("").forEach((unit, i) => {
         if (i == 0) {
-            substr += "" + times[unit].total + (showUnits ? " " + times[unit].unit : "");
+            substr += `${times[unit].total}${showUnits ? ` ${times[unit].unit}` : ""}`;
         }
         else {
-            substr += " : " + times[unit].remainder + (showUnits ? " " + times[unit].unit : "");
+            substr += ` : ${times[unit].remainder}${showUnits ? ` ${times[unit].unit}` : ""}`;
         }
     });
     return substr;

package/dist/DataDump/index.js

@@ -3,19 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var Card = require('../Card-b9f8d6f3.js');
-var Content = require('../Content-18de5fbb.js');
-var Emphasis = require('../Emphasis-75a3f411.js');
-require('../tslib.es6-5b50eb8e.js');
+var Card = require('../Card-edab9c3c.js');
+var Content = require('../Content-05df8f7f.js');
+var Emphasis = require('../Emphasis-23dc2a0a.js');
 require('classnames');
 require('../style-inject.es-dcee06b6.js');
-require('../Heading-a9a66964.js');
-require('../Typography-fbe0ed6e.js');
-require('../Button-cd30df0f.js');
+require('../Heading-7b203f7f.js');
+require('../Typography-9262511f.js');
+require('../Button-16e043ec.js');
 require('react-router-dom');
-require('../Icon-d5ad1a6d.js');
+require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Menu-826cfb89.js');
+require('../Menu-d6a7d17b.js');
 require('uuid');
 require('framer-motion');
 require('@jobber/hooks');
@@ -24,8 +23,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function DataDump(_a) {
-    var _b = _a.label, label = _b === void 0 ? "Raw Data" : _b, _c = _a.defaultOpen, defaultOpen = _c === void 0 ? false : _c, data = _a.data;
+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 },

package/dist/DataTable/Footer.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Table } from "@tanstack/react-table";
-export declare type ViewType = "desktop" | "handheld";
+export type ViewType = "desktop" | "handheld";
 export interface FooterProps<T> {
     table: Table<T>;
     viewType?: ViewType;

package/dist/DataTable/createTableSettings.d.ts

@@ -1,6 +1,6 @@
-import { ColumnDef } from "@tanstack/react-table";
+import { ColumnDef, TableOptions } from "@tanstack/react-table";
 import { PaginationType, SortingType } from "./types";
 export declare function createTableSettings<T>(data: T[], columns: ColumnDef<T>[], options?: {
     pagination?: PaginationType;
     sorting?: SortingType;
-}): any;
+}): TableOptions<T>;