@getflip/swirl-components-react 0.338.0 → 0.338.2

package/dist/{file-manager.entry.3b3eaace.js → file-manager.entry.c3d61502.js}

@@ -1,4 +1,4 @@
-import { r as s, h as e, H as l } from "./index.be62a37c.js";
+import { r as s, h as e, H as l } from "./index.9a597714.js";
 import "react";
 import "react-dom";
 const o = {
@@ -27,7 +27,7 @@ const o = {
       children: []
     }
   ]
-}, r = class {
+}, d = class {
   constructor(t) {
     s(this, t), this.selectItem = (i) => {
       "type" in i ? (this.selectedFile = i, this.layout.changeMobileView("body")) : this.selectedDirectory = i;
@@ -49,9 +49,9 @@ const o = {
   }
   render() {
     var t, i;
-    return e(l, { key: "67a59e3bf0ee1dd232d55195cf7a78fa8d1912f4" }, e("swirl-app-layout", { key: "5c201ad24d3fb3938300feaa532ac240aa0e4563", appName: "Documents", backToNavigationViewButtonLabel: "Back to documents list", ctaIcon: "<swirl-icon-add></swirl-icon-add>", ctaLabel: "Upload file", navigationLabel: "Documents", onNavigationBackButtonClick: this.resetSelectedDirectory, ref: (a) => this.layout = a, sidebarCloseButtonLabel: "Close file info", sidebarHeading: "File info", showNavigationBackButton: Boolean(this.selectedDirectory), transitionStyle: "dialog" }, e("swirl-resource-list", { key: "2ac10b8b5858aca8c8d3d2a33737498389836fca", label: "Documents", slot: "navigation" }, this.renderNavigation()), e("swirl-popover-trigger", { key: "44b017affbbfbb5c81b7c8c7fafca0cde64d8c6b", swirlPopover: this.sortMenu, slot: "navigation-controls" }, e("swirl-button", { key: "2a958665b0bcaa6dcbabb938ba1853ba56bc3520", label: "Sort items" })), e("swirl-stack", { key: "8f72171c55cec72e5866bce3d01fd8e359c87029", orientation: "horizontal", slot: "app-bar" }, e("swirl-stack", { key: "65e9ddc05254587d34821750bf58ec4394397d23" }, e("swirl-heading", { key: "412fa5eb6d797cce23c227cfda4041ef94b454e5", as: "h2", level: 4, text: (t = this.selectedFile) == null ? void 0 : t.name }), e("swirl-text", { key: "f6fabe8c580c20ddf316b4c6893f58caeb8e95d8", color: "subdued", truncate: !0 }, (i = this.selectedFile) == null ? void 0 : i.description))), Boolean(this.selectedFile) ? e("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type }) : e("swirl-box", { cover: !0, centerBlock: !0, centerInline: !0, padding: "16", slot: "content" }, e("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list.")), e("div", { key: "6974ad987f14a1f2a9ab458ae77459a07e0db364", slot: "app-bar-controls" }, this.selectedFile && e("swirl-button", { key: "d010e0934c9cec5ea1afe4f514eefa2a11991d1a", "hide-label": !0, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar })), e("swirl-box", { key: "9cc0a9bfcb74cacdf7481f0427082133cf31dec6", padding: "16", slot: "sidebar" }, e("swirl-text", { key: "948ea9fc1f248d5b715c74d3da4c63be6889228e", color: "subdued", weight: "medium" }, "File info goes here \u2026"))), e("swirl-popover", { key: "4129c2f8f5cc2eaebb97196dc59441bbb510f508", label: "Sort items", ref: (a) => this.sortMenu = a }, e("swirl-option-list", { key: "beb72abda250ea29ca022e7aab48b6d56eaa6503", value: ["ascending"] }, e("swirl-option-list-item", { key: "3bac258c7e361dcd2a72568905922bde1237dbad", icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), e("swirl-option-list-item", { key: "41d4dc595544ceea02bcc6339d8c283968c96f42", icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), e("swirl-option-list-item", { key: "d3865cddf9bfdbb68f34a8aa211d3727664bfe33", icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" }))));
+    return e(l, { key: "a4e18b9d7ff438842b4fe47fbb8c269e99eb1f32" }, e("swirl-app-layout", { key: "624cd4a16d86a097b07e3734d51592eafd8339d8", appName: "Documents", backToNavigationViewButtonLabel: "Back to documents list", ctaIcon: "<swirl-icon-add></swirl-icon-add>", ctaLabel: "Upload file", navigationLabel: "Documents", onNavigationBackButtonClick: this.resetSelectedDirectory, ref: (a) => this.layout = a, sidebarCloseButtonLabel: "Close file info", sidebarHeading: "File info", showNavigationBackButton: Boolean(this.selectedDirectory), transitionStyle: "dialog" }, e("swirl-resource-list", { key: "86d0e0c088b6dfd71a677bde1fa933ee527cbaea", label: "Documents", slot: "navigation" }, this.renderNavigation()), e("swirl-popover-trigger", { key: "bc34f9cd0d8c42b6c6275bb3cba15b92a85cfe32", swirlPopover: this.sortMenu, slot: "navigation-controls" }, e("swirl-button", { key: "66e0f359859ed407a9de2c232ccff5fa209115bd", label: "Sort items" })), e("swirl-stack", { key: "7289b29c70e2fdff670583696a54bed703a676a6", orientation: "horizontal", slot: "app-bar" }, e("swirl-stack", { key: "17c1d8e889a5f0f55f52d7afe761c7a59bcab1e3" }, e("swirl-heading", { key: "a1d658083358db74909187a72c9505db8ea8e283", as: "h2", level: 4, text: (t = this.selectedFile) == null ? void 0 : t.name }), e("swirl-text", { key: "318f1919be0f359e1f6ee308e4f76c4a4acb9fd5", color: "subdued", truncate: !0 }, (i = this.selectedFile) == null ? void 0 : i.description))), Boolean(this.selectedFile) ? e("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type }) : e("swirl-box", { cover: !0, centerBlock: !0, centerInline: !0, padding: "16", slot: "content" }, e("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list.")), e("div", { key: "5feb31244ff245731649c308cd6317c8ce67c66b", slot: "app-bar-controls" }, this.selectedFile && e("swirl-button", { key: "1ab091daaa05f3af04049aea15ba3ec7d923a657", "hide-label": !0, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar })), e("swirl-box", { key: "f36b173fe0cb9dd39ea8e7c16493c1cb408e2f34", padding: "16", slot: "sidebar" }, e("swirl-text", { key: "66e98d8b5f08f464f705a112061ef85ff57d08d3", color: "subdued", weight: "medium" }, "File info goes here \u2026"))), e("swirl-popover", { key: "8c0d836c169221cd4b9e7fbbac53c2e6b589242a", label: "Sort items", ref: (a) => this.sortMenu = a }, e("swirl-option-list", { key: "e7c3f0d94cbcf4ffa6270e43b4242407cb268f77", value: ["ascending"] }, e("swirl-option-list-item", { key: "1c63b7b345badef1f4edc183476f8b0b2f287aa6", icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), e("swirl-option-list-item", { key: "f12241e2737284c425ea1f1e2552b44a11458124", icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), e("swirl-option-list-item", { key: "5527c57b82e7320f21d43921943da7ecedc1f064", icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" }))));
   }
 };
 export {
-  r as file_manager
+  d as file_manager
 };