@getflip/swirl-components-react 0.200.2 → 0.201.0

package/dist/{file-manager.entry.15e087a3.js → file-manager.entry.8efb2aec.js}

@@ -1,4 +1,4 @@
-import { r as s, h as e, H as l } from "./index.6feab55e.js";
+import { r as a, h as e, H as l } from "./index.2e207792.js";
 import "react";
 import "react-dom";
 const o = {
@@ -27,9 +27,9 @@ const o = {
       children: []
     }
   ]
-}, d = class {
+}, r = class {
   constructor(t) {
-    s(this, t), this.selectItem = (i) => {
+    a(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,9 +49,9 @@ const o = {
   }
   render() {
     var t, i;
-    return e(l, { key: "2c7c303808fbfe4bef7a5326e182b9298e15cb27" }, e("swirl-app-layout", { key: "0717f73fd67050c627c902f43d62a720f97cf12a", 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: "197ea9599598342ecc016b1175ffe741d6265bdb", label: "Documents", slot: "navigation" }, this.renderNavigation()), e("swirl-popover-trigger", { key: "0ee55a6f3a143fb7cdd16fdae8fa32734a59564f", swirlPopover: this.sortMenu, slot: "navigation-controls" }, e("swirl-button", { key: "ac927d7f358ab39fb75b53c5ee8fb46628778045", label: "Sort items" })), e("swirl-stack", { key: "6af1383ae9fad976b909416c1b3b9878a4abf92e", orientation: "horizontal", slot: "app-bar" }, e("swirl-stack", { key: "81c48ac6afaccb93da65ac08cd766031ac461775" }, e("swirl-heading", { key: "326c5f793949635af9513beeedda60032cc2e6d2", as: "h2", level: 4, text: (t = this.selectedFile) == null ? void 0 : t.name }), e("swirl-text", { key: "db8edd78fff437943190aecd0a1666359989636f", 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: "759992b3ed52b4acac1cae3fdb0088a17155fffc", slot: "app-bar-controls" }, this.selectedFile && e("swirl-button", { key: "8b0eb37d1c93264f41ba1e3c8a3af267df9064f1", "hide-label": !0, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar })), e("swirl-box", { key: "cce6965d8a04c15ba1cacd10948a4e9f702c7d63", padding: "16", slot: "sidebar" }, e("swirl-text", { key: "109d067d2f12124346c95f572203bc1f15fb60c3", color: "subdued", weight: "medium" }, "File info goes here \u2026"))), e("swirl-popover", { key: "348ac69a58f161894bf9c79cd1e72fe022cea54f", label: "Sort items", ref: (a) => this.sortMenu = a }, e("swirl-option-list", { key: "2b34ac7e255574d3397715a70f4e3a6b25d08e21", value: ["ascending"] }, e("swirl-option-list-item", { key: "55aea876795685825350fd737c3082fabc40f20c", icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), e("swirl-option-list-item", { key: "5927aa6d0e9b4e94f8856856c0a93c364fdc1ebb", icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), e("swirl-option-list-item", { key: "1523163e5d312676df0f5c82470c95352352aeee", icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" }))));
+    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" }))));
   }
 };
 export {
-  d as file_manager
+  r as file_manager
 };