@jobber/components 4.85.4-CJS-to-ESM.1 → 4.85.4

package/dist/Content/Spacing.css.d.ts

@@ -0,0 +1,13 @@
+declare const styles: {
+  readonly "minuscule": string;
+  readonly "smallest": string;
+  readonly "smaller": string;
+  readonly "small": string;
+  readonly "base": string;
+  readonly "large": string;
+  readonly "larger": string;
+  readonly "largest": string;
+  readonly "extravagant": string;
+};
+export = styles;
+

package/dist/Content/index.js

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

package/dist/Content-e3f7b6fc.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: calc(16px / 16);\n  margin-bottom: var(--space-minuscule);\n}\n\n.H1BK-YSBQBQ- > :not(:last-child) {\n  margin-bottom: calc(16px / 8);\n  margin-bottom: var(--space-smallest);\n}\n\n.xUe31mY0kro- > :not(:last-child) {\n  margin-bottom: calc(16px / 4);\n  margin-bottom: var(--space-smaller);\n}\n\n.rDJFaGPzCbE- > :not(:last-child) {\n  margin-bottom: calc(16px / 2);\n  margin-bottom: var(--space-small);\n}\n\n.SRYe3DkjH1c- > :not(:last-child) {\n  margin-bottom: calc(16px * 1);\n  margin-bottom: var(--space-base);\n}\n\n._7TZ4MI3kr4Y- > :not(:last-child) {\n  margin-bottom: calc(16px * 1.5);\n  margin-bottom: var(--space-large);\n}\n\n.jvPl3aAN9PA- > :not(:last-child) {\n  margin-bottom: calc(16px * 2);\n  margin-bottom: var(--space-larger);\n}\n\n.fFTgb4ra1X0- > :not(:last-child) {\n  margin-bottom: calc(16px * 3);\n  margin-bottom: var(--space-largest);\n}\n\n.kKnfL37LO6A- > :not(:last-child) {\n  margin-bottom: calc(16px * 4);\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/Countdown/index.js

@@ -0,0 +1,72 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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/DataDump/index.js

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var Card = require('../Card-e3144022.js');
+var Content = require('../Content-e3f7b6fc.js');
+var Emphasis = require('../Emphasis-bda56d3b.js');
+require('classnames');
+require('../style-inject.es-9d2f5f4e.js');
+require('../Heading-1e8e4bd3.js');
+require('../Typography-c45bf216.js');
+require('../getAtlantisConfig-0f3e8af2.js');
+require('../Button-b73a5e01.js');
+require('react-router-dom');
+require('../Icon-405a216c.js');
+require('@jobber/design');
+require('../Menu-083fc4c4.js');
+require('framer-motion');
+require('@jobber/hooks/useOnKeyDown');
+require('@jobber/hooks/useRefocusOnActivator');
+require('@jobber/hooks/useSafeLayoutEffect');
+
+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;