@jobber/components 2.86.0 → 2.86.2

package/dist/FormatFile-5391d4cf.js

@@ -0,0 +1,112 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+var getHumanReadableFileSize = require('filesize');
+var styleInject_es = require('./style-inject.es-dcee06b6.js');
+var tslib_es6 = require('./tslib.es6-5b50eb8e.js');
+var Button = require('./Button-5b2f1636.js');
+var ConfirmationModal = require('./ConfirmationModal-b7ef110f.js');
+var Icon = require('./Icon-d5ad1a6d.js');
+var Typography = require('./Typography-7e542a72.js');
+var Text = require('./Text-9bc093e9.js');
+var ProgressBar = require('./ProgressBar-e9a49129.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 getHumanReadableFileSize__default = /*#__PURE__*/_interopDefaultLegacy(getHumanReadableFileSize);
+
+var css$1 = ":root {\n  --file-card--height: calc(var(--space-base) * 3.5);\n  --file-card--background-color: var(--color-white);\n  --file-card--header-background-color: var(--color-greyBlue--lighter);\n  --file-card--content-background-color: var(--color-white);\n  --file-card--border-color: var(--color-border);\n  --file-card--accent-color: var(--color-grey);\n  --file-card--base-padding: var(--space-small);\n}\n\n._9dGq9pkZYNxwlhRwaVaWH {\n  display: grid;\n  grid-template-columns: auto -webkit-max-content;\n  grid-template-columns: auto max-content;\n  grid-gap: var(--space-small);\n  grid-gap: var(--space-small);\n  gap: var(--space-small);\n  grid-gap: var(--space-small);\n  grid-gap: var(--file-card--base-padding);\n  grid-gap: var(--space-small);\n  gap: var(--space-small);\n  grid-gap: var(--file-card--base-padding);\n  gap: var(--file-card--base-padding);\n  -ms-flex-align: center;\n      align-items: center;\n  padding-right: var(--space-small);\n  border: var(--border-base) solid var(--color-border);\n  border: var(--border-base) solid var(--color-border);\n  border: var(--border-base) solid var(--file-card--border-color);\n  border-radius: var(--radius-base);\n  background-color: var(--color-white);\n  background-color: var(--color-white);\n  background-color: var(--file-card--background-color);\n}\n\n._24PiUzD_Hoe3p6hD_OxjbH,\n._9dGq9pkZYNxwlhRwaVaWH {\n  position: relative;\n}\n\n._26euKXXdGUFmchTL7YqSO7 {\n  display: grid;\n  grid-template-columns: -webkit-max-content auto;\n  grid-template-columns: max-content auto;\n  grid-gap: var(--space-small);\n  grid-gap: var(--space-small);\n  gap: var(--space-small);\n  grid-gap: var(--space-small);\n  grid-gap: var(--file-card--base-padding);\n  grid-gap: var(--space-small);\n  gap: var(--space-small);\n  grid-gap: var(--file-card--base-padding);\n  gap: var(--file-card--base-padding);\n  -ms-flex-align: center;\n      align-items: center;\n  padding: 0;\n  border: none;\n  text-align: left;\n  background-color: var(--color-transparent);\n}\n\n._2OuJNJWNnBmTTzGAUfSaM7 {\n  width: 168px;\n  height: 168px;\n}\n\n._2GSQaEqbKQHd7Tf2XqJ5i1 {\n  width: 56px;\n  height: 56px;\n}\n\n._1JreUit2_KSn_-iQ3vBhUn {\n  display: -ms-flexbox;\n  display: flex;\n  position: relative;\n  box-sizing: border-box;\n  padding: 0;\n  overflow: hidden;\n  background-color: var(--color-surface--background);\n  -ms-flex-negative: 0;\n      flex-shrink: 0;\n  -ms-flex-align: center;\n      align-items: center;\n  -ms-flex-pack: center;\n      justify-content: center;\n}\n\n._9dGq9pkZYNxwlhRwaVaWH ._26euKXXdGUFmchTL7YqSO7 {\n  outline: none;\n}\n\n._24PiUzD_Hoe3p6hD_OxjbH ._26euKXXdGUFmchTL7YqSO7:focus {\n  box-shadow: var(--shadow-focus);\n  outline: none;\n}\n\n._24PiUzD_Hoe3p6hD_OxjbH ._1JreUit2_KSn_-iQ3vBhUn {\n  border: var(--border-base) solid var(--color-border);\n  border-radius: var(--radius-base);\n}\n\n._9dGq9pkZYNxwlhRwaVaWH ._26euKXXdGUFmchTL7YqSO7:focus::after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  box-shadow: var(--shadow-focus);\n}\n\n._9dGq9pkZYNxwlhRwaVaWH ._1JreUit2_KSn_-iQ3vBhUn {\n  border-right: none;\n  border-bottom-left-radius: var(--radius-base);\n  border-top-left-radius: var(--radius-base);\n}\n\n._3_8YVeas_gdmexLUKZ3mpR {\n  cursor: pointer;\n}\n\n._15spVvfm0lqLuhAwuIuWrm ._1JreUit2_KSn_-iQ3vBhUn::after,\n._3Sb6hKDYDXwDcc69ByIdyl {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: var(--color-overlay);\n  opacity: 0;\n  transition: all var(--timing-base);\n}\n\n._15spVvfm0lqLuhAwuIuWrm:hover ._1JreUit2_KSn_-iQ3vBhUn::after,\n._15spVvfm0lqLuhAwuIuWrm:focus ._1JreUit2_KSn_-iQ3vBhUn::after,\n._3Sb6hKDYDXwDcc69ByIdyl {\n  opacity: 1;\n}\n\n._3Sb6hKDYDXwDcc69ByIdyl {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n      align-items: center;\n  padding: var(--space-small);\n  padding: var(--space-small);\n  padding: var(--file-card--base-padding);\n}\n\n._2My-AZfFXfluwQURTvc6Z9 {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n      flex-direction: column;\n  min-width: 0;\n}\n\n._2My-AZfFXfluwQURTvc6Z9 p {\n  margin: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n._24PiUzD_Hoe3p6hD_OxjbH ._2pUMiqf0oiCus7WkVuTt57 {\n  position: absolute;\n  top: var(--space-smaller);\n  right: var(--space-smaller);\n}\n\n._2g5hRVudATuiROg0LStgTs ~ ._2pUMiqf0oiCus7WkVuTt57 {\n  visibility: hidden;\n}\n\n._2pUMiqf0oiCus7WkVuTt57[focus-within],\n._2pUMiqf0oiCus7WkVuTt57:hover,\n._2g5hRVudATuiROg0LStgTs:hover ~ ._2pUMiqf0oiCus7WkVuTt57,\n._2g5hRVudATuiROg0LStgTs:focus ~ ._2pUMiqf0oiCus7WkVuTt57 {\n  visibility: visible;\n}\n\n._2pUMiqf0oiCus7WkVuTt57[focus-within],\n._2pUMiqf0oiCus7WkVuTt57:hover,\n._2g5hRVudATuiROg0LStgTs:hover ~ ._2pUMiqf0oiCus7WkVuTt57,\n._2g5hRVudATuiROg0LStgTs:focus ~ ._2pUMiqf0oiCus7WkVuTt57 {\n  visibility: visible;\n}\n\n._2pUMiqf0oiCus7WkVuTt57:focus-within,\n._2pUMiqf0oiCus7WkVuTt57:hover,\n._2g5hRVudATuiROg0LStgTs:hover ~ ._2pUMiqf0oiCus7WkVuTt57,\n._2g5hRVudATuiROg0LStgTs:focus ~ ._2pUMiqf0oiCus7WkVuTt57 {\n  visibility: visible;\n}\n";
+var styles$1 = {"expanded":"_9dGq9pkZYNxwlhRwaVaWH","compact":"_24PiUzD_Hoe3p6hD_OxjbH","wrapper":"_26euKXXdGUFmchTL7YqSO7","large":"_2OuJNJWNnBmTTzGAUfSaM7","base":"_2GSQaEqbKQHd7Tf2XqJ5i1","thumbnail":"_1JreUit2_KSn_-iQ3vBhUn","clickable":"_3_8YVeas_gdmexLUKZ3mpR","hoverable":"_15spVvfm0lqLuhAwuIuWrm","progress":"_3Sb6hKDYDXwDcc69ByIdyl","contentBlock":"_2My-AZfFXfluwQURTvc6Z9","deleteButton":"_2pUMiqf0oiCus7WkVuTt57","deleteable":"_2g5hRVudATuiROg0LStgTs"};
+styleInject_es.styleInject(css$1);
+
+function FormatFileDeleteButton(_a) {
+    var size = _a.size, onDelete = _a.onDelete;
+    var buttonSize = size === "base" ? "small" : "base";
+    var _b = tslib_es6.__read(React.useState(false), 2), deleteConfirmationOpen = _b[0], setDeleteConfirmationOpen = _b[1];
+    return (React__default["default"].createElement(React__default["default"].Fragment, null,
+        React__default["default"].createElement(Button.Button, { onClick: function () { return setDeleteConfirmationOpen(true); }, variation: "destructive", type: "tertiary", icon: "trash", ariaLabel: "Delete File", size: buttonSize }),
+        React__default["default"].createElement(ConfirmationModal.ConfirmationModal, { title: "Confirm Deletion", message: "Are you sure you want to delete this file?", confirmLabel: "Delete", variation: "destructive", open: deleteConfirmationOpen, onConfirm: function () { return onDelete === null || onDelete === void 0 ? void 0 : onDelete(); }, onRequestClose: function () { return setDeleteConfirmationOpen(false); } })));
+}
+
+var css = "._15Z4SPrC7I2WxqMysdwQxX {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\n.VMZPGfgfpCH2eH5Mv9zgO {\n  display: none;\n}\n\n.Z-gb7-3W6CcFd5uSiosLe {\n  display: -ms-flexbox;\n  display: flex;\n  width: inherit;\n  height: inherit;\n  -ms-flex-align: center;\n      align-items: center;\n  -ms-flex-pack: center;\n      justify-content: center;\n}\n\n.Z-gb7-3W6CcFd5uSiosLe::after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  border: var(--border-base);\n  border-radius: var(--radius-base);\n  background: linear-gradient(\n    270deg,\n    rgb(244, 244, 244) 38.46%,\n    rgba(244, 244, 244, 0) 100%\n  );\n}\n\n.Z-gb7-3W6CcFd5uSiosLe._3NVQrEqP9hGjbdbpOXGHQd::after {\n  width: var(--space-base);\n  height: var(--space-base);\n}\n\n.Z-gb7-3W6CcFd5uSiosLe._2AI9R5gNW3y8vFV4ev1tge::after {\n  width: var(--space-large);\n  height: var(--space-large);\n}\n\n._3VjXRD4ob2Fdq9YxmNRy2S {\n  position: absolute;\n}\n\n._3NVQrEqP9hGjbdbpOXGHQd ._3VjXRD4ob2Fdq9YxmNRy2S {\n  bottom: var(--space-smaller);\n  left: var(--space-smaller);\n  font-size: calc(var(--base-unit) * 0.625);\n}\n\n._2AI9R5gNW3y8vFV4ev1tge ._3VjXRD4ob2Fdq9YxmNRy2S {\n  bottom: var(--space-small);\n  left: var(--space-small);\n  font-size: var(--typography--fontSize-small);\n}\n";
+var styles = {"image":"_15Z4SPrC7I2WxqMysdwQxX","loading":"VMZPGfgfpCH2eH5Mv9zgO","content":"Z-gb7-3W6CcFd5uSiosLe","base":"_3NVQrEqP9hGjbdbpOXGHQd","large":"_2AI9R5gNW3y8vFV4ev1tge","fileName":"_3VjXRD4ob2Fdq9YxmNRy2S"};
+styleInject_es.styleInject(css);
+
+function InternalThumbnail(_a) {
+    var _b;
+    var name = _a.name, _c = _a.hideName, hideName = _c === void 0 ? false : _c, size = _a.size, file = _a.file;
+    var _d = tslib_es6.__read(React.useState(), 2), imageSource = _d[0], setImageSource = _d[1];
+    var _e = tslib_es6.__read(React.useState(false), 2), imageLoaded = _e[0], setImageLoaded = _e[1];
+    var iconName = getIconNameFromType(file.type);
+    if (!imageSource && file.type.startsWith("image/")) {
+        file.src().then(function (src) { return setImageSource(src); });
+    }
+    var image = (React__default["default"].createElement("img", { src: imageSource, onLoad: function () {
+            setImageLoaded(true);
+        }, className: classnames__default["default"](styles.image, (_b = {}, _b[styles.loading] = !imageLoaded, _b)), alt: name, "data-testid": "internalThumbnailImage" }));
+    if (imageLoaded) {
+        return image;
+    }
+    return (React__default["default"].createElement("div", { className: classnames__default["default"](styles.content, styles[size]) },
+        imageSource && image,
+        React__default["default"].createElement(Icon.Icon, { name: iconName, color: "greyBlue" }),
+        React__default["default"].createElement("div", { className: classnames__default["default"](styles.fileName) }, hideName && (React__default["default"].createElement(Typography.Typography, { element: "span", textColor: "text" }, name)))));
+}
+function getIconNameFromType(mimeType) {
+    if (mimeType.startsWith("image/"))
+        return "camera";
+    if (mimeType.startsWith("video/"))
+        return "video";
+    switch (mimeType) {
+        case "application/pdf":
+            return "pdf";
+        case "application/vnd.ms-excel":
+            return "excel";
+        default:
+            return "file";
+    }
+}
+
+function FormatFile(_a) {
+    var _b, _c;
+    var file = _a.file, _d = _a.display, display = _d === void 0 ? "expanded" : _d, _e = _a.displaySize, displaySize = _e === void 0 ? "base" : _e, onDelete = _a.onDelete, onClick = _a.onClick;
+    var isComplete = file.progress >= 1;
+    var fileSize = getHumanReadableFileSize__default["default"](file.size);
+    var wrapperClassNames = classnames__default["default"](styles$1[display], (_b = {},
+        _b[styles$1[displaySize]] = display === "compact",
+        _b));
+    var DetailsContainer = isComplete && onClick ? "button" : "div";
+    var detailsClassNames = classnames__default["default"](styles$1.wrapper, (_c = {},
+        _c[styles$1[displaySize]] = display === "compact",
+        _c[styles$1.hoverable] = isHoverable({ display: display, isComplete: isComplete, onClick: onClick, onDelete: onDelete }),
+        _c[styles$1.clickable] = onClick,
+        _c[styles$1.deleteable] = display === "compact",
+        _c));
+    var thumbnailContainerClassNames = classnames__default["default"](styles$1.thumbnail, styles$1[displaySize]);
+    return (React__default["default"].createElement("div", { className: wrapperClassNames },
+        React__default["default"].createElement(DetailsContainer, { type: "button", className: detailsClassNames, onClick: isComplete ? onClick : undefined, tabIndex: 0, "aria-busy": !isComplete },
+            React__default["default"].createElement("div", { className: thumbnailContainerClassNames },
+                React__default["default"].createElement(InternalThumbnail, { name: file.name, hideName: display === "compact", file: file, size: displaySize }),
+                !isComplete && (React__default["default"].createElement("div", { className: styles$1.progress },
+                    React__default["default"].createElement(ProgressBar.ProgressBar, { size: "small", currentStep: file.progress * 100, totalSteps: 100 })))),
+            display === "expanded" && (React__default["default"].createElement("div", { className: styles$1.contentBlock },
+                React__default["default"].createElement(Text.Text, { size: "large" }, file.name),
+                React__default["default"].createElement(Text.Text, { size: "small" }, fileSize)))),
+        isComplete && onDelete && (React__default["default"].createElement("div", { className: styles$1.deleteButton },
+            React__default["default"].createElement(FormatFileDeleteButton, { size: display === "expanded" ? "large" : displaySize, onDelete: onDelete })))));
+}
+function isHoverable(_a) {
+    var display = _a.display, isComplete = _a.isComplete, onClick = _a.onClick, onDelete = _a.onDelete;
+    if (display === "compact") {
+        return Boolean(isComplete && (onClick || onDelete));
+    }
+    else if (display === "expanded") {
+        return Boolean(isComplete && onClick);
+    }
+    return false;
+}
+
+exports.FormatFile = FormatFile;

package/dist/FormatRelativeDateTime/FormatRelativeDateTime.d.ts

@@ -1,11 +1,11 @@
-import { CivilDateTime } from "@std-proposal/temporal";
-interface FormatRelativeDateTimeProps {
-    /**
-     * Date to be displayed.
-     *
-     * A `string` should be an ISO 8601 format date string.
-     */
-    readonly date: CivilDateTime | Date | string;
-}
-export declare function FormatRelativeDateTime({ date: inputDate, }: FormatRelativeDateTimeProps): JSX.Element;
-export {};
+import { CivilDateTime } from "@std-proposal/temporal";
+interface FormatRelativeDateTimeProps {
+    /**
+     * Date to be displayed.
+     *
+     * A `string` should be an ISO 8601 format date string.
+     */
+    readonly date: CivilDateTime | Date | string;
+}
+export declare function FormatRelativeDateTime({ date: inputDate, }: FormatRelativeDateTimeProps): JSX.Element;
+export {};

package/dist/FormatRelativeDateTime/index.d.ts

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

package/dist/FormatRelativeDateTime/index.js

@@ -2,71 +2,72 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 var React = require('react');
-var React__default = _interopDefault(React);
 
-function FormatRelativeDateTime(_a) {
-    var inputDate = _a.date;
-    var dateObject;
-    if (inputDate instanceof Date) {
-        dateObject = inputDate;
-    }
-    else if (typeof inputDate === "string") {
-        dateObject = new Date(inputDate);
-    }
-    else {
-        dateObject = new Date(inputDate.toJSON());
-    }
-    var now = Date.now() / 1000; //seconds
-    var date = dateObject;
-    var delta = now - date.getTime() / 1000; //seconds;
-    switch (relativeTimeRange(delta)) {
-        case "less than an hour":
-            return React__default.createElement(React__default.Fragment, null, showMinutes(Math.round(delta / 60)));
-        case "less then a day":
-            return (React__default.createElement(React__default.Fragment, null, date.toLocaleTimeString(undefined, {
-                hour: "numeric",
-                minute: "numeric",
-            })));
-        case "less than a week":
-            return React__default.createElement(React__default.Fragment, null, strFormatDate(date, { weekday: "short" }));
-        case "less than a year":
-            return React__default.createElement(React__default.Fragment, null, strFormatDate(date, { month: "short", day: "numeric" }));
-        default:
-            return (React__default.createElement(React__default.Fragment, null, strFormatDate(date, {
-                month: "short",
-                day: "numeric",
-                year: "numeric",
-            })));
-    }
-}
-function relativeTimeRange(delta) {
-    delta = delta / 60;
-    if (delta < 60)
-        return "less than an hour";
-    delta = delta / 60;
-    if (delta < 24)
-        return "less then a day";
-    delta = delta / 24;
-    if (delta < 7)
-        return "less than a week";
-    delta = delta / 365;
-    if (delta < 1)
-        return "less than a year";
-    return "a year or more";
-}
-function strFormatDate(date, options) {
-    return date.toLocaleDateString(undefined, options);
-}
-function showMinutes(minutes) {
-    if (minutes <= 1) {
-        return "1 minute ago";
-    }
-    else {
-        return minutes + " minutes ago";
-    }
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function FormatRelativeDateTime(_a) {
+    var inputDate = _a.date;
+    var dateObject;
+    if (inputDate instanceof Date) {
+        dateObject = inputDate;
+    }
+    else if (typeof inputDate === "string") {
+        dateObject = new Date(inputDate);
+    }
+    else {
+        dateObject = new Date(inputDate.toJSON());
+    }
+    var now = Date.now() / 1000; //seconds
+    var date = dateObject;
+    var delta = now - date.getTime() / 1000; //seconds;
+    switch (relativeTimeRange(delta)) {
+        case "less than an hour":
+            return React__default["default"].createElement(React__default["default"].Fragment, null, showMinutes(Math.round(delta / 60)));
+        case "less then a day":
+            return (React__default["default"].createElement(React__default["default"].Fragment, null, date.toLocaleTimeString(undefined, {
+                hour: "numeric",
+                minute: "numeric",
+            })));
+        case "less than a week":
+            return React__default["default"].createElement(React__default["default"].Fragment, null, strFormatDate(date, { weekday: "short" }));
+        case "less than a year":
+            return React__default["default"].createElement(React__default["default"].Fragment, null, strFormatDate(date, { month: "short", day: "numeric" }));
+        default:
+            return (React__default["default"].createElement(React__default["default"].Fragment, null, strFormatDate(date, {
+                month: "short",
+                day: "numeric",
+                year: "numeric",
+            })));
+    }
+}
+function relativeTimeRange(delta) {
+    delta = delta / 60;
+    if (delta < 60)
+        return "less than an hour";
+    delta = delta / 60;
+    if (delta < 24)
+        return "less then a day";
+    delta = delta / 24;
+    if (delta < 7)
+        return "less than a week";
+    delta = delta / 365;
+    if (delta < 1)
+        return "less than a year";
+    return "a year or more";
+}
+function strFormatDate(date, options) {
+    return date.toLocaleDateString(undefined, options);
+}
+function showMinutes(minutes) {
+    if (minutes <= 1) {
+        return "1 minute ago";
+    }
+    else {
+        return minutes + " minutes ago";
+    }
 }
 
 exports.FormatRelativeDateTime = FormatRelativeDateTime;

package/dist/FormatTime/FormatTime.d.ts

@@ -1,15 +1,15 @@
-import { CivilTime } from "@std-proposal/temporal";
-interface FormatTimeProps {
-    /**
-     * Civil Time of time to be displayed.
-     *
-     * A `string` should be an ISO 8601 format date string.
-     */
-    readonly time: CivilTime | Date | string;
-    /**
-     * Optionally specify clock format. If `undefined` system format will be respected.
-     */
-    readonly use24HourClock?: boolean;
-}
-export declare function FormatTime({ time: inputTime, use24HourClock, }: FormatTimeProps): JSX.Element;
-export {};
+import { CivilTime } from "@std-proposal/temporal";
+interface FormatTimeProps {
+    /**
+     * Civil Time of time to be displayed.
+     *
+     * A `string` should be an ISO 8601 format date string.
+     */
+    readonly time: CivilTime | Date | string;
+    /**
+     * Optionally specify clock format. If `undefined` system format will be respected.
+     */
+    readonly use24HourClock?: boolean;
+}
+export declare function FormatTime({ time: inputTime, use24HourClock, }: FormatTimeProps): JSX.Element;
+export {};

package/dist/FormatTime/index.d.ts

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

package/dist/FormatTime/index.js

@@ -2,35 +2,36 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 var React = require('react');
-var React__default = _interopDefault(React);
 
-function FormatTime(_a) {
-    var inputTime = _a.time, use24HourClock = _a.use24HourClock;
-    var dateObject;
-    if (inputTime instanceof Date) {
-        dateObject = inputTime;
-    }
-    else if (typeof inputTime === "string") {
-        dateObject = new Date(inputTime);
-    }
-    else {
-        var currentDate = new Date();
-        var currentYear = currentDate.getFullYear();
-        var currentMonth = currentDate.getMonth();
-        var currentDay = currentDate.getDay();
-        dateObject = new Date(currentYear, currentMonth, currentDay, inputTime.hour, inputTime.minute, inputTime.second, inputTime.millisecond);
-    }
-    return React__default.createElement(React__default.Fragment, null, formatCivilTime(dateObject, use24HourClock));
-}
-function formatCivilTime(date, use24HourClock) {
-    return date.toLocaleTimeString(navigator.language, {
-        hour12: typeof use24HourClock === "boolean" ? !use24HourClock : undefined,
-        minute: "2-digit",
-        hour: "numeric",
-    });
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function FormatTime(_a) {
+    var inputTime = _a.time, use24HourClock = _a.use24HourClock;
+    var dateObject;
+    if (inputTime instanceof Date) {
+        dateObject = inputTime;
+    }
+    else if (typeof inputTime === "string") {
+        dateObject = new Date(inputTime);
+    }
+    else {
+        var currentDate = new Date();
+        var currentYear = currentDate.getFullYear();
+        var currentMonth = currentDate.getMonth();
+        var currentDay = currentDate.getDay();
+        dateObject = new Date(currentYear, currentMonth, currentDay, inputTime.hour, inputTime.minute, inputTime.second, inputTime.millisecond);
+    }
+    return React__default["default"].createElement(React__default["default"].Fragment, null, formatCivilTime(dateObject, use24HourClock));
+}
+function formatCivilTime(date, use24HourClock) {
+    return date.toLocaleTimeString(navigator.language, {
+        hour12: typeof use24HourClock === "boolean" ? !use24HourClock : undefined,
+        minute: "2-digit",
+        hour: "numeric",
+    });
 }
 
 exports.FormatTime = FormatTime;

package/dist/Gallery/Gallery.d.ts

@@ -1,2 +1,2 @@
-import { GalleryProps } from "./GalleryTypes";
-export declare function Gallery({ files, size, max, onDelete }: GalleryProps): JSX.Element;
+import { GalleryProps } from "./GalleryTypes";
+export declare function Gallery({ files, size, max, onDelete }: GalleryProps): JSX.Element;

package/dist/Gallery/GalleryTypes.d.ts

@@ -1,31 +1,31 @@
-import { IconNames } from "../Icon";
-import { FileUpload } from "../InputFile";
-export declare type Sizes = "small" | "base" | "large" | "extraLarge";
-export declare type FileIconsNames = Extract<IconNames, "file" | "excel" | "pdf" | "video" | "word">;
-export interface GalleryProps {
-    /**
-     * The size of the files and their spacing in the gallery
-     * @default "base"
-     */
-    size?: "base" | "large";
-    /**
-     * The files for the Gallery to display
-     */
-    files: File[];
-    /**
-     * The max number of thumbnails before no more thumbnails are displayed
-     * unless the user clicks an action to display the rest
-     */
-    max?: number;
-    /**
-     * onDelete callback - this function will be called when the delete action is
-     * triggered on a Gallery image
-     */
-    onDelete?(file: File): void;
-}
-export interface File extends Pick<FileUpload, "key" | "name" | "type" | "size" | "progress"> {
-    /**
-     * The data url of the file.
-     */
-    readonly src: string;
-}
+import { IconNames } from "../Icon";
+import { FileUpload } from "../InputFile";
+export declare type Sizes = "small" | "base" | "large" | "extraLarge";
+export declare type FileIconsNames = Extract<IconNames, "file" | "excel" | "pdf" | "video" | "word">;
+export interface GalleryProps {
+    /**
+     * The size of the files and their spacing in the gallery
+     * @default "base"
+     */
+    size?: "base" | "large";
+    /**
+     * The files for the Gallery to display
+     */
+    files: File[];
+    /**
+     * The max number of thumbnails before no more thumbnails are displayed
+     * unless the user clicks an action to display the rest
+     */
+    max?: number;
+    /**
+     * onDelete callback - this function will be called when the delete action is
+     * triggered on a Gallery image
+     */
+    onDelete?(file: File): void;
+}
+export interface File extends Pick<FileUpload, "key" | "name" | "type" | "size" | "progress"> {
+    /**
+     * The data url of the file.
+     */
+    readonly src: string;
+}

package/dist/Gallery/index.d.ts

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