npm - @getflip/swirl-components-react - Versions diffs - 0.205.1 → 0.207.0 - Mend

@getflip/swirl-components-react 0.205.1 → 0.207.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (309) hide show

package/dist/{file-manager.entry.655aa394.js → file-manager.entry.9d2c40ae.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as s, h as e, H as l } from "./index.3f681a5e.js";
+import { r as l, h as e, H as a } from "./index.6cd7fea9.js";
 import "react";
 import "react-dom";
 const o = {
@@ -29,7 +29,7 @@ const o = {
   ]
 }, r = class {
   constructor(t) {
-    s(this, t), this.selectItem = (i) => {
+    l(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: "06b1a35170a0d5e7eed6a01b10ff22bf68f24d9b" }, e("swirl-app-layout", { key: "fa020b69c7cbaf714f692fa27caef64c9a37ac42", 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: "db601a3717dfc4eed1aaa956e328193981532514", label: "Documents", slot: "navigation" }, this.renderNavigation()), e("swirl-popover-trigger", { key: "2d6fca2df68e87efa1e834edc715f734c45570d7", swirlPopover: this.sortMenu, slot: "navigation-controls" }, e("swirl-button", { key: "5ccfbafdb31fee59a5e267d6899e68883874f91f", label: "Sort items" })), e("swirl-stack", { key: "247e250dc87a7db010bd8635e085ceab7ddc8909", orientation: "horizontal", slot: "app-bar" }, e("swirl-stack", { key: "d0cb698bb99d45e97f1162ba80a2731860bae237" }, e("swirl-heading", { key: "01e4079741cae58e51d7de3408bfb70fee3c15cb", as: "h2", level: 4, text: (t = this.selectedFile) == null ? void 0 : t.name }), e("swirl-text", { key: "ddc796862ba1d343eab3b8ec2879723b1750c57e", 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: "b9e0506033cc69c323e5ae656ed6adb8e9297f02", slot: "app-bar-controls" }, this.selectedFile && e("swirl-button", { key: "709fbfe2ca572328f4a9f5e31ab881c79087a6d1", "hide-label": !0, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar })), e("swirl-box", { key: "b46e9ff6f5e31cdc7860644fd134fa94721f2730", padding: "16", slot: "sidebar" }, e("swirl-text", { key: "59bcc4b1762cce943f136ec855a1377ee1ce2fce", color: "subdued", weight: "medium" }, "File info goes here \u2026"))), e("swirl-popover", { key: "b05ddb70bf0f33921372c157e4c3126b009b84a9", label: "Sort items", ref: (a) => this.sortMenu = a }, e("swirl-option-list", { key: "c95585d27da38acf84540018f46ea1b8461eb26c", value: ["ascending"] }, e("swirl-option-list-item", { key: "5e745e373abadd135da430bc8c7c7027b0ff95c1", icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), e("swirl-option-list-item", { key: "03729a8125d53b2d9cda45535ae8443608cb4ae5", icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), e("swirl-option-list-item", { key: "c0700fae849f238ba9157499074e25d6e9acd4a1", icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" }))));
+    return e(a, { key: "5fef3d9788b5c227a0be70d61d1c5cf7b179651c" }, e("swirl-app-layout", { key: "8f9b26b5930548ea71c330d1b143c05efcccaac0", 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: "8d3cb59d203891143ee5af13fdb50e1c3bdbe90a", label: "Documents", slot: "navigation" }, this.renderNavigation()), e("swirl-popover-trigger", { key: "d29e6c471c41e85a80533d6206e44a29f433f195", swirlPopover: this.sortMenu, slot: "navigation-controls" }, e("swirl-button", { key: "0a796450c46e29910e5863c7c1fc6240c1ec58ee", label: "Sort items" })), e("swirl-stack", { key: "ac19edecd0b2e04cd541406192ef3e850a41c221", orientation: "horizontal", slot: "app-bar" }, e("swirl-stack", { key: "5048f7bc65df1a54c425cef1d43adbbe259bfd88" }, e("swirl-heading", { key: "231c50277175e6f02ee3e6acb66e4b7730f5db13", as: "h2", level: 4, text: (t = this.selectedFile) == null ? void 0 : t.name }), e("swirl-text", { key: "30c5b4c277560b1a0af01a4e76a8c72ffecd73a0", 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: "036c09769f2e9635a8d5ab5e65928138142ed8e2", slot: "app-bar-controls" }, this.selectedFile && e("swirl-button", { key: "3fc609b8c8be5d0299624e829eb9593c18b44ea6", "hide-label": !0, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar })), e("swirl-box", { key: "4bcf8d4a50729cb504c239a08c1b0d964555f8e2", padding: "16", slot: "sidebar" }, e("swirl-text", { key: "662eef693225f4d309d17f0a1f2550cfdda1473b", color: "subdued", weight: "medium" }, "File info goes here \u2026"))), e("swirl-popover", { key: "e452846619e5179ad9b28db0ae26dcd85bf0465d", label: "Sort items", ref: (s) => this.sortMenu = s }, e("swirl-option-list", { key: "e3dad94a02251cd2c69572f93e18bcc2161b13c8", value: ["ascending"] }, e("swirl-option-list-item", { key: "74e2304ff02b2faf5ef6ccab390e6714f3245b56", icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), e("swirl-option-list-item", { key: "4ed43ed7109a5f42b5398e6f525cf10fc0c30216", icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), e("swirl-option-list-item", { key: "3af74d7ad87629be9a95a40ff45b3759e642f13d", icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" }))));
   }
 };
 export {