@leaflink/stash 53.4.6 → 53.4.8

package/dist/AppSidebar.js

@@ -1,94 +1,98 @@
-import { defineComponent as B, useSlots as C, computed as _, ref as O, watchEffect as V, createElementBlock as s, openBlock as a, normalizeClass as b, createVNode as o, Transition as g, withCtx as x, withDirectives as k, withModifiers as $, vShow as w, createElementVNode as p, createCommentVNode as c, renderSlot as i, unref as u } from "vue";
-import z from "./useMediaQuery.js";
-import N from "./Backdrop.js";
-import j from "./Divider.js";
-import { _ as A } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const D = {
+import { defineComponent as B, useSlots as C, computed as h, ref as O, watchEffect as $, createElementBlock as t, openBlock as a, normalizeClass as _, createVNode as o, Transition as b, withCtx as g, withDirectives as y, withModifiers as M, vShow as x, createElementVNode as p, createCommentVNode as d, renderSlot as i, unref as c } from "vue";
+import { a as V } from "./index-t9tXBnql.js";
+import z from "./Backdrop.js";
+import N from "./Divider.js";
+import { _ as j } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const A = {
   key: 0,
   class: "px-3 pt-6"
-}, M = {
+}, D = {
   key: 1,
   class: "px-3 pt-6"
 }, P = {
   key: 2,
   class: "pt-6"
-}, I = {
+}, L = {
   role: "menubar",
   "aria-orientation": "vertical"
-}, L = /* @__PURE__ */ B({
+}, Q = /* @__PURE__ */ B({
   __name: "AppSidebar",
   props: {
     isOpen: { type: Boolean, default: !1 }
   },
   emits: ["dismiss", "update:is-open"],
-  setup(y, { emit: S }) {
-    const v = y, r = C(), m = S, l = z("screen and (min-width: 1321px)"), e = _(() => v.isOpen && !l.value), n = O({ height: "", overflow: "" }), f = _(() => v.isOpen || l.value);
-    function E() {
-      m("dismiss"), m("update:is-open", !1);
+  setup(k, { emit: w }) {
+    const u = k, n = C(), f = w, l = V("screen and (min-width: 1321px)"), s = h(() => u.isOpen && !l.value), r = O({ height: "", overflow: "" }), m = h(() => u.isOpen || l.value);
+    function S() {
+      f("dismiss"), f("update:is-open", !1);
     }
-    function d() {
-      return document.scrollingElement || document.body;
+    function E() {
+      return typeof document > "u" ? null : document.scrollingElement || document.body;
     }
-    return V(() => {
-      l.value || (e.value && Object.assign(n.value, {
-        overflow: d().style.overflow,
-        height: d().style.height
-      }), Object.assign(d().style, {
-        overflow: e.value ? "hidden" : n.value.overflow,
+    return $(() => {
+      if (l.value) return;
+      const e = E();
+      e && (s.value && Object.assign(r.value, {
+        overflow: e.style.overflow,
+        height: e.style.height
+      }), Object.assign(e.style, {
+        overflow: s.value ? "hidden" : r.value.overflow,
         // Prevents page from scrolling when AppSidebar is open
-        height: e.value ? "100%" : n.value.height
+        height: s.value ? "100%" : r.value.height
         // Ensures the backdrop covers the entire page when AppSidebar is open
       }));
-    }), (t, h) => (a(), s("div", {
+    }), (e, v) => (a(), t("div", {
       id: "stash-app-sidebar",
-      class: b(["stash-app-sidebar relative", {
-        "stash-app-sidebar--is-open": f.value,
-        "z-modal": e.value,
-        "z-[301]": !e.value
+      class: _(["stash-app-sidebar relative", {
+        "stash-app-sidebar--is-open": m.value,
+        "z-modal": s.value,
+        "z-[301]": !s.value
       }]),
       "data-test": "stash-app-sidebar"
     }, [
-      o(g, { name: "backdrop" }, {
-        default: x(() => [
-          k(o(N, {
+      o(b, { name: "backdrop" }, {
+        default: g(() => [
+          y(o(z, {
             class: "stash-app-sidebar__backdrop",
-            onClick: $(E, ["stop"])
+            onClick: M(S, ["stop"])
           }, null, 512), [
-            [w, e.value]
+            [x, s.value]
           ])
         ]),
         _: 1
       }),
-      o(g, { name: "aside" }, {
-        default: x(() => [
-          k(p("aside", {
-            class: b(["stash-app-sidebar__aside fixed flex h-screen flex-col bg-purple-500", { "shadow-3xl": e.value }]),
+      o(b, { name: "aside" }, {
+        default: g(() => [
+          y(p("aside", {
+            class: _(["stash-app-sidebar__aside fixed flex h-screen flex-col bg-purple-500", { "shadow-3xl": s.value }]),
             "data-test": "stash-app-sidebar__aside"
           }, [
-            o(j, { class: "stash-app-sidebar__divider" }),
-            u(r)["app-context"] ? (a(), s("div", D, [
-              i(t.$slots, "app-context", {}, void 0, !0)
-            ])) : c("", !0),
-            u(r)["company-context"] ? (a(), s("div", M, [
-              i(t.$slots, "company-context", {}, void 0, !0)
-            ])) : c("", !0),
-            u(r).navigation ? (a(), s("nav", P, [
-              p("ul", I, [
-                i(t.$slots, "navigation", {}, void 0, !0)
+            o(N, { class: "stash-app-sidebar__divider" }),
+            c(n)["app-context"] ? (a(), t("div", A, [
+              i(e.$slots, "app-context")
+            ])) : d("", !0),
+            c(n)["company-context"] ? (a(), t("div", D, [
+              i(e.$slots, "company-context")
+            ])) : d("", !0),
+            c(n).navigation ? (a(), t("nav", P, [
+              p("ul", L, [
+                i(e.$slots, "navigation")
               ])
-            ])) : c("", !0),
-            h[0] || (h[0] = p("div", { class: "flex-1" }, null, -1)),
-            i(t.$slots, "footer", {}, void 0, !0)
+            ])) : d("", !0),
+            v[0] || (v[0] = p("div", { class: "flex-1" }, null, -1)),
+            i(e.$slots, "footer")
           ], 2), [
-            [w, f.value]
+            [x, m.value]
           ])
         ]),
         _: 3
       })
     ], 2));
   }
-}), H = /* @__PURE__ */ A(L, [["__scopeId", "data-v-1d101ddc"]]);
+}), T = {}, q = {
+  $style: T
+}, K = /* @__PURE__ */ j(Q, [["__cssModules", q]]);
 export {
-  H as default
+  K as default
 };
 //# sourceMappingURL=AppSidebar.js.map

package/dist/AppSidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppSidebar.js","sources":["../src/components/AppSidebar/AppSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed, ref, useSlots, watchEffect } from 'vue';\n\n  import useMediaQuery from '../../composables/useMediaQuery/useMediaQuery';\n  import Backdrop from '../Backdrop/Backdrop.vue';\n  import Divider from '../Divider/Divider.vue';\n\n  export interface AppSidebarProps {\n    /**\n     * Controls wether the sidebar is opened or not\n     */\n    isOpen?: boolean;\n  }\n\n  const props = withDefaults(defineProps<AppSidebarProps>(), {\n    isOpen: false,\n  });\n\n  const slots = useSlots();\n\n  const emit = defineEmits<{\n    /**\n     * @deprecated Use the `update:is-open` event instead\n     */\n    (e: 'dismiss'): void;\n    (e: 'update:is-open', isOpen: boolean): void;\n  }>();\n\n  const isExtraLargeScreen = useMediaQuery('screen and (min-width: 1321px)');\n  const isBackdropVisible = computed(() => props.isOpen && !isExtraLargeScreen.value);\n  const initialPageScrollingElementStyle = ref({ height: '', overflow: '' });\n  const isSidebarOpen = computed(() => props.isOpen || isExtraLargeScreen.value);\n\n  function onBackdropClick() {\n    emit('dismiss');\n    emit('update:is-open', false);\n  }\n\n  function getPageScrollingElement() {\n    return (document.scrollingElement || document.body) as HTMLElement;\n  }\n\n  watchEffect(() => {\n    if (isExtraLargeScreen.value) {\n      return;\n    }\n\n    if (isBackdropVisible.value) {\n      Object.assign(initialPageScrollingElementStyle.value, {\n        overflow: getPageScrollingElement().style.overflow,\n        height: getPageScrollingElement().style.height,\n      });\n    }\n\n    Object.assign(getPageScrollingElement().style, {\n      overflow: isBackdropVisible.value ? 'hidden' : initialPageScrollingElementStyle.value.overflow, // Prevents page from scrolling when AppSidebar is open\n      height: isBackdropVisible.value ? '100%' : initialPageScrollingElementStyle.value.height, // Ensures the backdrop covers the entire page when AppSidebar is open\n    });\n  });\n</script>\n\n<template>\n  <div\n    id=\"stash-app-sidebar\"\n    class=\"stash-app-sidebar relative\"\n    :class=\"{\n      'stash-app-sidebar--is-open': isSidebarOpen,\n      'z-modal': isBackdropVisible,\n      'z-[301]': !isBackdropVisible,\n    }\"\n    data-test=\"stash-app-sidebar\"\n  >\n    <Transition name=\"backdrop\">\n      <Backdrop v-show=\"isBackdropVisible\" class=\"stash-app-sidebar__backdrop\" @click.stop=\"onBackdropClick\" />\n    </Transition>\n    <Transition name=\"aside\">\n      <aside\n        v-show=\"isSidebarOpen\"\n        class=\"stash-app-sidebar__aside fixed flex h-screen flex-col bg-purple-500\"\n        :class=\"{ 'shadow-3xl': isBackdropVisible }\"\n        data-test=\"stash-app-sidebar__aside\"\n      >\n        <Divider class=\"stash-app-sidebar__divider\" />\n        <div v-if=\"slots['app-context']\" class=\"px-3 pt-6\">\n          <!-- @slot App Context component slot, ideally for rendering the context switcher -->\n          <slot name=\"app-context\"></slot>\n        </div>\n        <div v-if=\"slots['company-context']\" class=\"px-3 pt-6\">\n          <!-- @slot Company Context component slot, ideally for rendering the company picker -->\n          <slot name=\"company-context\"></slot>\n        </div>\n        <nav v-if=\"slots['navigation']\" class=\"pt-6\">\n          <ul role=\"menubar\" aria-orientation=\"vertical\">\n            <!-- @slot Navigation component slot, for rendering navigation items -->\n            <slot name=\"navigation\"></slot>\n          </ul>\n        </nav>\n        <div class=\"flex-1\"></div>\n        <!-- @slot Footer component slot, for rendering version/environment notes -->\n        <slot name=\"footer\"></slot>\n      </aside>\n    </Transition>\n  </div>\n</template>\n\n<style scoped>\n  @layer utilities {\n    .stash-app-sidebar__aside {\n      padding-top: calc(var(--height-topbar) - 1px); /* -1px to compensate for the border height */\n      width: var(--width-sidebar);\n    }\n\n    .stash-app-sidebar__divider::before,\n    .stash-app-sidebar__divider::after {\n      border-bottom: 1px solid rgb(255 255 255 / 12%);\n    }\n\n    .backdrop-enter-active,\n    .backdrop-leave-active {\n      transition: opacity 200ms ease-in-out;\n    }\n\n    .backdrop-enter-from,\n    .backdrop-leave-to {\n      opacity: 0;\n    }\n\n    .aside-enter-active,\n    .aside-leave-active {\n      transition:\n        opacity 200ms ease-in-out,\n        transform 200ms ease-in-out;\n    }\n\n    .aside-enter-from,\n    .aside-leave-to {\n      opacity: 0;\n      transform: translateX(-20%);\n    }\n  }\n</style>\n"],"names":["props","__props","slots","useSlots","emit","__emit","isExtraLargeScreen","useMediaQuery","isBackdropVisible","computed","initialPageScrollingElementStyle","ref","isSidebarOpen","onBackdropClick","getPageScrollingElement","watchEffect","_createElementBlock","_createVNode","_Transition","Backdrop","_createElementVNode","_normalizeClass","Divider","_unref","_openBlock","_hoisted_1","_renderSlot","_ctx","_hoisted_2","_hoisted_3","_hoisted_4"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAcE,UAAMA,IAAQC,GAIRC,IAAQC,EAAA,GAERC,IAAOC,GAQPC,IAAqBC,EAAc,gCAAgC,GACnEC,IAAoBC,EAAS,MAAMT,EAAM,UAAU,CAACM,EAAmB,KAAK,GAC5EI,IAAmCC,EAAI,EAAE,QAAQ,IAAI,UAAU,IAAI,GACnEC,IAAgBH,EAAS,MAAMT,EAAM,UAAUM,EAAmB,KAAK;AAE7E,aAASO,IAAkB;AACzB,MAAAT,EAAK,SAAS,GACdA,EAAK,kBAAkB,EAAK;AAAA,IAC9B;AAEA,aAASU,IAA0B;AACjC,aAAQ,SAAS,oBAAoB,SAAS;AAAA,IAChD;AAEA,WAAAC,EAAY,MAAM;AAChB,MAAIT,EAAmB,UAInBE,EAAkB,SACpB,OAAO,OAAOE,EAAiC,OAAO;AAAA,QACpD,UAAUI,IAA0B,MAAM;AAAA,QAC1C,QAAQA,EAAA,EAA0B,MAAM;AAAA,MAAA,CACzC,GAGH,OAAO,OAAOA,EAAA,EAA0B,OAAO;AAAA,QAC7C,UAAUN,EAAkB,QAAQ,WAAWE,EAAiC,MAAM;AAAA;AAAA,QACtF,QAAQF,EAAkB,QAAQ,SAASE,EAAiC,MAAM;AAAA;AAAA,MAAA,CACnF;AAAA,IACH,CAAC,mBAIDM,EAwCM,OAAA;AAAA,MAvCJ,IAAG;AAAA,MACH,UAAM,8BAA4B;AAAA,sCACYJ,EAAA;AAAA,mBAAgCJ,EAAA;AAAA,oBAAqCA,EAAA;AAAA,MAAA;MAKnH,aAAU;AAAA,IAAA;MAEVS,EAEaC,GAAA,EAFD,MAAK,cAAU;AAAA,mBACzB,MAAyG;AAAA,YAAzGD,EAAyGE,GAAA;AAAA,YAApE,OAAM;AAAA,YAA+B,WAAYN,GAAe,CAAA,MAAA,CAAA;AAAA,UAAA;gBAAnFL,EAAA,KAAiB;AAAA,UAAA;;;;MAErCS,EA0BaC,GAAA,EA1BD,MAAK,WAAO;AAAA,mBACtB,MAwBQ;AAAA,YAxBRE,EAwBQ,SAAA;AAAA,YAtBN,OAAKC,EAAA,CAAC,uEAAqE,EAAA,cACnDb,EAAA,MAAA,CAAiB,CAAA;AAAA,YACzC,aAAU;AAAA,UAAA;YAEVS,EAA8CK,GAAA,EAArC,OAAM,8BAA4B;AAAA,YAChCC,EAAArB,CAAA,EAAK,aAAA,KAAhBsB,EAAA,GAAAR,EAGM,OAHNS,GAGM;AAAA,cADJC,EAAgCC,EAAA,QAAA,eAAA,CAAA,GAAA,QAAA,EAAA;AAAA,YAAA;YAEvBJ,EAAArB,CAAA,EAAK,iBAAA,KAAhBsB,EAAA,GAAAR,EAGM,OAHNY,GAGM;AAAA,cADJF,EAAoCC,EAAA,QAAA,mBAAA,CAAA,GAAA,QAAA,EAAA;AAAA,YAAA;YAE3BJ,EAAArB,CAAA,EAAK,cAAhBsB,EAAA,GAAAR,EAKM,OALNa,GAKM;AAAA,cAJJT,EAGK,MAHLU,GAGK;AAAA,gBADHJ,EAA+BC,EAAA,QAAA,cAAA,CAAA,GAAA,QAAA,EAAA;AAAA,cAAA;;4BAGnCP,EAA0B,OAAA,EAArB,OAAM,SAAA,GAAQ,MAAA,EAAA;AAAA,YAEnBM,EAA2BC,EAAA,QAAA,UAAA,CAAA,GAAA,QAAA,EAAA;AAAA,UAAA;gBAtBnBf,EAAA,KAAa;AAAA,UAAA;;;;;;;"}
+{"version":3,"file":"AppSidebar.js","sources":["../src/components/AppSidebar/AppSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed, ref, useSlots, watchEffect } from 'vue';\n\n  import useMediaQuery from '../../composables/useMediaQuery/useMediaQuery';\n  import Backdrop from '../Backdrop/Backdrop.vue';\n  import Divider from '../Divider/Divider.vue';\n\n  export interface AppSidebarProps {\n    /**\n     * Controls wether the sidebar is opened or not\n     */\n    isOpen?: boolean;\n  }\n\n  const props = withDefaults(defineProps<AppSidebarProps>(), {\n    isOpen: false,\n  });\n\n  const slots = useSlots();\n\n  const emit = defineEmits<{\n    /**\n     * @deprecated Use the `update:is-open` event instead\n     */\n    (e: 'dismiss'): void;\n    (e: 'update:is-open', isOpen: boolean): void;\n  }>();\n\n  const isExtraLargeScreen = useMediaQuery('screen and (min-width: 1321px)');\n  const isBackdropVisible = computed(() => props.isOpen && !isExtraLargeScreen.value);\n  const initialPageScrollingElementStyle = ref({ height: '', overflow: '' });\n  const isSidebarOpen = computed(() => props.isOpen || isExtraLargeScreen.value);\n\n  function onBackdropClick() {\n    emit('dismiss');\n    emit('update:is-open', false);\n  }\n\n  function getPageScrollingElement(): HTMLElement | null {\n    if (typeof document === 'undefined') return null;\n    return (document.scrollingElement || document.body) as HTMLElement;\n  }\n\n  watchEffect(() => {\n    if (isExtraLargeScreen.value) return;\n\n    const el = getPageScrollingElement();\n    if (!el) return;\n\n    if (isBackdropVisible.value) {\n      Object.assign(initialPageScrollingElementStyle.value, {\n        overflow: el.style.overflow,\n        height: el.style.height,\n      });\n    }\n\n    Object.assign(el.style, {\n      overflow: isBackdropVisible.value ? 'hidden' : initialPageScrollingElementStyle.value.overflow, // Prevents page from scrolling when AppSidebar is open\n      height: isBackdropVisible.value ? '100%' : initialPageScrollingElementStyle.value.height, // Ensures the backdrop covers the entire page when AppSidebar is open\n    });\n  });\n</script>\n\n<template>\n  <div\n    id=\"stash-app-sidebar\"\n    class=\"stash-app-sidebar relative\"\n    :class=\"{\n      'stash-app-sidebar--is-open': isSidebarOpen,\n      'z-modal': isBackdropVisible,\n      'z-[301]': !isBackdropVisible,\n    }\"\n    data-test=\"stash-app-sidebar\"\n  >\n    <Transition name=\"backdrop\">\n      <Backdrop v-show=\"isBackdropVisible\" class=\"stash-app-sidebar__backdrop\" @click.stop=\"onBackdropClick\" />\n    </Transition>\n    <Transition name=\"aside\">\n      <aside\n        v-show=\"isSidebarOpen\"\n        class=\"stash-app-sidebar__aside fixed flex h-screen flex-col bg-purple-500\"\n        :class=\"{ 'shadow-3xl': isBackdropVisible }\"\n        data-test=\"stash-app-sidebar__aside\"\n      >\n        <Divider class=\"stash-app-sidebar__divider\" />\n        <div v-if=\"slots['app-context']\" class=\"px-3 pt-6\">\n          <!-- @slot App Context component slot, ideally for rendering the context switcher -->\n          <slot name=\"app-context\"></slot>\n        </div>\n        <div v-if=\"slots['company-context']\" class=\"px-3 pt-6\">\n          <!-- @slot Company Context component slot, ideally for rendering the company picker -->\n          <slot name=\"company-context\"></slot>\n        </div>\n        <nav v-if=\"slots['navigation']\" class=\"pt-6\">\n          <ul role=\"menubar\" aria-orientation=\"vertical\">\n            <!-- @slot Navigation component slot, for rendering navigation items -->\n            <slot name=\"navigation\"></slot>\n          </ul>\n        </nav>\n        <div class=\"flex-1\"></div>\n        <!-- @slot Footer component slot, for rendering version/environment notes -->\n        <slot name=\"footer\"></slot>\n      </aside>\n    </Transition>\n  </div>\n</template>\n\n<style module>\n  @layer utilities {\n    :global(:where(.stash-app-sidebar) .stash-app-sidebar__aside) {\n      padding-top: calc(var(--height-topbar) - 1px); /* -1px to compensate for the border height */\n      width: var(--width-sidebar);\n    }\n\n    :global(:where(.stash-app-sidebar) .stash-app-sidebar__divider::before),\n    :global(:where(.stash-app-sidebar) .stash-app-sidebar__divider::after) {\n      border-bottom: 1px solid rgb(255 255 255 / 12%);\n    }\n\n    :global(:where(.stash-app-sidebar) .backdrop-enter-active),\n    :global(:where(.stash-app-sidebar) .backdrop-leave-active) {\n      transition: opacity 200ms ease-in-out;\n    }\n\n    :global(:where(.stash-app-sidebar) .backdrop-enter-from),\n    :global(:where(.stash-app-sidebar) .backdrop-leave-to) {\n      opacity: 0;\n    }\n\n    :global(:where(.stash-app-sidebar) .aside-enter-active),\n    :global(:where(.stash-app-sidebar) .aside-leave-active) {\n      transition:\n        opacity 200ms ease-in-out,\n        transform 200ms ease-in-out;\n    }\n\n    :global(:where(.stash-app-sidebar) .aside-enter-from),\n    :global(:where(.stash-app-sidebar) .aside-leave-to) {\n      opacity: 0;\n      transform: translateX(-20%);\n    }\n  }\n</style>\n"],"names":["props","__props","slots","useSlots","emit","__emit","isExtraLargeScreen","useMediaQuery","isBackdropVisible","computed","initialPageScrollingElementStyle","ref","isSidebarOpen","onBackdropClick","getPageScrollingElement","watchEffect","el","_createElementBlock","_createVNode","_Transition","Backdrop","_createElementVNode","_normalizeClass","Divider","_unref","_openBlock","_hoisted_1","_renderSlot","_ctx","_hoisted_2","_hoisted_3","_hoisted_4"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAcE,UAAMA,IAAQC,GAIRC,IAAQC,EAAA,GAERC,IAAOC,GAQPC,IAAqBC,EAAc,gCAAgC,GACnEC,IAAoBC,EAAS,MAAMT,EAAM,UAAU,CAACM,EAAmB,KAAK,GAC5EI,IAAmCC,EAAI,EAAE,QAAQ,IAAI,UAAU,IAAI,GACnEC,IAAgBH,EAAS,MAAMT,EAAM,UAAUM,EAAmB,KAAK;AAE7E,aAASO,IAAkB;AACzB,MAAAT,EAAK,SAAS,GACdA,EAAK,kBAAkB,EAAK;AAAA,IAC9B;AAEA,aAASU,IAA8C;AACrD,aAAI,OAAO,WAAa,MAAoB,OACpC,SAAS,oBAAoB,SAAS;AAAA,IAChD;AAEA,WAAAC,EAAY,MAAM;AAChB,UAAIT,EAAmB,MAAO;AAE9B,YAAMU,IAAKF,EAAA;AACX,MAAKE,MAEDR,EAAkB,SACpB,OAAO,OAAOE,EAAiC,OAAO;AAAA,QACpD,UAAUM,EAAG,MAAM;AAAA,QACnB,QAAQA,EAAG,MAAM;AAAA,MAAA,CAClB,GAGH,OAAO,OAAOA,EAAG,OAAO;AAAA,QACtB,UAAUR,EAAkB,QAAQ,WAAWE,EAAiC,MAAM;AAAA;AAAA,QACtF,QAAQF,EAAkB,QAAQ,SAASE,EAAiC,MAAM;AAAA;AAAA,MAAA,CACnF;AAAA,IACH,CAAC,mBAIDO,EAwCM,OAAA;AAAA,MAvCJ,IAAG;AAAA,MACH,UAAM,8BAA4B;AAAA,sCACYL,EAAA;AAAA,mBAAgCJ,EAAA;AAAA,oBAAqCA,EAAA;AAAA,MAAA;MAKnH,aAAU;AAAA,IAAA;MAEVU,EAEaC,GAAA,EAFD,MAAK,cAAU;AAAA,mBACzB,MAAyG;AAAA,YAAzGD,EAAyGE,GAAA;AAAA,YAApE,OAAM;AAAA,YAA+B,WAAYP,GAAe,CAAA,MAAA,CAAA;AAAA,UAAA;gBAAnFL,EAAA,KAAiB;AAAA,UAAA;;;;MAErCU,EA0BaC,GAAA,EA1BD,MAAK,WAAO;AAAA,mBACtB,MAwBQ;AAAA,YAxBRE,EAwBQ,SAAA;AAAA,YAtBN,OAAKC,EAAA,CAAC,uEAAqE,EAAA,cACnDd,EAAA,MAAA,CAAiB,CAAA;AAAA,YACzC,aAAU;AAAA,UAAA;YAEVU,EAA8CK,GAAA,EAArC,OAAM,8BAA4B;AAAA,YAChCC,EAAAtB,CAAA,EAAK,aAAA,KAAhBuB,EAAA,GAAAR,EAGM,OAHNS,GAGM;AAAA,cADJC,EAAgCC,EAAA,QAAA,aAAA;AAAA,YAAA;YAEvBJ,EAAAtB,CAAA,EAAK,iBAAA,KAAhBuB,EAAA,GAAAR,EAGM,OAHNY,GAGM;AAAA,cADJF,EAAoCC,EAAA,QAAA,iBAAA;AAAA,YAAA;YAE3BJ,EAAAtB,CAAA,EAAK,cAAhBuB,EAAA,GAAAR,EAKM,OALNa,GAKM;AAAA,cAJJT,EAGK,MAHLU,GAGK;AAAA,gBADHJ,EAA+BC,EAAA,QAAA,YAAA;AAAA,cAAA;;4BAGnCP,EAA0B,OAAA,EAArB,OAAM,SAAA,GAAQ,MAAA,EAAA;AAAA,YAEnBM,EAA2BC,EAAA,QAAA,QAAA;AAAA,UAAA;gBAtBnBhB,EAAA,KAAa;AAAA,UAAA;;;;;;;;;"}

package/dist/AppTopbar.js

@@ -1,5 +1,5 @@
 import { defineComponent as m, createElementBlock as f, openBlock as h, createElementVNode as e, normalizeClass as i, createVNode as a, unref as b, renderSlot as o } from "vue";
-import u from "./useMediaQuery.js";
+import { a as u } from "./index-t9tXBnql.js";
 import x from "./Icon.js";
 import { _ as l } from "./Logo.vue_vue_type_script_setup_true_lang-qiNaaWWV.js";
 const _ = {

package/dist/Copy.js

@@ -5,7 +5,7 @@ import { t as f } from "./locale.js";
 import _ from "./Button.js";
 import x from "./Icon.js";
 import $ from "./IconLabel.js";
-import { _ as N } from "./Tooltip.vue_vue_type_script_setup_true_lang-CFpM7Ldj.js";
+import { _ as N } from "./Tooltip.vue_vue_type_script_setup_true_lang-UUjw5O1x.js";
 import { _ as S } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const U = /* @__PURE__ */ w({
   __name: "Copy",

package/dist/DataViewFilters.js

@@ -1,5 +1,5 @@
 import { ref as B, computed as C, defineComponent as j, useSlots as O, inject as z, provide as J, watch as Q, createBlock as m, openBlock as f, normalizeClass as U, unref as t, withCtx as u, createCommentVNode as p, createElementBlock as Z, mergeProps as $, createElementVNode as A, renderSlot as G, createVNode as I, createTextVNode as k, toDisplayString as w } from "vue";
-import q from "./useMediaQuery.js";
+import { a as q } from "./index-t9tXBnql.js";
 import { SCREEN_SIZES as H } from "./constants.js";
 import { t as d } from "./locale.js";
 import { _ as K } from "./Box.vue_vue_type_script_setup_true_lang-dFFZN40_.js";

package/dist/DataViewFilters.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataViewFilters.js","sources":["../src/components/DataViewFilters/DataViewFilters.types.ts","../src/components/DataViewFilters/useFilters.ts","../src/components/DataViewFilters/DataViewFilters.vue"],"sourcesContent":["import { UseFiltersReturnType } from './useFilters';\n\n/**\n * A function that is called when the user clicks one of the \"Apply\" buttons in DataViewFilters.\n *\n * A return value of `{ preventDismiss: true }` can be used to prevent the DataViewFilters drawer or a FilterDropdown from closing, such as when some filters have invalid values.\n */\nexport type OnApplyFilters = () => Promise<{ preventDismiss?: boolean } | void> | { preventDismiss?: boolean } | void;\n\nexport enum DrawerStyle {\n  /** Displays all groups and their fields without the need for navigating submenus. */\n  Cascade = 'cascade',\n  /** Displays only group names or fields; navigation between the group names and a submenu of fields is required. */\n  Nested = 'nested',\n}\n\nexport type DrawerStyles = `${DrawerStyle}`;\n\nexport interface DataViewFiltersUtilsInjection {\n  useFiltersInstance?: UseFiltersReturnType;\n  drawerStyle?: DrawerStyles;\n}\n","import cloneDeep from 'lodash-es/cloneDeep';\nimport { computed, ComputedRef, Ref, ref } from 'vue';\n\nimport isDefined from '../../composables/useValidation/utils/isDefined';\nimport DataView from '../DataView/DataView.vue';\n\ntype DataViewInstance = InstanceType<typeof DataView>;\n\n/**\n * Contains metadata and configuration for the filters.\n * @see https://www.typescriptlang.org/docs/handbook/2/mapped-types.html\n */\nexport type UseFiltersSchema<Values extends object, Groups extends string> = {\n  [Property in keyof Values]: {\n    defaultValue?: Values[Property];\n    group?: Groups;\n    isActive?: (value: Values[Property]) => boolean;\n  };\n};\n\nexport interface UseFiltersArgs<Values extends object, Groups extends string> {\n  schema: UseFiltersSchema<Values, Groups>;\n  /** A ref for an instance of DataView */\n  dataViewRef: Ref<unknown>; // Note: using `Ref<InstanceType<typeof DataView>>` here causes type errors when providing a value for this argument\n}\n\nexport interface UseFiltersReturnType<Values = object, Groups extends string = string> {\n  applyFilters: () => void;\n  resetAllFilters: () => void;\n  resetFilterGroup: (group: string) => void; // Note: group is intentionally not typed as `Groups` since there is no way to pass in a Groups type to UseFiltersReturnType within DataViewFilters.vue\n  undoWorkingFilters: () => void;\n  activeFiltersCounts: ComputedRef<Record<Groups, number>>;\n  totalActiveFiltersCount: ComputedRef<number>;\n  appliedFilters: Ref<Values>;\n  workingFilters: Ref<Values>;\n}\n\n/**\n * Provides utility functions for working with `DataViewFilters`.\n */\nexport function useFilters<Values extends object, Groups extends string>({\n  schema,\n  dataViewRef,\n}: UseFiltersArgs<Values, Groups>): UseFiltersReturnType<Values, Groups> {\n  const appliedFilters = ref({}) as Ref<Values>;\n  const workingFilters = ref({}) as Ref<Values>;\n\n  for (const filterName in schema) {\n    // @ts-expect-error \"could be instantiated with an arbitrary type\"; TODO: figure out how to resolve the types\n    appliedFilters.value[filterName] = schema[filterName].defaultValue;\n    // @ts-expect-error \"could be instantiated with an arbitrary type\"; TODO: figure out how to resolve the types\n    workingFilters.value[filterName] = schema[filterName].defaultValue;\n  }\n\n  const dvRef = dataViewRef as Ref<DataViewInstance>;\n\n  /**\n   * For when an \"Apply\" button is clicked. It does the following:\n   *   1) applies the working filter state\n   *   2) sets the current page to 1\n   *   3) emits the \"update\" event from DataView\n   */\n  function applyFilters() {\n    appliedFilters.value = cloneDeep(workingFilters.value);\n    dvRef.value.updateCurrentFilters(appliedFilters.value, { shouldEmit: true });\n  }\n\n  /**\n   * For when a \"Reset all\" button is clicked. It does the following:\n   *   1) applies the defaultValue filter values to all filters\n   *   2) sets the current page to 1\n   *   3) emits the \"update\" event from DataView\n   */\n  function resetAllFilters() {\n    for (const filterName in schema) {\n      // @ts-expect-error \"could be instantiated with an arbitrary type\"; TODO: figure out how to resolve the types\n      appliedFilters.value[filterName] = schema[filterName].defaultValue;\n      // @ts-expect-error \"could be instantiated with an arbitrary type\"; TODO: figure out how to resolve the types\n      workingFilters.value[filterName] = schema[filterName].defaultValue;\n    }\n\n    dvRef.value.updateCurrentFilters(appliedFilters.value, { shouldEmit: true });\n  }\n\n  /**\n   * For when a \"Reset\" button is clicked. It does the following:\n   *   1) applies the defaultValue filter values to the given filter group\n   *   2) sets the current page to 1\n   *   3) emits the \"update\" event from DataView\n   */\n  function resetFilterGroup(group: Groups) {\n    for (const filterName in schema) {\n      if (schema[filterName].group === group) {\n        // @ts-expect-error \"could be instantiated with an arbitrary type\"; TODO: figure out how to resolve the types\n        appliedFilters.value[filterName] = schema[filterName].defaultValue;\n        // @ts-expect-error \"could be instantiated with an arbitrary type\"; TODO: figure out how to resolve the types\n        workingFilters.value[filterName] = schema[filterName].defaultValue;\n      }\n    }\n\n    dvRef.value.updateCurrentFilters(appliedFilters.value, { shouldEmit: true });\n  }\n\n  /**\n   * Resets the `workingFilters` to match the `appliedFilters`. This can be used when the FilterDrawer or a FilterDropdown is dismissed without clicking \"Reset\" or \"Apply\".\n   */\n  function undoWorkingFilters() {\n    workingFilters.value = cloneDeep(appliedFilters.value);\n  }\n\n  const activeFiltersCounts = computed(() => {\n    const counts = {} as Record<Groups, number>;\n\n    for (const filterName in schema) {\n      const config = schema[filterName];\n      const value = appliedFilters.value[filterName];\n      const isActive = config.isActive?.(value) || isDefined(value);\n\n      if (isActive && config.group) {\n        counts[config.group] = (counts[config.group] ?? 0) + 1;\n      }\n    }\n\n    return counts;\n  });\n\n  const totalActiveFiltersCount = computed(() => {\n    let count = 0;\n\n    for (const filterName in schema) {\n      const config = schema[filterName];\n      const value = appliedFilters.value[filterName];\n      const isActive = config.isActive?.(value) || isDefined(value);\n\n      if (isActive) {\n        count += 1;\n      }\n    }\n\n    return count;\n  });\n\n  return {\n    applyFilters,\n    resetAllFilters,\n    // @ts-expect-error \"could be instantiated with a different subtype\": TODO: figure out how to resolve the types\n    resetFilterGroup,\n    undoWorkingFilters,\n    activeFiltersCounts,\n    totalActiveFiltersCount,\n    appliedFilters,\n    workingFilters,\n  };\n}\n\nexport default useFilters;\n","<script lang=\"ts\">\n  export * from './DataViewFilters.keys';\n  export * from './DataViewFilters.types';\n  export * from './useFilters';\n</script>\n\n<script setup lang=\"ts\">\n  import { computed, inject, provide, ref, watch } from 'vue';\n\n  import useMediaQuery from '../../composables/useMediaQuery/useMediaQuery';\n  import { SCREEN_SIZES } from '../../constants';\n  import { t } from '../../locale';\n  import Box from '../Box/Box.vue';\n  import Button from '../Button/Button.vue';\n  import { DATA_VIEW_INJECTION } from '../DataView/DataView.vue';\n  import FilterChip from '../FilterChip/FilterChip.vue';\n  import Icon from '../Icon/Icon.vue';\n  import Label from '../Label/Label.vue';\n  import Modal, { type ModalProps } from '../Modal/Modal.vue';\n  import SearchBar, { SearchBarProps } from '../SearchBar/SearchBar.vue';\n  import { DATA_VIEW_FILTERS_UTILS_INJECTION } from './DataViewFilters.keys';\n  import type { DrawerStyles, OnApplyFilters } from './DataViewFilters.types';\n  import type { UseFiltersReturnType } from './useFilters';\n\n  export interface DataViewFiltersProps {\n    filtersLabelText?: string;\n    /**\n     * Props to pass to the `SearchBar` component.\n     */\n    searchBarProps?: SearchBarProps;\n    showSearch?: boolean;\n    /** 'cascade' displays all fields within every filter group; 'nested' displays only the group names and requires clicking a group to view its fields. */\n    drawerStyle?: DrawerStyles;\n    drawerProps?: ModalProps;\n    /**\n     * @deprecated The `activeGroup` prop is a sufficient replacement for this prop. A falsy `activeGroup` will hide the button and a truthy `activeGroup` will show it (when the `drawerStyle` is 'nested').\n     *\n     * **Note:** This prop has no effect when using a \"cascade\" `drawerStyle`.\n     */\n    showDrawerPreviousButton?: boolean;\n    /**\n     * Required when using filters. This prop should contain the return value of the `useFilters()` composable.\n     */\n    useFiltersInstance?: UseFiltersReturnType;\n    onApply?: OnApplyFilters;\n    /**\n     * The name of the active filter group. The active filter group is determined by which instance of FilterDropdown or FilterDrawerItem is open.\n     *\n     * **Note:** This prop is required when using a \"nested\" `drawerStyle`, but has no effect when using a \"cascade\" `drawerStyle`.\n     */\n    activeGroup?: string;\n  }\n\n  export interface DataViewFiltersSlots {\n    default?: () => unknown;\n    drawer?: () => unknown;\n    'filters-label'?: () => unknown;\n  }\n\n  const props = withDefaults(defineProps<DataViewFiltersProps>(), {\n    filtersLabelText: t('ll.filterBy'),\n    isLoading: false,\n    drawerStyle: 'cascade',\n    drawerProps: undefined,\n    searchBarProps: undefined,\n    showDrawerPreviousButton: false,\n    showSearch: true,\n    useFiltersInstance: undefined,\n    onApply: undefined,\n    activeGroup: undefined,\n  });\n\n  const emit = defineEmits<{\n    /** When the drawer is opened */\n    (e: 'open-drawer'): void;\n    /** When the drawer is dismissed */\n    (e: 'dismiss'): void;\n    /** When the \"Previous\" button in the header is clicked */\n    (e: 'previous'): void;\n    /** When the \"Reset\" button is clicked while viewing a filter group */\n    (e: 'reset-group'): void;\n    /** When one of the \"Reset All\" buttons is clicked */\n    (e: 'reset-all'): void;\n  }>();\n\n  const slots = defineSlots<DataViewFiltersSlots>();\n\n  const isDesktop = useMediaQuery(`(min-width: ${SCREEN_SIZES.lg})`);\n  const isViewingGroupsMenu = computed(() => props.drawerStyle === 'nested' && !props.activeGroup);\n  const isViewingSingleGroup = computed(() => props.drawerStyle === 'nested' && props.activeGroup);\n\n  const {\n    density,\n    isLoading: isDataViewLoading,\n    isWithinModule,\n    currentSearch,\n    updateCurrentSearch,\n  } = inject(DATA_VIEW_INJECTION.key, DATA_VIEW_INJECTION.defaults);\n\n  provide(DATA_VIEW_FILTERS_UTILS_INJECTION.key, {\n    useFiltersInstance: props.useFiltersInstance,\n    drawerStyle: props.drawerStyle,\n  });\n\n  const totalActiveFiltersCount = computed(() => props.useFiltersInstance?.totalActiveFiltersCount.value ?? 0);\n  /** The number of active filters in the currently active group. This is only used when the drawerStyle is 'nested'. */\n  const activeGroupActiveFiltersCount = computed(\n    () => Number(props.activeGroup && props.useFiltersInstance?.activeFiltersCounts.value[props.activeGroup]) || 0,\n  );\n  const isDrawerOpen = ref(false);\n\n  async function handleApplyClick() {\n    const { preventDismiss } = (await props.onApply?.()) || props.useFiltersInstance?.applyFilters() || {};\n\n    if (!preventDismiss) {\n      isDrawerOpen.value = false;\n    }\n  }\n\n  function handleResetGroupClick() {\n    if (!props.activeGroup) {\n      return;\n    }\n\n    props.useFiltersInstance?.resetFilterGroup(props.activeGroup);\n    emit('reset-group');\n    isDrawerOpen.value = false;\n  }\n\n  function handleResetAllClick() {\n    props.useFiltersInstance?.resetAllFilters();\n    emit('reset-all');\n    isDrawerOpen.value = false;\n  }\n\n  function onDismiss() {\n    props.useFiltersInstance?.undoWorkingFilters();\n    isDrawerOpen.value = false;\n    emit('dismiss');\n  }\n\n  watch(isDrawerOpen, () => {\n    if (isDrawerOpen.value) {\n      emit('open-drawer');\n    }\n  });\n</script>\n\n<template>\n  <Box\n    class=\"stash-data-view-filters grid grid-cols-12 gap-6 p-3\"\n    :class=\"{ 'lg:p-6': density === 'comfortable', 'mb-3': !isWithinModule }\"\n    :radius=\"isWithinModule ? 'none' : 'rounded'\"\n    data-test=\"stash-data-view-filters\"\n    disable-padding\n  >\n    <SearchBar\n      v-if=\"props.showSearch\"\n      class=\"col-span-12 md:col-span-6 lg:col-span-4\"\n      data-test=\"stash-data-view-filters|search-bar\"\n      :is-loading=\"isDataViewLoading\"\n      :label=\"t('ll.search')\"\n      :model-value=\"currentSearch\"\n      v-bind=\"props.searchBarProps\"\n      @search=\"(searchTerm) => updateCurrentSearch(searchTerm, { shouldEmit: true })\"\n    />\n    <div\n      v-if=\"slots.default\"\n      class=\"col-span-12 row-start-2 md:col-start-7 md:row-start-1 lg:col-span-8 lg:col-start-5\"\n    >\n      <div class=\"hidden md:block\">\n        <slot name=\"filters-label\">\n          <Label>{{ props.filtersLabelText }}</Label>\n        </slot>\n      </div>\n      <div class=\"flex gap-4\">\n        <FilterChip\n          secondary\n          class=\"!md:inline-flex !flex w-full justify-center gap-4 md:w-auto\"\n          data-test=\"stash-data-view-filters|drawer-toggle-button\"\n          :filter-count=\"totalActiveFiltersCount\"\n          @click=\"isDrawerOpen = true\"\n        >\n          <span class=\"inline-flex items-center gap-3\">\n            <Icon name=\"filter-line\" class=\"text-ice-700\" />\n            <span>{{ t('ll.filters') }}</span>\n          </span>\n        </FilterChip>\n        <slot v-if=\"isDesktop\"></slot>\n        <Button v-if=\"totalActiveFiltersCount > 0 && isDesktop\" inline @click=\"handleResetAllClick\">\n          {{ t('ll.resetAll') }}\n        </Button>\n      </div>\n    </div>\n    <Modal\n      v-if=\"slots.drawer\"\n      data-test=\"stash-data-view-filters|drawer\"\n      disable-body-padding\n      position=\"right\"\n      size=\"narrow\"\n      :is-open=\"isDrawerOpen\"\n      :title=\"t('ll.allFilters')\"\n      v-bind=\"props.drawerProps\"\n      @dismiss=\"onDismiss\"\n    >\n      <template #headerAction>\n        <Button\n          v-if=\"isViewingSingleGroup\"\n          icon\n          class=\"text-ice-100\"\n          data-test=\"stash-data-view-filters|drawer-previous-button\"\n          :aria-label=\"t('ll.previous')\"\n          :title=\"t('ll.previous')\"\n          @click=\"emit('previous')\"\n        >\n          <Icon name=\"chevron-left\" />\n        </Button>\n      </template>\n\n      <slot name=\"drawer\"></slot>\n\n      <template #footer>\n        <div class=\"flex justify-end gap-gutter\">\n          <Button v-if=\"totalActiveFiltersCount === 0\" secondary @click=\"onDismiss\">\n            {{ t('ll.cancel') }}\n          </Button>\n          <Button\n            v-if=\"(isViewingGroupsMenu || props.drawerStyle === 'cascade') && totalActiveFiltersCount > 0\"\n            secondary\n            :disabled=\"isDataViewLoading\"\n            @click=\"handleResetAllClick\"\n          >\n            {{ t('ll.resetAll') }}\n          </Button>\n          <Button\n            v-if=\"isViewingSingleGroup && activeGroupActiveFiltersCount > 0\"\n            secondary\n            :disabled=\"isDataViewLoading\"\n            @click=\"handleResetGroupClick\"\n          >\n            {{ t('ll.reset') }}\n          </Button>\n          <Button\n            v-if=\"isViewingSingleGroup || props.drawerStyle === 'cascade'\"\n            :disabled=\"isDataViewLoading\"\n            @click=\"handleApplyClick\"\n          >\n            {{ t('ll.apply') }}\n          </Button>\n        </div>\n      </template>\n    </Modal>\n  </Box>\n</template>\n"],"names":["DrawerStyle","useFilters","schema","dataViewRef","appliedFilters","ref","workingFilters","filterName","dvRef","applyFilters","cloneDeep","resetAllFilters","resetFilterGroup","group","undoWorkingFilters","activeFiltersCounts","computed","counts","config","value","_a","isDefined","totalActiveFiltersCount","count","props","__props","emit","__emit","slots","_useSlots","isDesktop","useMediaQuery","SCREEN_SIZES","isViewingGroupsMenu","isViewingSingleGroup","density","isDataViewLoading","isWithinModule","currentSearch","updateCurrentSearch","inject","DATA_VIEW_INJECTION","provide","DATA_VIEW_FILTERS_UTILS_INJECTION","activeGroupActiveFiltersCount","isDrawerOpen","handleApplyClick","preventDismiss","_b","handleResetGroupClick","handleResetAllClick","onDismiss","watch","_createBlock","Box","_normalizeClass","_unref","_openBlock","SearchBar","_mergeProps","t","_cache","searchTerm","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_renderSlot","_ctx","_createVNode","Label","_createTextVNode","_toDisplayString","_hoisted_3","FilterChip","_hoisted_4","Icon","Button","Modal","_hoisted_5"],"mappings":"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"}
+{"version":3,"file":"DataViewFilters.js","sources":["../src/components/DataViewFilters/DataViewFilters.types.ts","../src/components/DataViewFilters/useFilters.ts","../src/components/DataViewFilters/DataViewFilters.vue"],"sourcesContent":["import { UseFiltersReturnType } from './useFilters';\n\n/**\n * A function that is called when the user clicks one of the \"Apply\" buttons in DataViewFilters.\n *\n * A return value of `{ preventDismiss: true }` can be used to prevent the DataViewFilters drawer or a FilterDropdown from closing, such as when some filters have invalid values.\n */\nexport type OnApplyFilters = () => Promise<{ preventDismiss?: boolean } | void> | { preventDismiss?: boolean } | void;\n\nexport enum DrawerStyle {\n  /** Displays all groups and their fields without the need for navigating submenus. */\n  Cascade = 'cascade',\n  /** Displays only group names or fields; navigation between the group names and a submenu of fields is required. */\n  Nested = 'nested',\n}\n\nexport type DrawerStyles = `${DrawerStyle}`;\n\nexport interface DataViewFiltersUtilsInjection {\n  useFiltersInstance?: UseFiltersReturnType;\n  drawerStyle?: DrawerStyles;\n}\n","import cloneDeep from 'lodash-es/cloneDeep';\nimport { computed, ComputedRef, Ref, ref } from 'vue';\n\nimport isDefined from '../../composables/useValidation/utils/isDefined';\nimport DataView from '../DataView/DataView.vue';\n\ntype DataViewInstance = InstanceType<typeof DataView>;\n\n/**\n * Contains metadata and configuration for the filters.\n * @see https://www.typescriptlang.org/docs/handbook/2/mapped-types.html\n */\nexport type UseFiltersSchema<Values extends object, Groups extends string> = {\n  [Property in keyof Values]: {\n    defaultValue?: Values[Property];\n    group?: Groups;\n    isActive?: (value: Values[Property]) => boolean;\n  };\n};\n\nexport interface UseFiltersArgs<Values extends object, Groups extends string> {\n  schema: UseFiltersSchema<Values, Groups>;\n  /** A ref for an instance of DataView */\n  dataViewRef: Ref<unknown>; // Note: using `Ref<InstanceType<typeof DataView>>` here causes type errors when providing a value for this argument\n}\n\nexport interface UseFiltersReturnType<Values = object, Groups extends string = string> {\n  applyFilters: () => void;\n  resetAllFilters: () => void;\n  resetFilterGroup: (group: string) => void; // Note: group is intentionally not typed as `Groups` since there is no way to pass in a Groups type to UseFiltersReturnType within DataViewFilters.vue\n  undoWorkingFilters: () => void;\n  activeFiltersCounts: ComputedRef<Record<Groups, number>>;\n  totalActiveFiltersCount: ComputedRef<number>;\n  appliedFilters: Ref<Values>;\n  workingFilters: Ref<Values>;\n}\n\n/**\n * Provides utility functions for working with `DataViewFilters`.\n */\nexport function useFilters<Values extends object, Groups extends string>({\n  schema,\n  dataViewRef,\n}: UseFiltersArgs<Values, Groups>): UseFiltersReturnType<Values, Groups> {\n  const appliedFilters = ref({}) as Ref<Values>;\n  const workingFilters = ref({}) as Ref<Values>;\n\n  for (const filterName in schema) {\n    // @ts-expect-error \"could be instantiated with an arbitrary type\"; TODO: figure out how to resolve the types\n    appliedFilters.value[filterName] = schema[filterName].defaultValue;\n    // @ts-expect-error \"could be instantiated with an arbitrary type\"; TODO: figure out how to resolve the types\n    workingFilters.value[filterName] = schema[filterName].defaultValue;\n  }\n\n  const dvRef = dataViewRef as Ref<DataViewInstance>;\n\n  /**\n   * For when an \"Apply\" button is clicked. It does the following:\n   *   1) applies the working filter state\n   *   2) sets the current page to 1\n   *   3) emits the \"update\" event from DataView\n   */\n  function applyFilters() {\n    appliedFilters.value = cloneDeep(workingFilters.value);\n    dvRef.value.updateCurrentFilters(appliedFilters.value, { shouldEmit: true });\n  }\n\n  /**\n   * For when a \"Reset all\" button is clicked. It does the following:\n   *   1) applies the defaultValue filter values to all filters\n   *   2) sets the current page to 1\n   *   3) emits the \"update\" event from DataView\n   */\n  function resetAllFilters() {\n    for (const filterName in schema) {\n      // @ts-expect-error \"could be instantiated with an arbitrary type\"; TODO: figure out how to resolve the types\n      appliedFilters.value[filterName] = schema[filterName].defaultValue;\n      // @ts-expect-error \"could be instantiated with an arbitrary type\"; TODO: figure out how to resolve the types\n      workingFilters.value[filterName] = schema[filterName].defaultValue;\n    }\n\n    dvRef.value.updateCurrentFilters(appliedFilters.value, { shouldEmit: true });\n  }\n\n  /**\n   * For when a \"Reset\" button is clicked. It does the following:\n   *   1) applies the defaultValue filter values to the given filter group\n   *   2) sets the current page to 1\n   *   3) emits the \"update\" event from DataView\n   */\n  function resetFilterGroup(group: Groups) {\n    for (const filterName in schema) {\n      if (schema[filterName].group === group) {\n        // @ts-expect-error \"could be instantiated with an arbitrary type\"; TODO: figure out how to resolve the types\n        appliedFilters.value[filterName] = schema[filterName].defaultValue;\n        // @ts-expect-error \"could be instantiated with an arbitrary type\"; TODO: figure out how to resolve the types\n        workingFilters.value[filterName] = schema[filterName].defaultValue;\n      }\n    }\n\n    dvRef.value.updateCurrentFilters(appliedFilters.value, { shouldEmit: true });\n  }\n\n  /**\n   * Resets the `workingFilters` to match the `appliedFilters`. This can be used when the FilterDrawer or a FilterDropdown is dismissed without clicking \"Reset\" or \"Apply\".\n   */\n  function undoWorkingFilters() {\n    workingFilters.value = cloneDeep(appliedFilters.value);\n  }\n\n  const activeFiltersCounts = computed(() => {\n    const counts = {} as Record<Groups, number>;\n\n    for (const filterName in schema) {\n      const config = schema[filterName];\n      const value = appliedFilters.value[filterName];\n      const isActive = config.isActive?.(value) || isDefined(value);\n\n      if (isActive && config.group) {\n        counts[config.group] = (counts[config.group] ?? 0) + 1;\n      }\n    }\n\n    return counts;\n  });\n\n  const totalActiveFiltersCount = computed(() => {\n    let count = 0;\n\n    for (const filterName in schema) {\n      const config = schema[filterName];\n      const value = appliedFilters.value[filterName];\n      const isActive = config.isActive?.(value) || isDefined(value);\n\n      if (isActive) {\n        count += 1;\n      }\n    }\n\n    return count;\n  });\n\n  return {\n    applyFilters,\n    resetAllFilters,\n    // @ts-expect-error \"could be instantiated with a different subtype\": TODO: figure out how to resolve the types\n    resetFilterGroup,\n    undoWorkingFilters,\n    activeFiltersCounts,\n    totalActiveFiltersCount,\n    appliedFilters,\n    workingFilters,\n  };\n}\n\nexport default useFilters;\n","<script lang=\"ts\">\n  export * from './DataViewFilters.keys';\n  export * from './DataViewFilters.types';\n  export * from './useFilters';\n</script>\n\n<script setup lang=\"ts\">\n  import { computed, inject, provide, ref, watch } from 'vue';\n\n  import useMediaQuery from '../../composables/useMediaQuery/useMediaQuery';\n  import { SCREEN_SIZES } from '../../constants';\n  import { t } from '../../locale';\n  import Box from '../Box/Box.vue';\n  import Button from '../Button/Button.vue';\n  import { DATA_VIEW_INJECTION } from '../DataView/DataView.vue';\n  import FilterChip from '../FilterChip/FilterChip.vue';\n  import Icon from '../Icon/Icon.vue';\n  import Label from '../Label/Label.vue';\n  import Modal, { type ModalProps } from '../Modal/Modal.vue';\n  import SearchBar, { SearchBarProps } from '../SearchBar/SearchBar.vue';\n  import { DATA_VIEW_FILTERS_UTILS_INJECTION } from './DataViewFilters.keys';\n  import type { DrawerStyles, OnApplyFilters } from './DataViewFilters.types';\n  import type { UseFiltersReturnType } from './useFilters';\n\n  export interface DataViewFiltersProps {\n    filtersLabelText?: string;\n    /**\n     * Props to pass to the `SearchBar` component.\n     */\n    searchBarProps?: SearchBarProps;\n    showSearch?: boolean;\n    /** 'cascade' displays all fields within every filter group; 'nested' displays only the group names and requires clicking a group to view its fields. */\n    drawerStyle?: DrawerStyles;\n    drawerProps?: ModalProps;\n    /**\n     * @deprecated The `activeGroup` prop is a sufficient replacement for this prop. A falsy `activeGroup` will hide the button and a truthy `activeGroup` will show it (when the `drawerStyle` is 'nested').\n     *\n     * **Note:** This prop has no effect when using a \"cascade\" `drawerStyle`.\n     */\n    showDrawerPreviousButton?: boolean;\n    /**\n     * Required when using filters. This prop should contain the return value of the `useFilters()` composable.\n     */\n    useFiltersInstance?: UseFiltersReturnType;\n    onApply?: OnApplyFilters;\n    /**\n     * The name of the active filter group. The active filter group is determined by which instance of FilterDropdown or FilterDrawerItem is open.\n     *\n     * **Note:** This prop is required when using a \"nested\" `drawerStyle`, but has no effect when using a \"cascade\" `drawerStyle`.\n     */\n    activeGroup?: string;\n  }\n\n  export interface DataViewFiltersSlots {\n    default?: () => unknown;\n    drawer?: () => unknown;\n    'filters-label'?: () => unknown;\n  }\n\n  const props = withDefaults(defineProps<DataViewFiltersProps>(), {\n    filtersLabelText: t('ll.filterBy'),\n    isLoading: false,\n    drawerStyle: 'cascade',\n    drawerProps: undefined,\n    searchBarProps: undefined,\n    showDrawerPreviousButton: false,\n    showSearch: true,\n    useFiltersInstance: undefined,\n    onApply: undefined,\n    activeGroup: undefined,\n  });\n\n  const emit = defineEmits<{\n    /** When the drawer is opened */\n    (e: 'open-drawer'): void;\n    /** When the drawer is dismissed */\n    (e: 'dismiss'): void;\n    /** When the \"Previous\" button in the header is clicked */\n    (e: 'previous'): void;\n    /** When the \"Reset\" button is clicked while viewing a filter group */\n    (e: 'reset-group'): void;\n    /** When one of the \"Reset All\" buttons is clicked */\n    (e: 'reset-all'): void;\n  }>();\n\n  const slots = defineSlots<DataViewFiltersSlots>();\n\n  const isDesktop = useMediaQuery(`(min-width: ${SCREEN_SIZES.lg})`);\n  const isViewingGroupsMenu = computed(() => props.drawerStyle === 'nested' && !props.activeGroup);\n  const isViewingSingleGroup = computed(() => props.drawerStyle === 'nested' && props.activeGroup);\n\n  const {\n    density,\n    isLoading: isDataViewLoading,\n    isWithinModule,\n    currentSearch,\n    updateCurrentSearch,\n  } = inject(DATA_VIEW_INJECTION.key, DATA_VIEW_INJECTION.defaults);\n\n  provide(DATA_VIEW_FILTERS_UTILS_INJECTION.key, {\n    useFiltersInstance: props.useFiltersInstance,\n    drawerStyle: props.drawerStyle,\n  });\n\n  const totalActiveFiltersCount = computed(() => props.useFiltersInstance?.totalActiveFiltersCount.value ?? 0);\n  /** The number of active filters in the currently active group. This is only used when the drawerStyle is 'nested'. */\n  const activeGroupActiveFiltersCount = computed(\n    () => Number(props.activeGroup && props.useFiltersInstance?.activeFiltersCounts.value[props.activeGroup]) || 0,\n  );\n  const isDrawerOpen = ref(false);\n\n  async function handleApplyClick() {\n    const { preventDismiss } = (await props.onApply?.()) || props.useFiltersInstance?.applyFilters() || {};\n\n    if (!preventDismiss) {\n      isDrawerOpen.value = false;\n    }\n  }\n\n  function handleResetGroupClick() {\n    if (!props.activeGroup) {\n      return;\n    }\n\n    props.useFiltersInstance?.resetFilterGroup(props.activeGroup);\n    emit('reset-group');\n    isDrawerOpen.value = false;\n  }\n\n  function handleResetAllClick() {\n    props.useFiltersInstance?.resetAllFilters();\n    emit('reset-all');\n    isDrawerOpen.value = false;\n  }\n\n  function onDismiss() {\n    props.useFiltersInstance?.undoWorkingFilters();\n    isDrawerOpen.value = false;\n    emit('dismiss');\n  }\n\n  watch(isDrawerOpen, () => {\n    if (isDrawerOpen.value) {\n      emit('open-drawer');\n    }\n  });\n</script>\n\n<template>\n  <Box\n    class=\"stash-data-view-filters grid grid-cols-12 gap-6 p-3\"\n    :class=\"{ 'lg:p-6': density === 'comfortable', 'mb-3': !isWithinModule }\"\n    :radius=\"isWithinModule ? 'none' : 'rounded'\"\n    data-test=\"stash-data-view-filters\"\n    disable-padding\n  >\n    <SearchBar\n      v-if=\"props.showSearch\"\n      class=\"col-span-12 md:col-span-6 lg:col-span-4\"\n      data-test=\"stash-data-view-filters|search-bar\"\n      :is-loading=\"isDataViewLoading\"\n      :label=\"t('ll.search')\"\n      :model-value=\"currentSearch\"\n      v-bind=\"props.searchBarProps\"\n      @search=\"(searchTerm) => updateCurrentSearch(searchTerm, { shouldEmit: true })\"\n    />\n    <div\n      v-if=\"slots.default\"\n      class=\"col-span-12 row-start-2 md:col-start-7 md:row-start-1 lg:col-span-8 lg:col-start-5\"\n    >\n      <div class=\"hidden md:block\">\n        <slot name=\"filters-label\">\n          <Label>{{ props.filtersLabelText }}</Label>\n        </slot>\n      </div>\n      <div class=\"flex gap-4\">\n        <FilterChip\n          secondary\n          class=\"!md:inline-flex !flex w-full justify-center gap-4 md:w-auto\"\n          data-test=\"stash-data-view-filters|drawer-toggle-button\"\n          :filter-count=\"totalActiveFiltersCount\"\n          @click=\"isDrawerOpen = true\"\n        >\n          <span class=\"inline-flex items-center gap-3\">\n            <Icon name=\"filter-line\" class=\"text-ice-700\" />\n            <span>{{ t('ll.filters') }}</span>\n          </span>\n        </FilterChip>\n        <slot v-if=\"isDesktop\"></slot>\n        <Button v-if=\"totalActiveFiltersCount > 0 && isDesktop\" inline @click=\"handleResetAllClick\">\n          {{ t('ll.resetAll') }}\n        </Button>\n      </div>\n    </div>\n    <Modal\n      v-if=\"slots.drawer\"\n      data-test=\"stash-data-view-filters|drawer\"\n      disable-body-padding\n      position=\"right\"\n      size=\"narrow\"\n      :is-open=\"isDrawerOpen\"\n      :title=\"t('ll.allFilters')\"\n      v-bind=\"props.drawerProps\"\n      @dismiss=\"onDismiss\"\n    >\n      <template #headerAction>\n        <Button\n          v-if=\"isViewingSingleGroup\"\n          icon\n          class=\"text-ice-100\"\n          data-test=\"stash-data-view-filters|drawer-previous-button\"\n          :aria-label=\"t('ll.previous')\"\n          :title=\"t('ll.previous')\"\n          @click=\"emit('previous')\"\n        >\n          <Icon name=\"chevron-left\" />\n        </Button>\n      </template>\n\n      <slot name=\"drawer\"></slot>\n\n      <template #footer>\n        <div class=\"flex justify-end gap-gutter\">\n          <Button v-if=\"totalActiveFiltersCount === 0\" secondary @click=\"onDismiss\">\n            {{ t('ll.cancel') }}\n          </Button>\n          <Button\n            v-if=\"(isViewingGroupsMenu || props.drawerStyle === 'cascade') && totalActiveFiltersCount > 0\"\n            secondary\n            :disabled=\"isDataViewLoading\"\n            @click=\"handleResetAllClick\"\n          >\n            {{ t('ll.resetAll') }}\n          </Button>\n          <Button\n            v-if=\"isViewingSingleGroup && activeGroupActiveFiltersCount > 0\"\n            secondary\n            :disabled=\"isDataViewLoading\"\n            @click=\"handleResetGroupClick\"\n          >\n            {{ t('ll.reset') }}\n          </Button>\n          <Button\n            v-if=\"isViewingSingleGroup || props.drawerStyle === 'cascade'\"\n            :disabled=\"isDataViewLoading\"\n            @click=\"handleApplyClick\"\n          >\n            {{ t('ll.apply') }}\n          </Button>\n        </div>\n      </template>\n    </Modal>\n  </Box>\n</template>\n"],"names":["DrawerStyle","useFilters","schema","dataViewRef","appliedFilters","ref","workingFilters","filterName","dvRef","applyFilters","cloneDeep","resetAllFilters","resetFilterGroup","group","undoWorkingFilters","activeFiltersCounts","computed","counts","config","value","_a","isDefined","totalActiveFiltersCount","count","props","__props","emit","__emit","slots","_useSlots","isDesktop","useMediaQuery","SCREEN_SIZES","isViewingGroupsMenu","isViewingSingleGroup","density","isDataViewLoading","isWithinModule","currentSearch","updateCurrentSearch","inject","DATA_VIEW_INJECTION","provide","DATA_VIEW_FILTERS_UTILS_INJECTION","activeGroupActiveFiltersCount","isDrawerOpen","handleApplyClick","preventDismiss","_b","handleResetGroupClick","handleResetAllClick","onDismiss","watch","_createBlock","Box","_normalizeClass","_unref","_openBlock","SearchBar","_mergeProps","t","_cache","searchTerm","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_renderSlot","_ctx","_createVNode","Label","_createTextVNode","_toDisplayString","_hoisted_3","FilterChip","_hoisted_4","Icon","Button","Modal","_hoisted_5"],"mappings":"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"}