@jobber/components 4.66.0 → 4.66.1-fix-hide-h.6

package/dist/FormatEmail/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var FormatEmail = require('../FormatEmail-BRfdMGVd.js');
+require('react');
+require('classnames');
+
+
+
+exports.FormatEmail = FormatEmail.FormatEmail;

package/dist/FormatEmail/index.mjs

@@ -0,0 +1,3 @@
+export { F as FormatEmail } from '../FormatEmail-EiExu9yK.js';
+import 'react';
+import 'classnames';

package/dist/FormatEmail-BRfdMGVd.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+
+var styles = {"email":"Cr7OFSgq9WA-"};
+
+function FormatEmail({ email }) {
+    const className = classnames(styles.email);
+    return React.createElement("address", { className: className }, email);
+}
+
+exports.FormatEmail = FormatEmail;

package/dist/FormatEmail-EiExu9yK.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import classnames from 'classnames';
+
+var styles = {"email":"Cr7OFSgq9WA-"};
+
+function FormatEmail({ email }) {
+    const className = classnames(styles.email);
+    return React.createElement("address", { className: className }, email);
+}
+
+export { FormatEmail as F };

package/dist/FormatFile/FormatFileDeleteButton.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 interface DeleteButtonProps {
-    size?: "base" | "large";
-    onDelete?: () => void;
+    readonly size?: "base" | "large";
+    readonly onDelete?: () => void;
 }
 export declare function FormatFileDeleteButton({ size, onDelete }: DeleteButtonProps): JSX.Element;
 export {};

package/dist/FormatFile/index.cjs

@@ -0,0 +1,34 @@
+'use strict';
+
+var FormatFile = require('../FormatFile-B9esgLVD.js');
+require('react');
+require('classnames');
+require('filesize');
+require('../Button-CvQJyw1M.js');
+require('react-router-dom');
+require('../Icon-fa-Ii8qc.js');
+require('@jobber/design');
+require('../Typography-Dcec2MjG.js');
+require('../ConfirmationModal-D-Ca61Ml.js');
+require('../useOnKeyDown-D87huTBK.js');
+require('../Modal-xN_ISx5c.js');
+require('react-dom');
+require('framer-motion');
+require('../useRefocusOnActivator-DbDY65I1.js');
+require('../useFocusTrap-CH2wydSN.js');
+require('../Heading-BhyZ43jQ.js');
+require('../ButtonDismiss-B6rD5rB-.js');
+require('../Content-DQHuNmbK.js');
+require('../Markdown-DtkyHOef.js');
+require('../Text-CuGgzpie.js');
+require('../Emphasis-CKaYb2Cx.js');
+require('../index-CUhw1yl4.js');
+require('../_commonjsHelpers-BZy5LDD5.js');
+require('../_polyfill-node.process-CrU1R5tX.js');
+require('../Glimmer-ZDIXl8XO.js');
+require('../tslib.es6-6AwvlbWV.js');
+require('../ProgressBar-BwCc6t1v.js');
+
+
+
+exports.FormatFile = FormatFile.FormatFile;

package/dist/FormatFile/index.mjs

@@ -0,0 +1,28 @@
+export { F as FormatFile } from '../FormatFile-C7R08BkN.js';
+import 'react';
+import 'classnames';
+import 'filesize';
+import '../Button-DjFrVgPj.js';
+import 'react-router-dom';
+import '../Icon-GaU33tZU.js';
+import '@jobber/design';
+import '../Typography-BD0mo9T9.js';
+import '../ConfirmationModal-DkFPvWkn.js';
+import '../useOnKeyDown-BJB7_guO.js';
+import '../Modal-vxYo7BNp.js';
+import 'react-dom';
+import 'framer-motion';
+import '../useRefocusOnActivator-vy4E8omX.js';
+import '../useFocusTrap-F2c5ctH_.js';
+import '../Heading-qH5QZFoM.js';
+import '../ButtonDismiss-C2LOl-QT.js';
+import '../Content-D7e26CKa.js';
+import '../Markdown-Dfdw64jl.js';
+import '../Text-C3-8gHkD.js';
+import '../Emphasis-oLbhQdCV.js';
+import '../index-CL-RNE5C.js';
+import '../_commonjsHelpers-Dy2IPW0w.js';
+import '../_polyfill-node.process-DcZ1HNOw.js';
+import '../Glimmer-DJ9psf2S.js';
+import '../tslib.es6-Bu_PBg9i.js';
+import '../ProgressBar-D7Ye8I6m.js';

