@getflip/swirl-components-react 0.295.0 → 0.296.0

package/dist/{file-manager.entry.19d472f3.js → file-manager.entry.1e2d6eba.js}

@@ -1,4 +1,4 @@
-import { r as a, h as e, H as l } from "./index.e05ba315.js";
+import { r as a, h as e, H as l } from "./index.eec3fb37.js";
 import "react";
 import "react-dom";
 const o = {
@@ -27,7 +27,7 @@ const o = {
       children: []
     }
   ]
-}, c = class {
+}, r = class {
   constructor(t) {
     a(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: "18b248c1fd36f3a015195c34f90e30f3d0129a25" }, e("swirl-app-layout", { key: "23ee44bb967041b5ee4c0044c05532de08c55e48", appName: "Documents", backToNavigationViewButtonLabel: "Back to documents list", ctaIcon: "<swirl-icon-add></swirl-icon-add>", ctaLabel: "Upload file", navigationLabel: "Documents", onNavigationBackButtonClick: this.resetSelectedDirectory, ref: (s) => this.layout = s, sidebarCloseButtonLabel: "Close file info", sidebarHeading: "File info", showNavigationBackButton: Boolean(this.selectedDirectory), transitionStyle: "dialog" }, e("swirl-resource-list", { key: "8dd15f955dd8fc2f85022d3160eeeddb8015b227", label: "Documents", slot: "navigation" }, this.renderNavigation()), e("swirl-popover-trigger", { key: "2af1a886f9e1431081053cb4a1723d2f975b0516", swirlPopover: this.sortMenu, slot: "navigation-controls" }, e("swirl-button", { key: "8ea888d58eb9a05d41b8803f0f0fcfa0a5c34022", label: "Sort items" })), e("swirl-stack", { key: "670c09f8464528db314302c868dec4cbfeced464", orientation: "horizontal", slot: "app-bar" }, e("swirl-stack", { key: "dc0597dc1a5abae8ed8e403a997cca3f7796534b" }, e("swirl-heading", { key: "a811da97e04b193beab8288d9012b5b54635eb06", as: "h2", level: 4, text: (t = this.selectedFile) == null ? void 0 : t.name }), e("swirl-text", { key: "44f69f2fc0ff0a7e51c94002525d41e6f4307d3e", 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: "0eb5c25bfdce727555615e1d4be67666af96439f", slot: "app-bar-controls" }, this.selectedFile && e("swirl-button", { key: "a7ad8f5828fd2c2b8363b94fdef058609ccb81a1", "hide-label": !0, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar })), e("swirl-box", { key: "94ba04d3a38a3b1fe0141a070dca99079abce01e", padding: "16", slot: "sidebar" }, e("swirl-text", { key: "8e930ed7bba88057d9fe10d034b7c3a283063b53", color: "subdued", weight: "medium" }, "File info goes here \u2026"))), e("swirl-popover", { key: "2000e436742879d4b3c08262ecf86c1e793b5709", label: "Sort items", ref: (s) => this.sortMenu = s }, e("swirl-option-list", { key: "1311545ff3c088b1d62687a769e8595e9d2858fe", value: ["ascending"] }, e("swirl-option-list-item", { key: "443503042a3a634be5b68278e5b99e4770b7e499", icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), e("swirl-option-list-item", { key: "f613ac4d843282aee7e5bb61ffad3abf47d080da", icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), e("swirl-option-list-item", { key: "6fbde353175945ce1b706ac1b1a3eedde30c877e", icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" }))));
+    return e(l, { key: "f07f71a8482ef4aa1014acac792c87aa95065889" }, e("swirl-app-layout", { key: "071087d9402d0e8d36ff31dd5df600f0acf9f79a", appName: "Documents", backToNavigationViewButtonLabel: "Back to documents list", ctaIcon: "<swirl-icon-add></swirl-icon-add>", ctaLabel: "Upload file", navigationLabel: "Documents", onNavigationBackButtonClick: this.resetSelectedDirectory, ref: (s) => this.layout = s, sidebarCloseButtonLabel: "Close file info", sidebarHeading: "File info", showNavigationBackButton: Boolean(this.selectedDirectory), transitionStyle: "dialog" }, e("swirl-resource-list", { key: "ab306f991325be61eefd3c2c1a7a7f606fed46e6", label: "Documents", slot: "navigation" }, this.renderNavigation()), e("swirl-popover-trigger", { key: "dbcc751b460b5c6d0e00e52e099214b94cc0ba99", swirlPopover: this.sortMenu, slot: "navigation-controls" }, e("swirl-button", { key: "f02622174bd02ce62cc78426ba13d39a52b40fb9", label: "Sort items" })), e("swirl-stack", { key: "07b9eda2c15ee9b5e23ebdecb47c21805ada3508", orientation: "horizontal", slot: "app-bar" }, e("swirl-stack", { key: "7be067deffc92e3d4efadca7c35c7ce97763bfee" }, e("swirl-heading", { key: "89e7cfd1432000f74b62fd7dc35e9202b7b8647f", as: "h2", level: 4, text: (t = this.selectedFile) == null ? void 0 : t.name }), e("swirl-text", { key: "c450212a5f9aeb3b0b399297ad72cbe86c8798f5", 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: "6b347770944a0f6e58bbbf5dd6dde1170179a153", slot: "app-bar-controls" }, this.selectedFile && e("swirl-button", { key: "440fecb0f70b86d994fbf528d820d54eb7b0fa4e", "hide-label": !0, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar })), e("swirl-box", { key: "0d5df914f57717ab125dee0bebcc09484925c54a", padding: "16", slot: "sidebar" }, e("swirl-text", { key: "69c9e14adbfccd08373af6ec4d9c1caf79f54c83", color: "subdued", weight: "medium" }, "File info goes here \u2026"))), e("swirl-popover", { key: "3132c5582663180abe622ba001d561e2e3b642b7", label: "Sort items", ref: (s) => this.sortMenu = s }, e("swirl-option-list", { key: "eb7edd7cf4941eb80fdd988958c394bcee716a9b", value: ["ascending"] }, e("swirl-option-list-item", { key: "5af8b499e3bb16214a62f9c888307242d43a4404", icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), e("swirl-option-list-item", { key: "adbf0e0110bfc8597e88f6750b75ef483712997b", icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), e("swirl-option-list-item", { key: "5eb660a5d4e438c8181073c9f297eab59912a14c", icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" }))));
   }
 };
 export {
-  c as file_manager
+  r as file_manager
 };