@leaflink/stash 44.0.0-beta.5 → 44.0.0-beta.7

package/dist/ListView.js

@@ -1,16 +1,16 @@
 import W from "lodash-es/cloneDeep";
-import { resolveComponent as d, openBlock as a, createElementBlock as o, normalizeClass as r, createElementVNode as u, createVNode as p, toDisplayString as b, createCommentVNode as n, createBlock as h, withCtx as m, createTextVNode as T, renderSlot as f, TransitionGroup as F, resolveDirective as O, withDirectives as E, computed as q, withKeys as Y, normalizeStyle as J, Fragment as Q, renderList as X, mergeProps as Z, resolveDynamicComponent as $ } from "vue";
+import { resolveComponent as d, openBlock as a, createElementBlock as o, normalizeClass as r, createElementVNode as u, createVNode as p, toDisplayString as _, createCommentVNode as n, createBlock as h, withCtx as m, createTextVNode as T, renderSlot as f, TransitionGroup as F, resolveDirective as O, withDirectives as E, computed as q, withKeys as Y, normalizeStyle as J, Fragment as Q, renderList as X, mergeProps as Z, resolveDynamicComponent as $ } from "vue";
 import ee from "./useSearch.js";
-import { CSS_VARS as L, LLLV_CHANGE_TRIGGERS as w } from "./constants.js";
-import V from "./sticky.js";
+import { CSS_VARS as z, LLLV_CHANGE_TRIGGERS as b } from "./constants.js";
+import L from "./sticky.js";
 import { t as y } from "./locale.js";
 import { persistentStorage as A } from "./storage.js";
-import { getCssVar as D, filterItems as te, sortItems as se } from "./utils/helpers.js";
+import { getCssVar as V, filterItems as te, sortItems as se } from "./utils/helpers.js";
 import le from "./Badge.js";
 import v from "./Button.js";
-import R from "./Checkbox.js";
+import D from "./Checkbox.js";
 import ie from "./Dropdown.js";
-import { _ as N } from "./Expand.vue_vue_type_script_setup_true_lang-5fe03d51.js";
+import { _ as R } from "./Expand.vue_vue_type_script_setup_true_lang-b6a57ae9.js";
 import re from "./Filters.js";
 import B from "./Icon.js";
 import ae from "./Input.js";
