@jobber/components 4.71.4 → 4.71.6

package/dist/DataList/index.js

@@ -804,12 +804,11 @@ function DataListHeaderCheckbox({ children }) {
 function DataListHeader() {
     const breakpoints = useResponsiveSizing();
     const { headerVisibility = { xs: true, sm: true, md: true, lg: true, xl: true }, headers, layoutBreakpoints, } = useDataListContext();
-    const { selectedIDs } = useBatchSelect();
+    const { hasAtLeastOneSelected } = useBatchSelect();
     const size = getVisibleSize();
     const { layout } = useActiveLayout();
     const visible = headerVisibility[size];
-    const noItemsSelected = (selectedIDs === null || selectedIDs === void 0 ? void 0 : selectedIDs.length) === 0;
-    if ((!visible && noItemsSelected) || !layout)
+    if ((!visible && !hasAtLeastOneSelected) || !layout)
         return null;
     const headerData = generateHeaderElements(headers);
     if (!headerData)

package/dist/FormatFile/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FormatFile = require('../FormatFile-aae6c6e2.js');
+var FormatFile = require('../FormatFile-cc949eaf.js');
 require('react');
 require('classnames');
 require('filesize');

package/dist/{FormatFile-aae6c6e2.js → FormatFile-cc949eaf.js}

@@ -53,11 +53,52 @@ function InternalThumbnailImage({ file }) {
     }
 }
 
+// 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;
-    if (type.startsWith("image/")) {
+    const nonHeicImage = !type.startsWith("image/heic");
+    const userAgent = typeof document === "undefined" ? "" : window.navigator.userAgent;
+    if (type.startsWith("image/") && (nonHeicImage || isSafari(userAgent))) {
         return React__default["default"].createElement(InternalThumbnailImage, { file: file });
     }
     return (React__default["default"].createElement("div", { className: classnames__default["default"](styles$1.content, styles$1[size], {
@@ -69,7 +110,7 @@ function InternalThumbnail({ compact = false, size, file, }) {
 }
 function getIconNameFromType(mimeType) {
     if (mimeType.startsWith("image/"))
-        return "camera";
+        return "image";
     if (mimeType.startsWith("video/"))
         return "video";
     switch (mimeType) {

package/dist/Gallery/index.js

@@ -6,7 +6,7 @@ var React = require('react');
 var classnames = require('classnames');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
 var LightBox = require('../LightBox-a89d8863.js');
-var FormatFile = require('../FormatFile-aae6c6e2.js');
+var FormatFile = require('../FormatFile-cc949eaf.js');
 var Button = require('../Button-b73a5e01.js');
 require('framer-motion');
 require('react-dom');

package/dist/utils/getClientBrowser.d.ts

@@ -0,0 +1,7 @@
+export declare function getClientBrowser(userAgent: string): "Mozilla Firefox" | "Samsung Internet" | "Opera" | "Microsoft Edge (Legacy)" | "Microsoft Edge (Chromium)" | "Google Chrome or Chromium" | "Apple Safari" | "unknown";
+export declare function isSafari(userAgent: string): boolean;
+export declare function isChrome(userAgent: string): boolean;
+export declare function isFirefox(userAgent: string): boolean;
+export declare function isEdge(userAgent: string): boolean;
+export declare function isOpera(userAgent: string): boolean;
+export declare function isSamsung(userAgent: string): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "4.71.4",
+  "version": "4.71.6",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -83,5 +83,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "349ff6b51618e48a6cdf058787e54437e17af59b"
+  "gitHead": "668971377e3bb3ddcb5dd30c128f6a6db7ae316d"
 }