@getflip/swirl-components-react 0.230.0 → 0.232.0

package/dist/{file-manager.entry.8f0afe51.js → file-manager.entry.f8c360dd.js}

@@ -1,4 +1,4 @@
-import { r as s, h as e, H as l } from "./index.0a8dc9f0.js";
+import { r as s, h as e, H as l } from "./index.a2b39b28.js";
 import "react";
 import "react-dom";
 const o = {
@@ -27,7 +27,7 @@ const o = {
       children: []
     }
   ]
-}, c = class {
+}, r = class {
   constructor(t) {
     s(this, t), this.selectItem = (i) => {
       "type" in i ? (this.selectedFile = i, this.layout.changeMobileView("body")) : this.selectedDirectory = i;
@@ -49,9 +49,9 @@ const o = {
   }
   render() {
     var t, i;
-    return e(l, { key: "b1ef1ac58012f709fd5748367838d3c3d9e4b348" }, e("swirl-app-layout", { key: "84b149ea27b1299aae42969f7ce312901c46e0b6", 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: "3a4118861c1b09a5e02ff6d232c7f9f5868e33ca", label: "Documents", slot: "navigation" }, this.renderNavigation()), e("swirl-popover-trigger", { key: "92ed2b34a1ce63ba229ad5dbdff04dfeb7480c18", swirlPopover: this.sortMenu, slot: "navigation-controls" }, e("swirl-button", { key: "44b9f2a5d3d7857c084cb552c179a4313bcf0fe0", label: "Sort items" })), e("swirl-stack", { key: "5dbb3ae23e99688a0f034bfa5e00f480e8d54ca4", orientation: "horizontal", slot: "app-bar" }, e("swirl-stack", { key: "ac3b039b308fb7df3b363b6a4a581933d4cb5eee" }, e("swirl-heading", { key: "c626b5bc64f7c1f0e36acb126bef2daeca4a9f47", as: "h2", level: 4, text: (t = this.selectedFile) == null ? void 0 : t.name }), e("swirl-text", { key: "1f4a0afbfb9cf47fb98e949c78893299ae0bbc5a", 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: "095e29138cf900df6afc057418a08ee4660c4f38", slot: "app-bar-controls" }, this.selectedFile && e("swirl-button", { key: "8edadd6cf194a534ee5ebb686b3b5a6829d88f32", "hide-label": !0, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar })), e("swirl-box", { key: "e18238946b454110f9398f476827caa751f3d7fd", padding: "16", slot: "sidebar" }, e("swirl-text", { key: "e9f2cdcd6157b4d86f3b4df2eb1d896611714346", color: "subdued", weight: "medium" }, "File info goes here \u2026"))), e("swirl-popover", { key: "5a56a19de8a200796264b5261a58b0f16fb37e22", label: "Sort items", ref: (a) => this.sortMenu = a }, e("swirl-option-list", { key: "79670fcffe110fce10e64d55063486a01322f4f4", value: ["ascending"] }, e("swirl-option-list-item", { key: "02f309342fcc218bae10c70bdd363251a2b2d562", icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), e("swirl-option-list-item", { key: "e64d696aac740d600d377f243910c1de77cd0155", icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), e("swirl-option-list-item", { key: "67e03e1a1598b686f9ae18d22d8b797511d4457a", icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" }))));
+    return e(l, { key: "c0eb98fdfc638cc1dcb06483b59c34073ba54552" }, e("swirl-app-layout", { key: "556761b8d4f4d437ae0985c790a22e60c9315f1d", 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: "39885e858c41e429cab968112aa7b984f9705ea2", label: "Documents", slot: "navigation" }, this.renderNavigation()), e("swirl-popover-trigger", { key: "77c6ea5fe1b94028a5695e9d9ee632c36531fa0d", swirlPopover: this.sortMenu, slot: "navigation-controls" }, e("swirl-button", { key: "44c5aaa2536049f775c618dce507b3958e7cdd2a", label: "Sort items" })), e("swirl-stack", { key: "f67fa0a23d84b5d8ee934abc92ca510d566a9ca8", orientation: "horizontal", slot: "app-bar" }, e("swirl-stack", { key: "6db42bf7b5f71cf829392ad4a0c93d8dd715180f" }, e("swirl-heading", { key: "8f78f58b16624d768574ca3cf210c8caae1207fa", as: "h2", level: 4, text: (t = this.selectedFile) == null ? void 0 : t.name }), e("swirl-text", { key: "8a08ec5e7ebbcf1b186a74782efe4e2255fe36ee", 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: "6c6e485139d39df02ededf75d8a8e6b010df2bb9", slot: "app-bar-controls" }, this.selectedFile && e("swirl-button", { key: "dae62a4ba25cae3853b62d81a000fed470e1ff2d", "hide-label": !0, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar })), e("swirl-box", { key: "815594196ba28b9e8e434201d88dbf5a6dd85a87", padding: "16", slot: "sidebar" }, e("swirl-text", { key: "3afe3f3e24a5b5462e9f6881c61522e1478c849f", color: "subdued", weight: "medium" }, "File info goes here \u2026"))), e("swirl-popover", { key: "9f2e84faef9a03e396c1dc668f330d2622c7697e", label: "Sort items", ref: (a) => this.sortMenu = a }, e("swirl-option-list", { key: "bc6a5c70fe046c88bab5464e7df49d3a20b3feb9", value: ["ascending"] }, e("swirl-option-list-item", { key: "ec52b57885f7c33ca477ef8f6a505f57b31a6683", icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), e("swirl-option-list-item", { key: "56e2c341fe923eb943777655d687a6410224a1d3", icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), e("swirl-option-list-item", { key: "d51a2dbf1785bc86823b72c36facc0c2427b987b", icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" }))));
   }
 };
 export {
-  c as file_manager
+  r as file_manager
 };