@@ -68,7 +68,7 @@ const de = "_checkbox_7isy5_185", he = "_actions_7isy5_189", ue = {
   name: "bulk-actions",
   components: {
     "ll-button": v,
-    "ll-checkbox": R
+    "ll-checkbox": D
   },
   props: {
     allowSelectAll: Boolean,
@@ -127,15 +127,15 @@ const de = "_checkbox_7isy5_185", he = "_actions_7isy5_189", ue = {
   }
 }, ge = {
   key: 0,
-  class: "align-middle tw-flex tw-flex-1 tw-justify-between"
+  class: "tw-flex tw-flex-1 tw-items-center tw-justify-between"
 }, fe = {
   key: 0,
-  class: "text-small"
+  class: "tw-text-xs"
 }, pe = {
   key: 1,
   class: "lg:hidden tw-ml-1.5"
 };
-function Se(e, l, s, _, i, t) {
+function Se(e, l, s, w, i, t) {
   const c = d("ll-checkbox"), g = d("ll-button");
   return a(), o("div", {
     class: r([
@@ -147,8 +147,8 @@ function Se(e, l, s, _, i, t) {
     ])
   }, [
     u("div", {
-      class: r(["align-middle tw-flex", {
-        "align-justify": !s.hideBulkActionOptions
+      class: r(["tw-flex tw-items-center", {
+        "tw-justify-between": !s.hideBulkActionOptions
       }])
     }, [
       p(c, {
@@ -160,7 +160,7 @@ function Se(e, l, s, _, i, t) {
         "onUpdate:checked": t.onSelectPage
       }, null, 8, ["class", "checked", "indeterminate", "label", "onUpdate:checked"]),
       s.totalSelectedCount && !s.hideBulkActionOptions ? (a(), o("div", ge, [
-        s.hideNumberOfTotalSelected ? n("", !0) : (a(), o("div", fe, b(t.numberOfTotalSelectedText), 1)),
+        s.hideNumberOfTotalSelected ? n("", !0) : (a(), o("div", fe, _(t.numberOfTotalSelectedText), 1)),
         u("div", {
           class: r({ "tw-ml-3": !s.hideNumberOfTotalSelected })
         }, [
@@ -170,7 +170,7 @@ function Se(e, l, s, _, i, t) {
             onClick: t.selectAll
           }, {
             default: m(() => [
-              T(b(t.selectAllCountText), 1)
+              T(_(t.selectAllCountText), 1)
             ]),
             _: 1
           }, 8, ["onClick"])) : (a(), h(g, {
@@ -179,13 +179,13 @@ function Se(e, l, s, _, i, t) {
             onClick: t.clearSelected
           }, {
             default: m(() => [
-              T(b(t.clearSelectedText), 1)
+              T(_(t.clearSelectedText), 1)
             ]),
             _: 1
           }, 8, ["onClick"]))
         ], 2)
       ])) : s.hideBulkActionOptions && s.totalSelectedCount ? (a(), o("div", pe, [
-        u("h4", null, b(t.numItemsSelectedText), 1)
+        u("h4", null, _(t.numItemsSelectedText), 1)
       ])) : n("", !0)
     ], 2),
     s.totalSelectedCount && !s.hideBulkActionOptions ? (a(), o("div", {
@@ -198,9 +198,9 @@ function Se(e, l, s, _, i, t) {
 }
 const ye = {
   $style: ue
-}, _e = /* @__PURE__ */ k(me, [["render", Se], ["__cssModules", ye]]), be = {
+}, we = /* @__PURE__ */ k(me, [["render", Se], ["__cssModules", ye]]), _e = {
   "empty-state": "_empty-state_lwdra_176"
-}, we = {
+}, be = {
   name: "loading-manager",
   components: {
     EmptyState: oe,
@@ -218,7 +218,7 @@ const ye = {
     }
   }
 };
-function ke(e, l, s, _, i, t) {
+function ke(e, l, s, w, i, t) {
   const c = d("Loading"), g = d("EmptyState");
   return s.loading ? (a(), h(c, {
     key: 0,
@@ -239,8 +239,8 @@ function ke(e, l, s, _, i, t) {
   }, null, 8, ["class", "text"]));
 }
 const Ce = {
-  $style: be
-}, Te = /* @__PURE__ */ k(we, [["render", ke], ["__cssModules", Ce]]), Ie = {
+  $style: _e
+}, Te = /* @__PURE__ */ k(be, [["render", ke], ["__cssModules", Ce]]), xe = {
   "main-header": "_main-header_12ll3_176",
   "expanded-content-wrapper": "_expanded-content-wrapper_12ll3_192",
   "expanded-content-header": "_expanded-content-header_12ll3_202",
@@ -248,15 +248,15 @@ const Ce = {
   "expansion-toggle-button": "_expansion-toggle-button_12ll3_240",
   "list-group": "_list-group_12ll3_245",
   "expanded-content-list-items-wrapper": "_expanded-content-list-items-wrapper_12ll3_250"
-}, xe = {
+}, Ie = {
   name: "list-group",
   components: {
-    Expand: N,
+    Expand: R,
     "ll-button": v,
     Icon: B
   },
   directives: {
-    sticky: V
+    sticky: L
   },
   props: {
     /**
@@ -291,7 +291,7 @@ const Ce = {
   },
   computed: {
     headerOffset() {
-      return parseFloat(D(L.TOP_HEADER_HEIGHT));
+      return parseFloat(V(z.TOP_HEADER_HEIGHT));
     }
   },
   methods: {
@@ -303,8 +303,8 @@ const Ce = {
     }
   }
 }, ve = { class: "tw-flex-auto" }, Be = { ref: "actionsContainer" };
-function Ae(e, l, s, _, i, t) {
-  const c = d("Icon"), g = d("ll-button"), I = d("Expand"), x = O("sticky");
+function Ae(e, l, s, w, i, t) {
+  const c = d("Icon"), g = d("ll-button"), x = d("Expand"), I = O("sticky");
   return a(), o("div", {
     class: r([
       e.$style["list-group"],
@@ -315,7 +315,7 @@ function Ae(e, l, s, _, i, t) {
     ])
   }, [
     u("header", {
-      class: r(["align-middle tw-flex", [e.$style["main-header"], { "tw-cursor-pointer": s.isCollapsible }]]),
+      class: r(["tw-flex tw-items-center", [e.$style["main-header"], { "tw-cursor-pointer": s.isCollapsible }]]),
       onClick: l[0] || (l[0] = (...C) => t.onHeaderClick && t.onHeaderClick(...C))
     }, [
       s.isCollapsible ? (a(), h(g, {
@@ -338,7 +338,7 @@ function Ae(e, l, s, _, i, t) {
         f(e.$slots, "actions")
       ], 512)
     ], 2),
-    p(I, {
+    p(x, {
       "is-expanded": i.isExpanded,
       onAfterExpand: l[1] || (l[1] = (C) => i.isDoneExpanding = !0)
     }, {
@@ -356,7 +356,7 @@ function Ae(e, l, s, _, i, t) {
               f(e.$slots, "expanded-content-list-header")
             ], 2)
           ], 2)), [
-            [x, i.isExpanded && i.isDoneExpanding ? t.headerOffset : 0]
+            [I, i.isExpanded && i.isDoneExpanding ? t.headerOffset : 0]
           ]) : n("", !0),
           u("div", {
             class: r(e.$style["expanded-content-list-items-wrapper"])
@@ -378,8 +378,8 @@ function Ae(e, l, s, _, i, t) {
   ], 2);
 }
 const Pe = {
-  $style: Ie
-}, ss = /* @__PURE__ */ k(xe, [["render", Ae], ["__cssModules", Pe]]), Fe = "_caret_1147a_2", Oe = {
+  $style: xe
+}, ss = /* @__PURE__ */ k(Ie, [["render", Ae], ["__cssModules", Pe]]), Fe = "_caret_1147a_2", Oe = {
   "caret-up": "_caret-up_1147a_2",
   "caret-down": "_caret-down_1147a_6",
   caret: Fe
@@ -448,7 +448,7 @@ const Pe = {
     }
   }
 };
-function Le(e, l, s, _, i, t) {
+function ze(e, l, s, w, i, t) {
   const c = d("ll-icon");
   return a(), o("div", {
     class: r(["tw-cursor-pointer", { "tw-bg-blue-100": t.isSorted }]),
@@ -473,27 +473,27 @@ function Le(e, l, s, _, i, t) {
     ], 2)
   ], 2);
 }
-const Ve = {
+const Le = {
   $style: Oe
-}, ls = /* @__PURE__ */ k(Ee, [["render", Le], ["__cssModules", Ve]]), De = "_header_3fe5a_196", Re = "_separator_3fe5a_1", Ne = "_dropdown_3fe5a_347", ze = {
-  "list-items": "_list-items_3fe5a_176",
-  "legacy-box": "_legacy-box_3fe5a_189",
-  header: De,
-  "header-grid-container": "_header-grid-container_3fe5a_240",
-  "header-grid": "_header-grid_3fe5a_240",
-  "search-input": "_search-input_3fe5a_272",
-  "clear-button": "_clear-button_3fe5a_280",
-  "search-button": "_search-button_3fe5a_292",
-  "total-sort": "_total-sort_3fe5a_306",
-  "filter-toggle-btn": "_filter-toggle-btn_3fe5a_312",
-  "filter-toggle-btn-with-hint-text": "_filter-toggle-btn-with-hint-text_3fe5a_316",
-  "filters-expand": "_filters-expand_3fe5a_321",
-  "filters-wrapper": "_filters-wrapper_3fe5a_321",
-  separator: Re,
-  "filters-half-width": "_filters-half-width_3fe5a_342",
-  dropdown: Ne,
-  "sort-option": "_sort-option_3fe5a_351",
-  "select-all": "_select-all_3fe5a_355"
+}, ls = /* @__PURE__ */ k(Ee, [["render", ze], ["__cssModules", Le]]), Ve = "_header_8nzxr_196", De = "_separator_8nzxr_1", Re = "_dropdown_8nzxr_347", Ne = {
+  "list-items": "_list-items_8nzxr_176",
+  "legacy-box": "_legacy-box_8nzxr_189",
+  header: Ve,
+  "header-grid-container": "_header-grid-container_8nzxr_240",
+  "header-grid": "_header-grid_8nzxr_240",
+  "search-input": "_search-input_8nzxr_272",
+  "clear-button": "_clear-button_8nzxr_280",
+  "search-button": "_search-button_8nzxr_292",
+  "total-sort": "_total-sort_8nzxr_306",
+  "filter-toggle-btn": "_filter-toggle-btn_8nzxr_312",
+  "filter-toggle-btn-with-hint-text": "_filter-toggle-btn-with-hint-text_8nzxr_316",
+  "filters-expand": "_filters-expand_8nzxr_321",
+  "filters-wrapper": "_filters-wrapper_8nzxr_321",
+  separator: De,
+  "filters-half-width": "_filters-half-width_8nzxr_342",
+  dropdown: Re,
+  "sort-option": "_sort-option_8nzxr_351",
+  "select-all": "_select-all_8nzxr_355"
 }, P = {
   isSearchable: !0,
   placeholder: "Search",
@@ -501,7 +501,7 @@ const Ve = {
 }, He = {
   name: "ll-list-view",
   components: {
-    BulkActions: _e,
+    BulkActions: we,
     Filters: re,
     Paginate: ne,
     LoadingManager: Te,
@@ -509,12 +509,12 @@ const Ve = {
     Button: v,
     Icon: B,
     Dropdown: ie,
-    Expand: N,
-    Checkbox: R,
+    Expand: R,
+    Checkbox: D,
     Input: ae
   },
   directives: {
-    sticky: V
+    sticky: L
   },
   inject: {
     trackSearch: { default: () => () => {
@@ -771,8 +771,8 @@ const Ve = {
       if (this.isServerSide)
         e = this.results;
       else {
-        const { endIndex: l, totalCount: s, results: _, startIndex: i } = this;
-        e = _.slice(i, Math.min(l, s));
+        const { endIndex: l, totalCount: s, results: w, startIndex: i } = this;
+        e = w.slice(i, Math.min(l, s));
       }
       return this.$emit("updateResults", e), e;
     },
@@ -817,8 +817,8 @@ const Ve = {
     },
     numberOfFilters() {
       return Object.keys(this.filters).reduce((e, l) => {
-        const s = this.filters[l].filterBy, _ = typeof s[0] == "boolean", i = this.filters[l].filterType === "ll-checkbox", t = !this.filters[l].filterType.length, c = this.filters[l].filterType === "ll-input-options" && s[0] === "";
-        return t || c ? e : _ || typeof s[0] == "string" ? e + (s[0] || !i ? 1 : 0) : e + (s.length || 0);
+        const s = this.filters[l].filterBy, w = typeof s[0] == "boolean", i = this.filters[l].filterType === "ll-checkbox", t = !this.filters[l].filterType.length, c = this.filters[l].filterType === "ll-input-options" && s[0] === "";
+        return t || c ? e : w || typeof s[0] == "string" ? e + (s[0] || !i ? 1 : 0) : e + (s.length || 0);
       }, 0);
     },
     isSelectBarVisible() {
@@ -837,7 +837,7 @@ const Ve = {
       return this.selectedItems.length;
     },
     headerOffset() {
-      return this.disableStickyHeader ? null : this.stickyHeaderOffset ?? parseFloat(D(L.TOP_HEADER_HEIGHT));
+      return this.disableStickyHeader ? null : this.stickyHeaderOffset ?? parseFloat(V(z.TOP_HEADER_HEIGHT));
     }
   },
   watch: {
@@ -932,9 +932,9 @@ const Ve = {
       return this.sortTerm ? se(e, this.sorts[this.sortTerm]) : e;
     },
     change({ trigger: e = "" } = {}) {
-      const { currentPage: l, filters: s, isFiltered: _, pageSize: i, searchTerm: t, sortTerm: c } = this, g = {
+      const { currentPage: l, filters: s, isFiltered: w, pageSize: i, searchTerm: t, sortTerm: c } = this, g = {
         filters: s,
-        isFiltered: _,
+        isFiltered: w,
         page: {
           number: l,
           previousNumber: this.previousPage,
@@ -958,7 +958,7 @@ const Ve = {
      */
     reset() {
       if (this.$emit("change:reset"), this.searchTerm = "", this.setPage({ pageNumber: 1 }), this.isServerSide) {
-        this.change({ trigger: w.RESET });
+        this.change({ trigger: b.RESET });
         return;
       }
       this.processResults();
@@ -976,7 +976,7 @@ const Ve = {
      * by Filters.
      */
     onSearch() {
-      this.$refs.llFilters.applyFilters({ trigger: w.SEARCH });
+      this.$refs.llFilters.applyFilters({ trigger: b.SEARCH });
     },
     /**
      * Event handler for when the user:
@@ -988,7 +988,7 @@ const Ve = {
      * @param {string} [options.trigger] - what caused the changes
      * @returns {Promise<void>}
      */
-    async onFilter({ trigger: e = w.APPLY } = {}) {
+    async onFilter({ trigger: e = b.APPLY } = {}) {
       if (this.setPage({ pageNumber: 1 }), this.change({ trigger: e }), this.trackSearch(this.searchTerm), this.trackFilters(this.filters), this.selectedItems = [], !this.isServerSide) {
         try {
           this.isFiltering = !0, await this.processResults({ trigger: e });
@@ -1018,7 +1018,7 @@ const Ve = {
      * @param {string} term The updated sort term
      */
     onSort(e) {
-      e !== this.sortTerm && (this.sortTerm = e, this.$emit("change:sort", e), this.trackSort(e), this.clearSelected(), this.setPage({ pageNumber: 1 }), this.change({ trigger: w.SORT }));
+      e !== this.sortTerm && (this.sortTerm = e, this.$emit("change:sort", e), this.trackSort(e), this.clearSelected(), this.setPage({ pageNumber: 1 }), this.change({ trigger: b.SORT }));
     },
     /**
      * Sets current page for the Paginator.
@@ -1027,7 +1027,7 @@ const Ve = {
      * @param {boolean} data.forceChange - flag to force the change
      */
     setPage({ pageNumber: e, forceChange: l = !1 } = {}) {
-      this.previousPage = this.currentPage, this.currentPage = e, this.isServerSide || this.$emit("change:page", e), l && this.change({ trigger: w.PAGE });
+      this.previousPage = this.currentPage, this.currentPage = e, this.isServerSide || this.$emit("change:page", e), l && this.change({ trigger: b.PAGE });
     },
     /**
      * Set the scroll position to the top of the list view.
@@ -1069,12 +1069,12 @@ const Ve = {
       return e.reduce((l, s) => this.isItemDisabled(s) ? l : [...l, s], []);
     }
   }
-}, Me = { class: "ll-grid ll-grid-cols-4 md:ll-grid-cols-8 lg:ll-grid-cols-12" }, je = ["disabled"], Ge = { class: "align-right align-bottom button-grid col-span-1 lg:col-span-3" }, Ue = {
+}, Me = { class: "ll-grid ll-grid-cols-4 md:ll-grid-cols-8 lg:ll-grid-cols-12" }, je = ["disabled"], Ge = { class: "button-grid col-span-1 lg:col-span-3 tw-items-end tw-justify-end" }, Ue = {
   key: 0,
-  class: "text-small"
+  class: "tw-text-xs"
 };
-function Ke(e, l, s, _, i, t) {
-  const c = d("Icon"), g = d("Button"), I = d("Input"), x = d("Badge"), C = d("Filters"), z = d("Expand"), H = d("Dropdown"), M = d("Checkbox"), j = d("BulkActions"), G = d("Paginate"), U = O("sticky");
+function Ke(e, l, s, w, i, t) {
+  const c = d("Icon"), g = d("Button"), x = d("Input"), I = d("Badge"), C = d("Filters"), N = d("Expand"), H = d("Dropdown"), M = d("Checkbox"), j = d("BulkActions"), G = d("Paginate"), U = O("sticky");
   return a(), o("div", null, [
     t.showPrimaryControls || t.showSecondaryControls ? (a(), o("div", {
       key: 0,
@@ -1087,7 +1087,7 @@ function Ke(e, l, s, _, i, t) {
         "data-test": "filters|controls"
       }, [
         u("div", Me, [
-          t.internalSearchSchema.isSearchable ? (a(), h(I, {
+          t.internalSearchSchema.isSearchable ? (a(), h(x, {
             key: 0,
             ref: "search-input",
             modelValue: i.searchTerm,
@@ -1129,12 +1129,12 @@ function Ke(e, l, s, _, i, t) {
           }, 8, ["modelValue", "class", "hint-text", "label", "placeholder", "onChange"])) : n("", !0),
           s.filterSchema.length ? (a(), o("div", {
             key: 1,
-            class: r(["col-span-1 align-bottom tw-flex", [
+            class: r(["col-span-1 tw-flex tw-items-end", [
               e.$style["filter-toggle-btn"],
               { [e.$style["filter-toggle-btn-with-hint-text"]]: !!t.internalSearchSchema.hintText }
             ]])
           }, [
-            p(x, { content: t.numberOfFilters }, {
+            p(I, { content: t.numberOfFilters }, {
               default: m(() => [
                 p(g, {
                   secondary: "",
@@ -1153,7 +1153,7 @@ function Ke(e, l, s, _, i, t) {
                       key: 1,
                       name: "filter-line"
                     })),
-                    T(" " + b(i.filterText), 1)
+                    T(" " + _(i.filterText), 1)
                   ]),
                   _: 1
                 }, 8, ["disabled", "onClick"])
@@ -1165,7 +1165,7 @@ function Ke(e, l, s, _, i, t) {
             f(e.$slots, "actions")
           ])
         ]),
-        p(z, {
+        p(N, {
           "data-test": "filters|content",
           class: r(e.$style["filters-expand"]),
           "is-expanded": i.isShowingFilters
@@ -1203,7 +1203,7 @@ function Ke(e, l, s, _, i, t) {
       key: 1,
       class: r(["tw-mb-1.5", t.shouldShowTotal ? e.$style["total-sort"] : "tw-text-right"])
     }, [
-      t.shouldShowTotal ? (a(), o("div", Ue, b(t.total), 1)) : n("", !0),
+      t.shouldShowTotal ? (a(), o("div", Ue, _(t.total), 1)) : n("", !0),
       Object.keys(s.sorts).length ? (a(), h(H, {
         key: 1,
         class: r(e.$style.dropdown),
@@ -1218,15 +1218,15 @@ function Ke(e, l, s, _, i, t) {
           }, [
             (a(!0), o(Q, null, X(Object.keys(s.sorts), (S, K) => (a(), o("li", {
               key: K,
-              class: r([{ "is-selected": S === i.sortTerm }, "dropdown__item tw-rounded"])
+              class: r([{ "tw-bg-blue-100 tw-text-ice-700": S === i.sortTerm }, "dropdown__item tw-rounded"])
             }, [
               p(g, {
                 inline: "",
-                class: r(["align-middle", e.$style["sort-option"]]),
+                class: r(["tw-items-center", e.$style["sort-option"]]),
                 onClick: (qe) => t.onSort(S)
               }, {
                 default: m(() => [
-                  T(b(S) + " ", 1),
+                  T(_(S) + " ", 1),
                   S === i.sortTerm ? (a(), h(c, {
                     key: 0,
                     name: "check",
@@ -1331,10 +1331,10 @@ function Ke(e, l, s, _, i, t) {
   ]);
 }
 const We = {
-  $style: ze
+  $style: Ne
 }, is = /* @__PURE__ */ k(He, [["render", Ke], ["__cssModules", We]]);
 export {
-  _e as BulkActions,
+  we as BulkActions,
   ss as ListGroup,
   ls as ListHeader,
   Te as LoadingManager,