npm - @getflip/swirl-components-react - Versions diffs - 0.208.3 → 0.210.0 - Mend

@getflip/swirl-components-react 0.208.3 → 0.210.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 (320) hide show

package/dist/{file-manager.entry.9408e637.js → file-manager.entry.ce6adb10.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as l, h as e, H as a } from "./index.552aa8bc.js";
+import { r as a, h as e, H as l } from "./index.72c526c1.js";
 import "react";
 import "react-dom";
 const o = {
@@ -29,7 +29,7 @@ const o = {
   ]
 }, r = class {
   constructor(t) {
-    l(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,7 +49,7 @@ const o = {
   }
   render() {
     var t, i;
-    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" }))));
+    return e(l, { key: "2640ddae013215e11f45c96bb72512eee2527e71" }, e("swirl-app-layout", { key: "bcce51f26f251bbd12cf9d033ab544d9d3d8b8f0", 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: "b1687c25b758ef778c8274001c5982b965db67d8", label: "Documents", slot: "navigation" }, this.renderNavigation()), e("swirl-popover-trigger", { key: "09c4c4cc86f0b741bb15a0612228726b7d61d13a", swirlPopover: this.sortMenu, slot: "navigation-controls" }, e("swirl-button", { key: "3d7c7665c11058b5c960b49e7f7fbd0767b90539", label: "Sort items" })), e("swirl-stack", { key: "e5c4aac64a4cabf77bbff7bd2aa9a8caa0cd59eb", orientation: "horizontal", slot: "app-bar" }, e("swirl-stack", { key: "0fcd8f4e8f35ccfa6055efe2a5c8f44954b93107" }, e("swirl-heading", { key: "e172485c4a16c4432c72953c6c561a28b75ed2d0", as: "h2", level: 4, text: (t = this.selectedFile) == null ? void 0 : t.name }), e("swirl-text", { key: "97b601b7277b7ab055f5249e760e16d60da6f008", 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: "eefefbc6e1f87b0efdf80d9f01adb08df10dd0b0", slot: "app-bar-controls" }, this.selectedFile && e("swirl-button", { key: "b04a665f962abc7763fbba796e921e864e329ab4", "hide-label": !0, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar })), e("swirl-box", { key: "383c4866de841375c6f1900a3083a3355b506f35", padding: "16", slot: "sidebar" }, e("swirl-text", { key: "869271cababd568217e67e299ea1915d5a0c04a6", color: "subdued", weight: "medium" }, "File info goes here \u2026"))), e("swirl-popover", { key: "9a61870c149cf0c37e0b6280b937f092c1eb9f37", label: "Sort items", ref: (s) => this.sortMenu = s }, e("swirl-option-list", { key: "b3d525279f5569ceff8becd8f93a32f7716d7a93", value: ["ascending"] }, e("swirl-option-list-item", { key: "dcc2112dd215698c6d4886bb00f4d470bfaf6cf0", icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), e("swirl-option-list-item", { key: "43efed9c4983845c9b39e10aec950474fa3fd1e2", icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), e("swirl-option-list-item", { key: "c35e82e79731aa643c5c6acd9d01218706157ed5", icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" }))));
   }
 };
 export {