@getflip/swirl-components-react 0.341.2 → 0.342.0

package/dist/{file-manager.entry.1eebb6de.js → file-manager.entry.2dd7bc08.js}

@@ -1,4 +1,4 @@
-import { r as s, h as e, H as l } from "./index.1e93dc97.js";
+import { r as s, h as e, H as l } from "./index.adb2af81.js";
 import "react";
 import "react-dom";
 const o = {
@@ -27,7 +27,7 @@ const o = {
       children: []
     }
   ]
-}, c = class {
+}, n = 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: "2c360716b06f343a2d91deb24bfd0fb9dd65122a" }, e("swirl-app-layout", { key: "207c638444c2851f34e339da65a57957ac48a77e", 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: "f909b30f3b8e8212cb59e6d66037fc8bf49456ba", label: "Documents", slot: "navigation" }, this.renderNavigation()), e("swirl-popover-trigger", { key: "b6a13ec1739e7ebf5bf82eebc500d95955b9d553", swirlPopover: this.sortMenu, slot: "navigation-controls" }, e("swirl-button", { key: "5047e60638c8d31e1989a5b1eb24e15ddc00d131", label: "Sort items" })), e("swirl-stack", { key: "a6752de749b7d0b5854cf73a9a90542c70282575", orientation: "horizontal", slot: "app-bar" }, e("swirl-stack", { key: "31e51b8a97eee4c893e6ae6128004155d2d70ab4" }, e("swirl-heading", { key: "c3034bcec6d93f20c441a1b84793ae756d49525e", as: "h2", level: 4, text: (t = this.selectedFile) == null ? void 0 : t.name }), e("swirl-text", { key: "d357f573a885709fd915f8badda27f5a260398d5", 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: "24a65455fa8204670164ed325eb065811372fd5f", slot: "app-bar-controls" }, this.selectedFile && e("swirl-button", { key: "ceda20300bea2db4e17c66ae53cdb5582e82f919", "hide-label": !0, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar })), e("swirl-box", { key: "066661f9a6f0955d25362ac2a1e51810cd4135ec", padding: "16", slot: "sidebar" }, e("swirl-text", { key: "410a561bfd2e5d07a09433a2f59daff8d8b524b5", color: "subdued", weight: "medium" }, "File info goes here \u2026"))), e("swirl-popover", { key: "ae2452ce5c0b946e5568e3667ef6035c1bd5496e", label: "Sort items", ref: (a) => this.sortMenu = a }, e("swirl-option-list", { key: "bcc9a7392d6ce7df3b5777f1a3b3da3e18955596", value: ["ascending"] }, e("swirl-option-list-item", { key: "02f34144896617108bca5110f7da8926ec0ff801", icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), e("swirl-option-list-item", { key: "1b0d94b24267c383433b34a95a91968f1d15502c", icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), e("swirl-option-list-item", { key: "6f74a7b436e97411841441a9f1b744d230b6e798", icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" }))));
+    return e(l, { key: "70b3c11eda020df2ef706010fee09eee2422c60c" }, e("swirl-app-layout", { key: "f4acd92da871041770733fa6161acc0ea01baec3", 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: "aef4fba043842208af2d14d2db86aaec7631b7ac", label: "Documents", slot: "navigation" }, this.renderNavigation()), e("swirl-popover-trigger", { key: "d73cc1aa3bdd7aa3e4f48d81839dff788a1883dd", swirlPopover: this.sortMenu, slot: "navigation-controls" }, e("swirl-button", { key: "11ba3c73cdeaaae8da9b387bae7ac48a7a321fbf", label: "Sort items" })), e("swirl-stack", { key: "276edaabc5ff2279a30c02482224d6d768ab60b9", orientation: "horizontal", slot: "app-bar" }, e("swirl-stack", { key: "78e4f6eb697891fb584e162216c1b13fadcabe03" }, e("swirl-heading", { key: "a1e9d304c4071ec10a549dcd7af73eed855bd058", as: "h2", level: 4, text: (t = this.selectedFile) == null ? void 0 : t.name }), e("swirl-text", { key: "f8fc413a85a33376411d345959dd56f9096f2d9b", 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: "4c98aa2c3243433ee09582449cf4b7212755bccb", slot: "app-bar-controls" }, this.selectedFile && e("swirl-button", { key: "da87e599cea13122602e6ec123fb6b4d7cdc2cfa", "hide-label": !0, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar })), e("swirl-box", { key: "a548b1d2759531d4d2a465be197fe3b67dfcd9f2", padding: "16", slot: "sidebar" }, e("swirl-text", { key: "72a92d92627e965d924c449f1e2544972f9528ea", color: "subdued", weight: "medium" }, "File info goes here \u2026"))), e("swirl-popover", { key: "a70202bc13eac9d1541511dbf2216944f064d819", label: "Sort items", ref: (a) => this.sortMenu = a }, e("swirl-option-list", { key: "6ea1bf9f700112c86c24f590d8f0e593b2dd5dc1", value: ["ascending"] }, e("swirl-option-list-item", { key: "ddf89b3b3f6a0b829bc1dd1723aa6c3d72f6cd1e", icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), e("swirl-option-list-item", { key: "2d21cc8a18165ab47523d7bac2a0791a5f9e1cab", icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), e("swirl-option-list-item", { key: "007a870c39baa5c2fa92e0d4bfb60809a7dd76fd", icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" }))));
   }
 };
 export {
-  c as file_manager
+  n as file_manager
 };