@getflip/swirl-components-react 0.203.1 → 0.204.0

package/dist/{file-manager.entry.baaab61d.js → file-manager.entry.2ddb116d.js}

@@ -1,4 +1,4 @@
-import { r as s, h as e, H as l } from "./index.7e7eeb96.js";
+import { r as s, h as e, H as l } from "./index.04f1660b.js";
 import "react";
 import "react-dom";
 const o = {
@@ -49,7 +49,7 @@ const o = {
   }
   render() {
     var t, i;
-    return e(l, { key: "873fd3228cf65cde43538643594532b4f86febd0" }, e("swirl-app-layout", { key: "28b8d67502bc7afa2279829502db1073dff4bbc0", 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: "5012cadd4c5cfa239ff184a18674f560ad15dc2b", label: "Documents", slot: "navigation" }, this.renderNavigation()), e("swirl-popover-trigger", { key: "a7747ff5d768821765e84096cf95c63f84a7e76e", swirlPopover: this.sortMenu, slot: "navigation-controls" }, e("swirl-button", { key: "60dd5df7ea62dad9d19e78c1db3ea8f4ab1c01c4", label: "Sort items" })), e("swirl-stack", { key: "d3112752cf7748528bf0fb90b691be433a88151e", orientation: "horizontal", slot: "app-bar" }, e("swirl-stack", { key: "81143f27640d9f9af9dc25a8e0f1db96d2e57b8d" }, e("swirl-heading", { key: "055204be24df62c4d570218664fc159921be9f38", as: "h2", level: 4, text: (t = this.selectedFile) == null ? void 0 : t.name }), e("swirl-text", { key: "975354c19efa9809725c09aa81255103bc3b1d6c", 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: "a6e5046f1b95953cb9832b7e255df2225aa45c88", slot: "app-bar-controls" }, this.selectedFile && e("swirl-button", { key: "b0f01e8e609f6959d80ba2ce8f704a9d9d6f265d", "hide-label": !0, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar })), e("swirl-box", { key: "45730461aa0cd10f0b83a5e3a8efc22a2c54ced3", padding: "16", slot: "sidebar" }, e("swirl-text", { key: "96ab69daa0b6ddf85d56f068b52c562eaebc2aaa", color: "subdued", weight: "medium" }, "File info goes here \u2026"))), e("swirl-popover", { key: "9f696d7716f99c542f3a2289eff418f3cdba34e8", label: "Sort items", ref: (a) => this.sortMenu = a }, e("swirl-option-list", { key: "acbb44fcc3a24b831bd837604bc93abb0414ab04", value: ["ascending"] }, e("swirl-option-list-item", { key: "735aa543cddb003960c0804e8c9da0eff7afcc63", icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), e("swirl-option-list-item", { key: "9a3157c6536c37d26cea9855f798af8d202a294a", icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), e("swirl-option-list-item", { key: "7a1cb37d202920a00518a7c00c8e2c5b2ec7c8bb", icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" }))));
+    return e(l, { key: "06b1a35170a0d5e7eed6a01b10ff22bf68f24d9b" }, e("swirl-app-layout", { key: "fa020b69c7cbaf714f692fa27caef64c9a37ac42", 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: "db601a3717dfc4eed1aaa956e328193981532514", label: "Documents", slot: "navigation" }, this.renderNavigation()), e("swirl-popover-trigger", { key: "2d6fca2df68e87efa1e834edc715f734c45570d7", swirlPopover: this.sortMenu, slot: "navigation-controls" }, e("swirl-button", { key: "5ccfbafdb31fee59a5e267d6899e68883874f91f", label: "Sort items" })), e("swirl-stack", { key: "247e250dc87a7db010bd8635e085ceab7ddc8909", orientation: "horizontal", slot: "app-bar" }, e("swirl-stack", { key: "d0cb698bb99d45e97f1162ba80a2731860bae237" }, e("swirl-heading", { key: "01e4079741cae58e51d7de3408bfb70fee3c15cb", as: "h2", level: 4, text: (t = this.selectedFile) == null ? void 0 : t.name }), e("swirl-text", { key: "ddc796862ba1d343eab3b8ec2879723b1750c57e", 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: "b9e0506033cc69c323e5ae656ed6adb8e9297f02", slot: "app-bar-controls" }, this.selectedFile && e("swirl-button", { key: "709fbfe2ca572328f4a9f5e31ab881c79087a6d1", "hide-label": !0, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar })), e("swirl-box", { key: "b46e9ff6f5e31cdc7860644fd134fa94721f2730", padding: "16", slot: "sidebar" }, e("swirl-text", { key: "59bcc4b1762cce943f136ec855a1377ee1ce2fce", color: "subdued", weight: "medium" }, "File info goes here \u2026"))), e("swirl-popover", { key: "b05ddb70bf0f33921372c157e4c3126b009b84a9", label: "Sort items", ref: (a) => this.sortMenu = a }, e("swirl-option-list", { key: "c95585d27da38acf84540018f46ea1b8461eb26c", value: ["ascending"] }, e("swirl-option-list-item", { key: "5e745e373abadd135da430bc8c7c7027b0ff95c1", icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), e("swirl-option-list-item", { key: "03729a8125d53b2d9cda45535ae8443608cb4ae5", icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), e("swirl-option-list-item", { key: "c0700fae849f238ba9157499074e25d6e9acd4a1", icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" }))));
   }
 };
 export {