@getflip/swirl-components 0.331.0 → 0.332.0

package/dist/collection/components/swirl-file-chip/swirl-file-chip.js

@@ -1,7 +1,7 @@
 import { h, Host, } from "@stencil/core";
 import { saveAs } from "file-saver";
 import classnames from "classnames";
-import { isAudioMimeType, isCompressedArchiveMimeType, isImageMimeType, isPdfMimeType, isVideoMimeType, } from "../../utils";
+import { isAudioMimeType, isCompressedArchiveMimeType, isDocumentMimeType, isImageMimeType, isPdfMimeType, isVideoMimeType, } from "../../utils";
 export class SwirlFileChip {
     constructor() {
         this.handleDownloadClick = () => {
@@ -51,6 +51,9 @@ export class SwirlFileChip {
         else if (isCompressedArchiveMimeType(this.type)) {
             return h("swirl-icon-folder", null);
         }
+        else if (isDocumentMimeType(this.type)) {
+            return h("swirl-icon-file", null);
+        }
         else {
             return h("swirl-icon-attachment", null);
         }
@@ -62,7 +65,7 @@ export class SwirlFileChip {
             "file-chip--one-action": actionCount === 1,
             "file-chip--two-actions": actionCount === 2,
         });
-        return (h(Host, { key: '6bb82407abd2caedf8e8e3dbdb08685ead172764' }, h("span", { key: '10a71f96282accfa427b0bf8d682eff5121382f5', role: "group", class: className }, h("span", { key: '67c7d86b2634d47b8a92b637c8640f50fe163779', class: "file-chip__icon" }, this.getFileIcon()), h("span", { key: '1d725f11420cf6d1a3d87141e4b7947494a2fcd1', class: "file-chip__info" }, h("span", { key: '4ea4d1165c422d859d7d31e14cf8f2a28fd000a2', class: "file-chip__name", title: this.name }, this.name), this.description && (h("span", { key: 'dfe58e30c3ef1a866d87f896fb933ad74cfa06c5', class: "file-chip__description" }, this.description))), h("swirl-button-group", { key: 'b1a25c531577816ae713816924718709a411cd06', class: "file-chip__actions" }, this.showPreviewButton && (h("swirl-button", { key: '8beec8259386d52de103dbee165ce6c80604d55a', variant: "flat", icon: "<swirl-icon-preview></swirl-icon-preview>", onClick: this.handlePreviewClick, label: this.previewButtonLabel, hideLabel: true, part: "file-chip__preview" })), this.showDownloadButton && (h("swirl-button", { key: '187724687cfcbc72ed553c6924ff39f4427a72bf', variant: "flat", icon: "<swirl-icon-download></swirl-icon-download>", onClick: this.handleDownloadClick, label: this.downloadButtonLabel, hideLabel: true, part: "file-chip__download" }))))));
+        return (h(Host, { key: '8ba0390953507f3c39fdb662c2714a721c1f048b' }, h("span", { key: '97a4e2627f6490a237cde23f54347e320e8065b5', role: "group", class: className }, h("span", { key: 'f6dee9b3416db43baeeb3854995d94ef1142607f', class: "file-chip__icon" }, this.getFileIcon()), h("span", { key: '29d1a7aa234ceb846039004e8439db4441a32ba1', class: "file-chip__info" }, h("span", { key: '8594d492fd758e59797dff9b0923b2e2ec5bdc86', class: "file-chip__name", title: this.name }, this.name), this.description && (h("span", { key: '887570df6590394016b9b0a4a49e06e6719acb53', class: "file-chip__description" }, this.description))), h("swirl-button-group", { key: '9fee7eaf170777b86fd33b98c069e641fa7eab02', class: "file-chip__actions" }, this.showPreviewButton && (h("swirl-button", { key: '647360858f679d9eb4a65947f2839dec369d1a08', variant: "flat", icon: "<swirl-icon-preview></swirl-icon-preview>", onClick: this.handlePreviewClick, label: this.previewButtonLabel, hideLabel: true, part: "file-chip__preview" })), this.showDownloadButton && (h("swirl-button", { key: '6e718daf409c8f37caa228f545806f2fe7579f6d', variant: "flat", icon: "<swirl-icon-download></swirl-icon-download>", onClick: this.handleDownloadClick, label: this.downloadButtonLabel, hideLabel: true, part: "file-chip__download" }))))));
     }
     static get is() { return "swirl-file-chip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-file-chip/swirl-file-chip.spec.js

@@ -83,6 +83,14 @@ describe("swirl-file-chip", () => {
         const iconElement = page.root.shadowRoot.querySelector(".file-chip__icon swirl-icon-audio-file");
         expect(iconElement).toBeTruthy();
     });
+    it("renders document file type", async () => {
+        const page = await newSpecPage({
+            components: [SwirlFileChip],
+            html: `<swirl-file-chip url="https://example.com/document.doc" name="document.doc" type="application/msword"></swirl-file-chip>`,
+        });
+        const iconElement = page.root.shadowRoot.querySelector(".file-chip__icon swirl-icon-file");
+        expect(iconElement).toBeTruthy();
+    });
     it("renders text file type", async () => {
         const page = await newSpecPage({
             components: [SwirlFileChip],

package/dist/collection/components/swirl-resource-list-item/swirl-resource-list-item.css

@@ -298,6 +298,7 @@
   top: 50%;
   right: var(--s-space-8);
   transform: translateY(-50%);
+  z-index: 2;
 }
 
 .resource-list-item__checkbox {

package/dist/collection/utils.js

@@ -229,3 +229,8 @@ export function isCompressedArchiveMimeType(mimeType) {
         mimeType.startsWith("application/x-tar") ||
         mimeType.startsWith("application/x-gzip"));
 }
+export function isDocumentMimeType(mimeType) {
+    return (mimeType.startsWith("application/msword") ||
+        mimeType.startsWith("application/vnd.openxmlformats-officedocument.wordprocessingml.document") ||
+        mimeType.startsWith("application/vnd.apple.pages"));
+}