@getflip/swirl-components-react 0.201.1 → 0.202.1

package/dist/{file-manager.entry.48910d30.js → file-manager.entry.f71ec323.js}

@@ -1,4 +1,4 @@
-import { r as a, h as e, H as l } from "./index.15992dbc.js";
+import { r as a, h as e, H as l } from "./index.ea1ce495.js";
 import "react";
 import "react-dom";
 const o = {
@@ -49,7 +49,7 @@ const o = {
   }
   render() {
     var t, i;
-    return e(l, { key: "bc66f083cbf6935009adf4ba603ec1ba3b4dc6cd" }, e("swirl-app-layout", { key: "9748d025e39a44e75c1eaf3372aa433622fe966f", 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: "e51a2cf3e4316a7aabf837ce8fe60b1417d6e1ef", label: "Documents", slot: "navigation" }, this.renderNavigation()), e("swirl-popover-trigger", { key: "dd049e3c387bed3969e8cc2e473cdea39d89934e", swirlPopover: this.sortMenu, slot: "navigation-controls" }, e("swirl-button", { key: "7433c74a60c15f106df1f53ac8e65575aac9e9ff", label: "Sort items" })), e("swirl-stack", { key: "bc029954de4743d58e354cd131b50d4ac3c5b02c", orientation: "horizontal", slot: "app-bar" }, e("swirl-stack", { key: "c3221030b819040cfef04ebcff240b084fc132e8" }, e("swirl-heading", { key: "4951984f6addfdb81e22284fd4964fad181cdf17", as: "h2", level: 4, text: (t = this.selectedFile) == null ? void 0 : t.name }), e("swirl-text", { key: "55da319c34ab102ecc5f4a98e7a27dac81cd3410", 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: "98aa65243f8c272031f94ff24f516f4ef6333614", slot: "app-bar-controls" }, this.selectedFile && e("swirl-button", { key: "267f28509282c1dcc9b03cb32fffbdf9a1461127", "hide-label": !0, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar })), e("swirl-box", { key: "6c23e44bf8a5f1c9571429c5480c3fc060b59d14", padding: "16", slot: "sidebar" }, e("swirl-text", { key: "c447dd300234ebf060ad3152f2c499ec70b4dcae", color: "subdued", weight: "medium" }, "File info goes here \u2026"))), e("swirl-popover", { key: "55648d74db4fc1435663e0fa0cbe87f3527bb65e", label: "Sort items", ref: (s) => this.sortMenu = s }, e("swirl-option-list", { key: "ecbe91f873e014f50cb005ee47fd8268bf01c029", value: ["ascending"] }, e("swirl-option-list-item", { key: "9afadb7d8d18745d67193ef32c601505400f8ca0", icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), e("swirl-option-list-item", { key: "11480007353e6afd282b7342b897ebd96ad9cc1e", icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), e("swirl-option-list-item", { key: "5636cd44a41273e3773db89f0a862efb2eb34c3d", icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" }))));
+    return e(l, { key: "1d4b0a2f4bdcd7e2052a63a07ec22daea4ee6725" }, e("swirl-app-layout", { key: "d685c698a7f4b3fd548ed42d8c905d3bd059997c", 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: "c0719852bd514fdca02b98ac1dcec63794918707", label: "Documents", slot: "navigation" }, this.renderNavigation()), e("swirl-popover-trigger", { key: "d33195d3745ffb837619cd7005803403c5ded775", swirlPopover: this.sortMenu, slot: "navigation-controls" }, e("swirl-button", { key: "d2dd338762d34ac1561669915f184944273af2a4", label: "Sort items" })), e("swirl-stack", { key: "c19a6d05303614f27e9dbd920b47b05ad56faa73", orientation: "horizontal", slot: "app-bar" }, e("swirl-stack", { key: "1f5bf8be4a7549ca579cfd286e612c04e1f08041" }, e("swirl-heading", { key: "05bafffc84381ff995565c3994702b89a25a1067", as: "h2", level: 4, text: (t = this.selectedFile) == null ? void 0 : t.name }), e("swirl-text", { key: "bac305a48969bf409f86c02e20435fe4e2105405", 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: "529e9719807f76ecb830222093dd50f94e388509", slot: "app-bar-controls" }, this.selectedFile && e("swirl-button", { key: "2f23690de58570c17b15cbc7a2fbd30991d54dbd", "hide-label": !0, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar })), e("swirl-box", { key: "248e5846fe70b28f7d1d4b8b9dcd43da80948665", padding: "16", slot: "sidebar" }, e("swirl-text", { key: "f3315188bfcab9cbe89cb663da77c79c409a32b5", color: "subdued", weight: "medium" }, "File info goes here \u2026"))), e("swirl-popover", { key: "8216fa2ec56ca85ae4b5ad544483fa91726c3d2c", label: "Sort items", ref: (s) => this.sortMenu = s }, e("swirl-option-list", { key: "ca0cc0ea8c16f0849466c7adb08f820b580bed06", value: ["ascending"] }, e("swirl-option-list-item", { key: "fbe21a77b8b7e283300eb13ade304e132102065c", icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), e("swirl-option-list-item", { key: "235560c0163c67931ffea6ee5d5f830473a14c76", icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), e("swirl-option-list-item", { key: "c15a7d91f4d9c50877f0ba8cd7eb595bc15b9e69", icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" }))));
   }
 };
 export {