@jobber/components 6.121.0 → 6.122.0

package/dist/Gallery-cjs.js

@@ -38,8 +38,7 @@ function Gallery({ files, size = "base", max, onDelete }) {
         React.createElement(LightBox.LightBox, { open: lightboxOpen, images: images, imageIndex: lightboxIndex, onRequestClose: handleLightboxClose })));
     function handleThumbnailClicked(index) {
         return tslib_es6.__awaiter(this, void 0, void 0, function* () {
-            if (files[index].type.startsWith("image/") &&
-                Thumbnail.isPreviewableImage(files[index])) {
+            if (Thumbnail.isPreviewableImage(files[index].type)) {
                 handleLightboxOpen(index);
             }
             else {
@@ -69,7 +68,7 @@ function generateImagesArray(files) {
         const filesToImageIndex = [];
         let imageIndex = 0;
         for (let i = 0; i < files.length; i++) {
-            if (files[i].type.startsWith("image/") && Thumbnail.isPreviewableImage(files[i])) {
+            if (Thumbnail.isPreviewableImage(files[i].type)) {
                 images.push({ title: files[i].name, url: yield getFileSrc(files[i]) });
                 filesToImageIndex.push(imageIndex);
                 imageIndex++;

package/dist/Gallery-es.js

@@ -36,8 +36,7 @@ function Gallery({ files, size = "base", max, onDelete }) {
         React__default.createElement(LightBox, { open: lightboxOpen, images: images, imageIndex: lightboxIndex, onRequestClose: handleLightboxClose })));
     function handleThumbnailClicked(index) {
         return __awaiter(this, void 0, void 0, function* () {
-            if (files[index].type.startsWith("image/") &&
-                isPreviewableImage(files[index])) {
+            if (isPreviewableImage(files[index].type)) {
                 handleLightboxOpen(index);
             }
             else {
@@ -67,7 +66,7 @@ function generateImagesArray(files) {
         const filesToImageIndex = [];
         let imageIndex = 0;
         for (let i = 0; i < files.length; i++) {
-            if (files[i].type.startsWith("image/") && isPreviewableImage(files[i])) {
+            if (isPreviewableImage(files[i].type)) {
                 images.push({ title: files[i].name, url: yield getFileSrc(files[i]) });
                 filesToImageIndex.push(imageIndex);
                 imageIndex++;

package/dist/Thumbnail-cjs.js

@@ -64,19 +64,25 @@ function isSafari(userAgent) {
     return getClientBrowser(userAgent) === "Apple Safari";
 }
 
-function isPreviewableImage(file) {
+function isPreviewableImage(type) {
+    if (!type || !type.startsWith("image/"))
+        return false;
     const userAgent = typeof document === "undefined" ? "" : window.navigator.userAgent;
-    const nonHeicImage = !file.type.startsWith("image/heic");
-    const nonSVGImage = !file.type.startsWith("image/svg");
-    const nonVendorImage = !/^image\/(vnd[.-]|x-)/i.test(file.type);
-    return (nonHeicImage || isSafari(userAgent)) && nonSVGImage && nonVendorImage;
+    const isHeic = type.startsWith("image/heic");
+    const isSVG = type.startsWith("image/svg");
+    const isVendor = /^image\/(vnd[.-]|x-)/i.test(type);
+    if (isSVG || isVendor)
+        return false;
+    if (isHeic && !isSafari(userAgent))
+        return false;
+    return true;
 }
 
 function Thumbnail({ compact = false, size, file, UNSAFE_className, UNSAFE_style, }) {
     const { name, type } = file;
     const iconName = getIconNameFromType(type);
     const hasName = Boolean(name) && compact;
-    if (type.startsWith("image/") && isPreviewableImage(file)) {
+    if (isPreviewableImage(type)) {
         return (React.createElement(InternalThumbnailImage, { file: file, UNSAFE_className: UNSAFE_className, UNSAFE_style: UNSAFE_style }));
     }
     return (React.createElement("div", { className: classnames(styles$1.content, styles$1[size], {

package/dist/Thumbnail-es.js

@@ -62,19 +62,25 @@ function isSafari(userAgent) {
     return getClientBrowser(userAgent) === "Apple Safari";
 }
 
-function isPreviewableImage(file) {
+function isPreviewableImage(type) {
+    if (!type || !type.startsWith("image/"))
+        return false;
     const userAgent = typeof document === "undefined" ? "" : window.navigator.userAgent;
-    const nonHeicImage = !file.type.startsWith("image/heic");
-    const nonSVGImage = !file.type.startsWith("image/svg");
-    const nonVendorImage = !/^image\/(vnd[.-]|x-)/i.test(file.type);
-    return (nonHeicImage || isSafari(userAgent)) && nonSVGImage && nonVendorImage;
+    const isHeic = type.startsWith("image/heic");
+    const isSVG = type.startsWith("image/svg");
+    const isVendor = /^image\/(vnd[.-]|x-)/i.test(type);
+    if (isSVG || isVendor)
+        return false;
+    if (isHeic && !isSafari(userAgent))
+        return false;
+    return true;
 }
 
 function Thumbnail({ compact = false, size, file, UNSAFE_className, UNSAFE_style, }) {
     const { name, type } = file;
     const iconName = getIconNameFromType(type);
     const hasName = Boolean(name) && compact;
-    if (type.startsWith("image/") && isPreviewableImage(file)) {
+    if (isPreviewableImage(type)) {
         return (React__default.createElement(InternalThumbnailImage, { file: file, UNSAFE_className: UNSAFE_className, UNSAFE_style: UNSAFE_style }));
     }
     return (React__default.createElement("div", { className: classnames(styles$1.content, styles$1[size], {

package/dist/index.cjs

@@ -347,6 +347,7 @@ exports.Tab = Tabs.Tab;
 exports.Tabs = Tabs.Tabs;
 exports.Text = Text.Text;
 exports.Thumbnail = Thumbnail.Thumbnail;
+exports.isPreviewableImage = Thumbnail.isPreviewableImage;
 exports.Tiles = Tiles.Tiles;
 exports.Toast = showToast.Toast;
 exports.showToast = showToast.showToast;

package/dist/index.d.mts

@@ -87,3 +87,4 @@ export * from "./Toast";
 export * from "./Tooltip";
 export * from "./Typography";
 export * from "./utils/isNormalClick";
+export * from "./utils/isPreviewableImage";

package/dist/index.d.ts

@@ -87,3 +87,4 @@ export * from "./Toast";
 export * from "./Tooltip";
 export * from "./Typography";
 export * from "./utils/isNormalClick";
+export * from "./utils/isPreviewableImage";

package/dist/index.mjs

@@ -89,7 +89,7 @@ export { S as Switch } from './Switch-es.js';
 export { B as Body, C as Cell, b as CellCurrency, a as CellNumeric, F as Footer, H as Header, R as Row, T as Table } from './Body-es.js';
 export { a as Tab, T as Tabs } from './Tabs-es.js';
 export { T as Text } from './Text-es.js';
-export { T as Thumbnail } from './Thumbnail-es.js';
+export { T as Thumbnail, i as isPreviewableImage } from './Thumbnail-es.js';
 export { T as Tiles } from './Tiles-es.js';
 export { T as Toast, s as showToast } from './showToast-es.js';
 export { T as Tooltip } from './Tooltip-es.js';

package/dist/utils/isPreviewableImage.d.ts

@@ -1,3 +1 @@
-export declare function isPreviewableImage(file: {
-    type: string;
-}): boolean;
+export declare function isPreviewableImage(type: string | null | undefined): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.121.0",
+  "version": "6.122.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -562,5 +562,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "9305629cc1a6d8f32d9e4ef9e0d08df12fb92e89"
+  "gitHead": "4bffde0a5fa5640eca3c01031fb5e7a678e90136"
 }