@getflip/swirl-components-react 0.292.0 → 0.293.0

package/dist/{file-manager.entry.98cdd573.js → file-manager.entry.21b49274.js}

@@ -1,4 +1,4 @@
-import { r as a, h as e, H as l } from "./index.09c53839.js";
+import { r as s, h as e, H as l } from "./index.f594f575.js";
 import "react";
 import "react-dom";
 const o = {
@@ -29,7 +29,7 @@ const o = {
   ]
 }, r = class {
   constructor(t) {
-    a(this, t), this.selectItem = (i) => {
+    s(this, t), this.selectItem = (i) => {
       "type" in i ? (this.selectedFile = i, this.layout.changeMobileView("body")) : this.selectedDirectory = i;
     }, this.resetSelectedDirectory = () => {
       this.selectedDirectory = void 0;
@@ -49,7 +49,7 @@ const o = {
   }
   render() {
     var t, i;
-    return e(l, { key: "cf4d8f11fd4d0b88c9598a3f696555786f61e3f0" }, e("swirl-app-layout", { key: "c09dcab1e6cae4c716d7632e8bef0c137daa2195", 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: "66bc9b1dfe00fc559f64618a0aad5c7fa60d668e", label: "Documents", slot: "navigation" }, this.renderNavigation()), e("swirl-popover-trigger", { key: "6b7489a7ce904bbbde241ded4fd66afc5839d60b", swirlPopover: this.sortMenu, slot: "navigation-controls" }, e("swirl-button", { key: "204b2c051855dbe9166288d67222e6bab8b5eecd", label: "Sort items" })), e("swirl-stack", { key: "aaaec91d2fb59dfc3fad75fc6f8ac65b701210c5", orientation: "horizontal", slot: "app-bar" }, e("swirl-stack", { key: "cda0f6deb4888cd070e5d23542c5a29d15033683" }, e("swirl-heading", { key: "062cc15116315d21feee9d42beeaef4032682eec", as: "h2", level: 4, text: (t = this.selectedFile) == null ? void 0 : t.name }), e("swirl-text", { key: "3a0b965c85bf19da98249baed32caffd8f978076", 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: "86e9133be9b36f60ac8f6a9083b5ec2322d8932f", slot: "app-bar-controls" }, this.selectedFile && e("swirl-button", { key: "4e76be16045b9cbbb35df0c269542865b9d6024f", "hide-label": !0, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar })), e("swirl-box", { key: "63da3d10e658273387a1c84c88333a2d356f61e8", padding: "16", slot: "sidebar" }, e("swirl-text", { key: "599e73e13fa3e901955f9f6d7c185604d288a9ab", color: "subdued", weight: "medium" }, "File info goes here \u2026"))), e("swirl-popover", { key: "a41f004740d4b7a7abd52b4bec11d3b1ff60dce0", label: "Sort items", ref: (s) => this.sortMenu = s }, e("swirl-option-list", { key: "1316b6f0cf2c4e98e5f33bfbb5d66695ece98269", value: ["ascending"] }, e("swirl-option-list-item", { key: "58f06b9e639239a4030840743685409d16798466", icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), e("swirl-option-list-item", { key: "d463e1d8db8bfe6056d28545f43c541bfdbb1ba4", icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), e("swirl-option-list-item", { key: "c1fb103c4b288286f17a1acafa6ded3947aeea07", icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" }))));
+    return e(l, { key: "f824d7bc63476fb19f71a42c5aa09fb4d954d01f" }, e("swirl-app-layout", { key: "ec6500f8d872dde19f9c6f6a55452712a7a87ce1", 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: "89a732c8168fcfbf48f8e71d17a5a6d6d40569c1", label: "Documents", slot: "navigation" }, this.renderNavigation()), e("swirl-popover-trigger", { key: "e42b4c1d9e6b46603fdd867119bb6ba86b54807c", swirlPopover: this.sortMenu, slot: "navigation-controls" }, e("swirl-button", { key: "f21bb99f0f836c2c6914671f5727b9b6ec336e73", label: "Sort items" })), e("swirl-stack", { key: "47479bd60214ab399eecc5dbeec92a99b75ec529", orientation: "horizontal", slot: "app-bar" }, e("swirl-stack", { key: "351c6f2f6172b01914d52be76f41690af6d0835e" }, e("swirl-heading", { key: "f16201178c34ed452b1d48e47ea0b28a9bb83cf1", as: "h2", level: 4, text: (t = this.selectedFile) == null ? void 0 : t.name }), e("swirl-text", { key: "b2b5638b1bd3ad80ccd7a13d646bc0ab5f7ae811", 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: "de582407fc445eb9ba1e279195ad240bbb4ff714", slot: "app-bar-controls" }, this.selectedFile && e("swirl-button", { key: "6019d2af82f81f72c95b5270be7f36a35bdf9bf4", "hide-label": !0, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar })), e("swirl-box", { key: "4339cdc0c792a5d1767e54887584713796026848", padding: "16", slot: "sidebar" }, e("swirl-text", { key: "c08ce0b2f25c51aeb2cae3236623a376f97571b3", color: "subdued", weight: "medium" }, "File info goes here \u2026"))), e("swirl-popover", { key: "da973e49a8554303ab0e02ddb7daffd5b8e61b69", label: "Sort items", ref: (a) => this.sortMenu = a }, e("swirl-option-list", { key: "e2fde653a3eccfaf9a91bbc45cf5c770cc9e53a3", value: ["ascending"] }, e("swirl-option-list-item", { key: "2dda190f020c675d70a4986a7870f13ef60551a3", icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), e("swirl-option-list-item", { key: "d07d86a691addea39319de2c9c97b43491c16d9e", icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), e("swirl-option-list-item", { key: "b52de72d2545eab36d71015da08c340b6b7ba17e", icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" }))));
   }
 };
 export {