@getflip/swirl-components-react 0.316.0 → 0.317.0

package/dist/{file-manager.entry.9c004f5e.js → file-manager.entry.65417d4c.js}

@@ -1,4 +1,4 @@
-import { r as a, h as e, H as l } from "./index.433e939a.js";
+import { r as a, h as e, H as l } from "./index.5395ee70.js";
 import "react";
 import "react-dom";
 const o = {
@@ -49,7 +49,7 @@ const o = {
   }
   render() {
     var t, i;
-    return e(l, { key: "fde0233bfc9c8a40908a8bf176fded69fca1f56d" }, e("swirl-app-layout", { key: "e17eaf35b11e2691efb56663e3c0d482377ba94c", 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: "44a7d7ab72e2df9e00685cc0e68a3777efdc4fc6", label: "Documents", slot: "navigation" }, this.renderNavigation()), e("swirl-popover-trigger", { key: "0fd8ba26500df8dd00218dd1a6b860d3c564737b", swirlPopover: this.sortMenu, slot: "navigation-controls" }, e("swirl-button", { key: "7c3cbd086f057e7ad45271459cccf901dfb52f7e", label: "Sort items" })), e("swirl-stack", { key: "55dcdfc3c565a2bd80a932ba5a4b4770b03d64a2", orientation: "horizontal", slot: "app-bar" }, e("swirl-stack", { key: "1e8956d38ba521b224aa90c56d5595a33fde810c" }, e("swirl-heading", { key: "eb592d33359002ee55bf66916710146ce4a76228", as: "h2", level: 4, text: (t = this.selectedFile) == null ? void 0 : t.name }), e("swirl-text", { key: "1c45c08c97cbe1e2111acfceb6bcff0616df8cac", 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: "f856d27eb1662855ba356a7bc84ffdfd6dcba14b", slot: "app-bar-controls" }, this.selectedFile && e("swirl-button", { key: "8b572bbc74b176bdf5e45fc1326d9139ab1987d9", "hide-label": !0, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar })), e("swirl-box", { key: "8aa7a16c0bc0c24775436818517201db78e96619", padding: "16", slot: "sidebar" }, e("swirl-text", { key: "fbfbc5541c8be04937149026819f4847ddaa1b40", color: "subdued", weight: "medium" }, "File info goes here \u2026"))), e("swirl-popover", { key: "f0f141d25232bf1dff807f089eb125ea4d27e63a", label: "Sort items", ref: (s) => this.sortMenu = s }, e("swirl-option-list", { key: "2c2001651ef6f886e7e3219480bab539a53b0cd7", value: ["ascending"] }, e("swirl-option-list-item", { key: "e89f6b876f06b662bf1626cbf0aac4a8802f34a4", icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), e("swirl-option-list-item", { key: "0f61dfb0a81512334749f8d27d6b8b717b3336c8", icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), e("swirl-option-list-item", { key: "81abcd94dd3f8eb04657fe9176dcbf9e3b6e2e84", icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" }))));
+    return e(l, { key: "f71a4bf5c3919d810c13f85f823ba90f1eba9865" }, e("swirl-app-layout", { key: "4d079a504ad5c179e0c820443052917bd649d5b0", 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: "5ee9fb1c54fed5b72dde7505fa2ab5edcb627daa", label: "Documents", slot: "navigation" }, this.renderNavigation()), e("swirl-popover-trigger", { key: "e9e4d4705f58718f3a8520aa8c36d1931eeca5f8", swirlPopover: this.sortMenu, slot: "navigation-controls" }, e("swirl-button", { key: "191e37c2f4f32278753b3d651dc80c1925ed5be3", label: "Sort items" })), e("swirl-stack", { key: "86ce5ecc9095ef64d1bf2ed81cde4144cb0e2654", orientation: "horizontal", slot: "app-bar" }, e("swirl-stack", { key: "5663407b7808b77de32c1695147873c62e19e39b" }, e("swirl-heading", { key: "f7fd4d4eb998d28dae95a55a63eaa56f7d926150", as: "h2", level: 4, text: (t = this.selectedFile) == null ? void 0 : t.name }), e("swirl-text", { key: "6d4ba8cd0f8331f8909398cc03dda69165096d75", 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: "679c8aebdc4ffb632363a7e753ee73c06447da37", slot: "app-bar-controls" }, this.selectedFile && e("swirl-button", { key: "bb6cdc735eb931d9224d8f6e9424ba6e1eca7b3c", "hide-label": !0, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar })), e("swirl-box", { key: "5483d86d3322959cd2d03fbee03ca3884a34a298", padding: "16", slot: "sidebar" }, e("swirl-text", { key: "5d4e0958202667ba467fb7640d958af2338c98cf", color: "subdued", weight: "medium" }, "File info goes here \u2026"))), e("swirl-popover", { key: "58d6c2bb8beede481204484fac91f3c4e36a984c", label: "Sort items", ref: (s) => this.sortMenu = s }, e("swirl-option-list", { key: "9786bef660947ee2e122636c13ad6bc239f310c2", value: ["ascending"] }, e("swirl-option-list-item", { key: "84be9f6eb524d185b3fffde2bcd182bd77a9d996", icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), e("swirl-option-list-item", { key: "bd0f8a227dc4739afefe2f246c5f255e21c097d4", icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), e("swirl-option-list-item", { key: "b6f49fe3b225802fac6df65f5b69e7af2fc85ca0", icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" }))));
   }
 };
 export {