package/dist/FormatFile-B9esgLVD.js

@@ -0,0 +1,149 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+var getHumanReadableFileSize = require('filesize');
+var Button = require('./Button-CvQJyw1M.js');
+var ConfirmationModal = require('./ConfirmationModal-D-Ca61Ml.js');
+var Glimmer = require('./Glimmer-ZDIXl8XO.js');
+var Icon = require('./Icon-fa-Ii8qc.js');
+var Typography = require('./Typography-Dcec2MjG.js');
+var Text = require('./Text-CuGgzpie.js');
+var ProgressBar = require('./ProgressBar-BwCc6t1v.js');
+
+var styles$2 = {"expanded":"cx4iQqlNNvc-","compact":"nSaog7-7Jn0-","wrapper":"_9jVt97W52JY-","large":"z-kUGMs0Yfg-","base":"x1Ql0enaIxY-","thumbnail":"il9-MCeoBts-","clickable":"O9EG-xJYVco-","hoverable":"QmrRp5CTpGU-","progress":"N5qVYfi1Pgo-","contentBlock":"TyXXZnJuVwo-","deleteButton":"_7wDO6nPXy-g-","deleteable":"sgUJuNv0rUE-"};
+
+function FormatFileDeleteButton({ size, onDelete }) {
+    const buttonSize = size === "base" ? "small" : "base";
+    const [deleteConfirmationOpen, setDeleteConfirmationOpen] = React.useState(false);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Button.Button, { onClick: () => setDeleteConfirmationOpen(true), variation: "destructive", type: "tertiary", icon: "trash", ariaLabel: "Delete File", size: buttonSize }),
+        React.createElement(ConfirmationModal.ConfirmationModal, { title: "Confirm Deletion", message: `Are you sure you want to delete this file?`, confirmLabel: "Delete", variation: "destructive", open: deleteConfirmationOpen, onConfirm: () => onDelete === null || onDelete === void 0 ? void 0 : onDelete(), onRequestClose: () => setDeleteConfirmationOpen(false) })));
+}
+
+var styles$1 = {"content":"M9Y7sOk6lTc-","hasName":"E4wclxY71oM-","large":"yReSfaruAh0-","fileName":"YXN92rsh2eU-","base":"psaqxO2Lu7E-"};
+
+var styles = {"image":"_62D0xyydQwo-","fadeIn":"_5GIEBejwNJc-","hidden":"a5EQqLlJmCk-"};
+
+function InternalThumbnailImage({ file }) {
+    const { name, src } = file;
+    const [imageSource, setImageSource] = React.useState();
+    const [imageLoaded, setImageLoaded] = React.useState(false);
+    React.useEffect(() => {
+        src().then(url => setImageSource(url));
+    }, []);
+    return (React.createElement(React.Fragment, null,
+        !imageLoaded && React.createElement(Glimmer.Glimmer, { size: "auto" }),
+        React.createElement("img", { src: imageSource, onLoad: handleImageLoad, alt: name, "data-testid": "internalThumbnailImage", className: classnames(styles.image, { [styles.hidden]: !imageLoaded }) })));
+    function handleImageLoad() {
+        setImageLoaded(true);
+    }
+}
+
+// This function comes from MDN: https://developer.mozilla.org/en-US/docs/Web/API/Window/navigator
+function getClientBrowser(userAgent) {
+    // The order matters here, and this may report false positives for unlisted browsers.
+    if (userAgent.includes("Firefox")) {
+        // "Mozilla/5.0 (X11; Linux i686; rv:104.0) Gecko/20100101 Firefox/104.0"
+        return "Mozilla Firefox";
+    }
+    else if (userAgent.includes("SamsungBrowser")) {
+        // "Mozilla/5.0 (Linux; Android 9; SAMSUNG SM-G955F Build/PPR1.180610.011) AppleWebKit/537.36 (KHTML, like Gecko) SamsungBrowser/9.4 Chrome/67.0.3396.87 Mobile Safari/537.36"
+        return "Samsung Internet";
+    }
+    else if (userAgent.includes("Opera") || userAgent.includes("OPR")) {
+        // "Mozilla/5.0 (Macintosh; Intel Mac OS X 12_5_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36 OPR/90.0.4480.54"
+        return "Opera";
+    }
+    else if (userAgent.includes("Edge")) {
+        // "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.36 Edge/16.16299"
+        return "Microsoft Edge (Legacy)";
+    }
+    else if (userAgent.includes("Edg")) {
+        // "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36 Edg/104.0.1293.70"
+        return "Microsoft Edge (Chromium)";
+    }
+    else if (userAgent.includes("Chrome")) {
+        // "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36"
+        return "Google Chrome or Chromium";
+    }
+    else if (userAgent.includes("Safari")) {
+        // "Mozilla/5.0 (iPhone; CPU iPhone OS 15_6_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.6 Mobile/15E148 Safari/604.1"
+        return "Apple Safari";
+    }
+    else {
+        return "unknown";
+    }
+}
+function isSafari(userAgent) {
+    return getClientBrowser(userAgent) === "Apple Safari";
+}
+
+function InternalThumbnail({ compact = false, size, file, }) {
+    const { name, type } = file;
+    const iconName = getIconNameFromType(type);
+    const hasName = Boolean(name) && compact;
+    const nonHeicImage = !type.startsWith("image/heic");
+    const userAgent = typeof document === "undefined" ? "" : window.navigator.userAgent;
+    if (type.startsWith("image/") && (nonHeicImage || isSafari(userAgent))) {
+        return React.createElement(InternalThumbnailImage, { file: file });
+    }
+    return (React.createElement("div", { className: classnames(styles$1.content, styles$1[size], {
+            [styles$1.hasName]: hasName,
+        }) },
+        React.createElement(Icon.Icon, { name: iconName, color: "greyBlue", size: size }),
+        hasName && (React.createElement("div", { className: styles$1.fileName },
+            React.createElement(Typography.Typography, { element: "span", textColor: "text", numberOfLines: 1 }, name)))));
+}
+function getIconNameFromType(mimeType) {
+    if (mimeType.startsWith("image/"))
+        return "image";
+    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({ file, display = "expanded", displaySize = "base", onDelete, onClick, }) {
+    const isComplete = file.progress >= 1;
+    const fileSize = getHumanReadableFileSize(file.size);
+    const wrapperClassNames = classnames(styles$2[display], {
+        [styles$2[displaySize]]: display === "compact",
+    });
+    const DetailsContainer = isComplete && onClick ? "button" : "div";
+    const detailsClassNames = classnames(styles$2.wrapper, {
+        [styles$2[displaySize]]: display === "compact",
+        [styles$2.hoverable]: isHoverable({ display, isComplete, onClick, onDelete }),
+        [styles$2.clickable]: onClick,
+        [styles$2.deleteable]: display === "compact",
+    });
+    const thumbnailContainerClassNames = classnames(styles$2.thumbnail, styles$2[displaySize]);
+    return (React.createElement("div", { className: wrapperClassNames },
+        React.createElement(DetailsContainer, { type: "button", className: detailsClassNames, onClick: isComplete ? onClick : undefined, tabIndex: 0, "aria-busy": !isComplete },
+            React.createElement("div", { className: thumbnailContainerClassNames },
+                React.createElement(InternalThumbnail, { key: file.key, compact: display === "compact", file: file, size: displaySize }),
+                !isComplete && (React.createElement("div", { className: styles$2.progress },
+                    React.createElement(ProgressBar.ProgressBar, { size: "small", currentStep: file.progress * 100, totalSteps: 100 })))),
+            display === "expanded" && (React.createElement("div", { className: styles$2.contentBlock },
+                React.createElement(Text.Text, { size: "base" }, file.name),
+                React.createElement(Text.Text, { size: "small" }, fileSize)))),
+        isComplete && onDelete && (React.createElement("div", { className: styles$2.deleteButton },
+            React.createElement(FormatFileDeleteButton, { size: display === "expanded" ? "large" : displaySize, onDelete: onDelete })))));
+}
+function isHoverable({ display, isComplete, onClick, onDelete, }) {
+    if (display === "compact") {
+        return Boolean(isComplete && (onClick || onDelete));
+    }
+    else if (display === "expanded") {
+        return Boolean(isComplete && onClick);
+    }
+    return false;
+}
+
+exports.FormatFile = FormatFile;

package/dist/FormatFile-C7R08BkN.js

@@ -0,0 +1,147 @@
+import React, { useState, useEffect } from 'react';
+import classnames from 'classnames';
+import getHumanReadableFileSize from 'filesize';
+import { B as Button } from './Button-DjFrVgPj.js';
+import { C as ConfirmationModal } from './ConfirmationModal-DkFPvWkn.js';
+import { G as Glimmer } from './Glimmer-DJ9psf2S.js';
+import { I as Icon } from './Icon-GaU33tZU.js';
+import { T as Typography } from './Typography-BD0mo9T9.js';
+import { T as Text } from './Text-C3-8gHkD.js';
+import { P as ProgressBar } from './ProgressBar-D7Ye8I6m.js';
+
+var styles$2 = {"expanded":"cx4iQqlNNvc-","compact":"nSaog7-7Jn0-","wrapper":"_9jVt97W52JY-","large":"z-kUGMs0Yfg-","base":"x1Ql0enaIxY-","thumbnail":"il9-MCeoBts-","clickable":"O9EG-xJYVco-","hoverable":"QmrRp5CTpGU-","progress":"N5qVYfi1Pgo-","contentBlock":"TyXXZnJuVwo-","deleteButton":"_7wDO6nPXy-g-","deleteable":"sgUJuNv0rUE-"};
+
+function FormatFileDeleteButton({ size, onDelete }) {
+    const buttonSize = size === "base" ? "small" : "base";
+    const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Button, { onClick: () => setDeleteConfirmationOpen(true), variation: "destructive", type: "tertiary", icon: "trash", ariaLabel: "Delete File", size: buttonSize }),
+        React.createElement(ConfirmationModal, { title: "Confirm Deletion", message: `Are you sure you want to delete this file?`, confirmLabel: "Delete", variation: "destructive", open: deleteConfirmationOpen, onConfirm: () => onDelete === null || onDelete === void 0 ? void 0 : onDelete(), onRequestClose: () => setDeleteConfirmationOpen(false) })));
+}
+
+var styles$1 = {"content":"M9Y7sOk6lTc-","hasName":"E4wclxY71oM-","large":"yReSfaruAh0-","fileName":"YXN92rsh2eU-","base":"psaqxO2Lu7E-"};
+
+var styles = {"image":"_62D0xyydQwo-","fadeIn":"_5GIEBejwNJc-","hidden":"a5EQqLlJmCk-"};
+
+function InternalThumbnailImage({ file }) {
+    const { name, src } = file;
+    const [imageSource, setImageSource] = useState();
+    const [imageLoaded, setImageLoaded] = useState(false);
+    useEffect(() => {
+        src().then(url => setImageSource(url));
+    }, []);
+    return (React.createElement(React.Fragment, null,
+        !imageLoaded && React.createElement(Glimmer, { size: "auto" }),
+        React.createElement("img", { src: imageSource, onLoad: handleImageLoad, alt: name, "data-testid": "internalThumbnailImage", className: classnames(styles.image, { [styles.hidden]: !imageLoaded }) })));
+    function handleImageLoad() {
+        setImageLoaded(true);
+    }
+}
+
+// This function comes from MDN: https://developer.mozilla.org/en-US/docs/Web/API/Window/navigator
+function getClientBrowser(userAgent) {
+    // The order matters here, and this may report false positives for unlisted browsers.
+    if (userAgent.includes("Firefox")) {
+        // "Mozilla/5.0 (X11; Linux i686; rv:104.0) Gecko/20100101 Firefox/104.0"
+        return "Mozilla Firefox";
+    }
+    else if (userAgent.includes("SamsungBrowser")) {
+        // "Mozilla/5.0 (Linux; Android 9; SAMSUNG SM-G955F Build/PPR1.180610.011) AppleWebKit/537.36 (KHTML, like Gecko) SamsungBrowser/9.4 Chrome/67.0.3396.87 Mobile Safari/537.36"
+        return "Samsung Internet";
+    }
+    else if (userAgent.includes("Opera") || userAgent.includes("OPR")) {
+        // "Mozilla/5.0 (Macintosh; Intel Mac OS X 12_5_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36 OPR/90.0.4480.54"
+        return "Opera";
+    }
+    else if (userAgent.includes("Edge")) {
+        // "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.36 Edge/16.16299"
+        return "Microsoft Edge (Legacy)";
+    }
+    else if (userAgent.includes("Edg")) {
+        // "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36 Edg/104.0.1293.70"
+        return "Microsoft Edge (Chromium)";
+    }
+    else if (userAgent.includes("Chrome")) {
+        // "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36"
+        return "Google Chrome or Chromium";
+    }
+    else if (userAgent.includes("Safari")) {
+        // "Mozilla/5.0 (iPhone; CPU iPhone OS 15_6_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.6 Mobile/15E148 Safari/604.1"
+        return "Apple Safari";
+    }
+    else {
+        return "unknown";
+    }
+}
+function isSafari(userAgent) {
+    return getClientBrowser(userAgent) === "Apple Safari";
+}
+
+function InternalThumbnail({ compact = false, size, file, }) {
+    const { name, type } = file;
+    const iconName = getIconNameFromType(type);
+    const hasName = Boolean(name) && compact;
+    const nonHeicImage = !type.startsWith("image/heic");
+    const userAgent = typeof document === "undefined" ? "" : window.navigator.userAgent;
+    if (type.startsWith("image/") && (nonHeicImage || isSafari(userAgent))) {
+        return React.createElement(InternalThumbnailImage, { file: file });
+    }
+    return (React.createElement("div", { className: classnames(styles$1.content, styles$1[size], {
+            [styles$1.hasName]: hasName,
+        }) },
+        React.createElement(Icon, { name: iconName, color: "greyBlue", size: size }),
+        hasName && (React.createElement("div", { className: styles$1.fileName },
+            React.createElement(Typography, { element: "span", textColor: "text", numberOfLines: 1 }, name)))));
+}
+function getIconNameFromType(mimeType) {
+    if (mimeType.startsWith("image/"))
+        return "image";
+    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({ file, display = "expanded", displaySize = "base", onDelete, onClick, }) {
+    const isComplete = file.progress >= 1;
+    const fileSize = getHumanReadableFileSize(file.size);
+    const wrapperClassNames = classnames(styles$2[display], {
+        [styles$2[displaySize]]: display === "compact",
+    });
+    const DetailsContainer = isComplete && onClick ? "button" : "div";
+    const detailsClassNames = classnames(styles$2.wrapper, {
+        [styles$2[displaySize]]: display === "compact",
+        [styles$2.hoverable]: isHoverable({ display, isComplete, onClick, onDelete }),
+        [styles$2.clickable]: onClick,
+        [styles$2.deleteable]: display === "compact",
+    });
+    const thumbnailContainerClassNames = classnames(styles$2.thumbnail, styles$2[displaySize]);
+    return (React.createElement("div", { className: wrapperClassNames },
+        React.createElement(DetailsContainer, { type: "button", className: detailsClassNames, onClick: isComplete ? onClick : undefined, tabIndex: 0, "aria-busy": !isComplete },
+            React.createElement("div", { className: thumbnailContainerClassNames },
+                React.createElement(InternalThumbnail, { key: file.key, compact: display === "compact", file: file, size: displaySize }),
+                !isComplete && (React.createElement("div", { className: styles$2.progress },
+                    React.createElement(ProgressBar, { size: "small", currentStep: file.progress * 100, totalSteps: 100 })))),
+            display === "expanded" && (React.createElement("div", { className: styles$2.contentBlock },
+                React.createElement(Text, { size: "base" }, file.name),
+                React.createElement(Text, { size: "small" }, fileSize)))),
+        isComplete && onDelete && (React.createElement("div", { className: styles$2.deleteButton },
+            React.createElement(FormatFileDeleteButton, { size: display === "expanded" ? "large" : displaySize, onDelete: onDelete })))));
+}
+function isHoverable({ display, isComplete, onClick, onDelete, }) {
+    if (display === "compact") {
+        return Boolean(isComplete && (onClick || onDelete));
+    }
+    else if (display === "expanded") {
+        return Boolean(isComplete && onClick);
+    }
+    return false;
+}
+
+export { FormatFile as F };

package/dist/FormatRelativeDateTime/index.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+var FormatRelativeDateTime = require('../FormatRelativeDateTime-C9szxU2r.js');
+require('react');
+
+
+
+exports.FormatRelativeDateTime = FormatRelativeDateTime.FormatRelativeDateTime;

package/dist/FormatRelativeDateTime/index.mjs

@@ -0,0 +1,2 @@
+export { F as FormatRelativeDateTime } from '../FormatRelativeDateTime-BkK8Y8s-.js';
+import 'react';

package/dist/FormatRelativeDateTime-BkK8Y8s-.js

@@ -0,0 +1,64 @@
+import React from 'react';
+
+function FormatRelativeDateTime({ date: inputDate, }) {
+    let dateObject;
+    if (inputDate instanceof Date) {
+        dateObject = inputDate;
+    }
+    else if (typeof inputDate === "string") {
+        dateObject = new Date(inputDate);
+    }
+    else {
+        dateObject = new Date(inputDate.toJSON());
+    }
+    const now = Date.now() / 1000; //seconds
+    const date = dateObject;
+    const delta = now - date.getTime() / 1000; //seconds;
+    switch (relativeTimeRange(delta)) {
+        case "less than an hour":
+            return React.createElement(React.Fragment, null, showMinutes(Math.round(delta / 60)));
+        case "less then a day":
+            return (React.createElement(React.Fragment, null, date.toLocaleTimeString(undefined, {
+                hour: "numeric",
+                minute: "numeric",
+            })));
+        case "less than a week":
+            return React.createElement(React.Fragment, null, strFormatDate(date, { weekday: "short" }));
+        case "less than a year":
+            return React.createElement(React.Fragment, null, strFormatDate(date, { month: "short", day: "numeric" }));
+        default:
+            return (React.createElement(React.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";
+    }
+}
+
+export { FormatRelativeDateTime as F };

package/dist/{FormatRelativeDateTime/index.js → FormatRelativeDateTime-C9szxU2r.js}

@@ -1,13 +1,7 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 function FormatRelativeDateTime({ date: inputDate, }) {
     let dateObject;
     if (inputDate instanceof Date) {
@@ -24,18 +18,18 @@ function FormatRelativeDateTime({ date: inputDate, }) {
     const 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)));
+            return React.createElement(React.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, {
+            return (React.createElement(React.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" }));
+            return React.createElement(React.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" }));
+            return React.createElement(React.Fragment, null, strFormatDate(date, { month: "short", day: "numeric" }));
         default:
-            return (React__default["default"].createElement(React__default["default"].Fragment, null, strFormatDate(date, {
+            return (React.createElement(React.Fragment, null, strFormatDate(date, {
                 month: "short",
                 day: "numeric",
                 year: "numeric",

package/dist/FormatTime/index.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+var FormatTime = require('../FormatTime-EtJbxuJT.js');
+require('react');
+
+
+
+exports.FormatTime = FormatTime.FormatTime;

package/dist/FormatTime/index.mjs

@@ -0,0 +1,2 @@
+export { F as FormatTime } from '../FormatTime-B_K2-YjF.js';
+import 'react';

package/dist/FormatTime-B_K2-YjF.js

@@ -0,0 +1,29 @@
+import React from 'react';
+
+function FormatTime({ time: inputTime, use24HourClock, }) {
+    let dateObject;
+    if (inputTime instanceof Date) {
+        dateObject = inputTime;
+    }
+    else if (typeof inputTime === "string") {
+        dateObject = new Date(inputTime);
+    }
+    else {
+        const currentDate = new Date();
+        const currentYear = currentDate.getFullYear();
+        const currentMonth = currentDate.getMonth();
+        const currentDay = currentDate.getDay();
+        dateObject = new Date(currentYear, currentMonth, currentDay, inputTime.hour, inputTime.minute, inputTime.second, inputTime.millisecond);
+    }
+    return React.createElement(React.Fragment, null, formatCivilTime(dateObject, use24HourClock));
+}
+function formatCivilTime(date, use24HourClock) {
+    const language = (globalThis === null || globalThis === void 0 ? void 0 : globalThis.navigator) ? navigator.language : "en";
+    return date.toLocaleTimeString(language, {
+        hourCycle: use24HourClock ? "h23" : "h12",
+        minute: "2-digit",
+        hour: "numeric",
+    });
+}
+
+export { FormatTime as F };

package/dist/{FormatTime/index.js → FormatTime-EtJbxuJT.js}

@@ -1,13 +1,7 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 function FormatTime({ time: inputTime, use24HourClock, }) {
     let dateObject;
     if (inputTime instanceof Date) {
@@ -23,10 +17,11 @@ function FormatTime({ time: inputTime, use24HourClock, }) {
         const 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));
+    return React.createElement(React.Fragment, null, formatCivilTime(dateObject, use24HourClock));
 }
 function formatCivilTime(date, use24HourClock) {
-    return date.toLocaleTimeString(navigator.language, {
+    const language = (globalThis === null || globalThis === void 0 ? void 0 : globalThis.navigator) ? navigator.language : "en";
+    return date.toLocaleTimeString(language, {
         hourCycle: use24HourClock ? "h23" : "h12",
         minute: "2-digit",
         hour: "numeric",

package/dist/Gallery/Gallery.css.d.ts

@@ -0,0 +1,9 @@
+declare const styles: {
+  readonly "gallery": string;
+  readonly "galleryLarge": string;
+  readonly "showMoreButton": string;
+  readonly "baseShowMoreButton": string;
+  readonly "largeShowMoreButton": string;
+};
+export = styles;
+