@kong/kongponents 9.46.4-pr.2983.48fad9d.0 → 9.46.4

package/dist/kongponents.es308.js

@@ -1,20 +1,11 @@
-import r from "./kongponents.es396.js";
-import m from "./kongponents.es397.js";
-import h from "./kongponents.es398.js";
-import l from "./kongponents.es399.js";
-import c from "./kongponents.es400.js";
-function e(t) {
-  var o = -1, a = t == null ? 0 : t.length;
-  for (this.clear(); ++o < a; ) {
-    var p = t[o];
-    this.set(p[0], p[1]);
-  }
+import t from "./kongponents.es339.js";
+import o from "./kongponents.es340.js";
+import f from "./kongponents.es284.js";
+import i from "./kongponents.es288.js";
+import e from "./kongponents.es314.js";
+function c(r) {
+  return typeof r == "function" ? r : r == null ? f : typeof r == "object" ? i(r) ? o(r[0], r[1]) : t(r) : e(r);
 }
-e.prototype.clear = r;
-e.prototype.delete = m;
-e.prototype.get = h;
-e.prototype.has = l;
-e.prototype.set = c;
 export {
-  e as default
+  c as default
 };

package/dist/kongponents.es309.js

@@ -1,8 +1,18 @@
-function h(e, u) {
-  for (var l = -1, n = e == null ? 0 : e.length, t = Array(n); ++l < n; )
-    t[l] = u(e[l], l, e);
-  return t;
+import h from "./kongponents.es310.js";
+var p = "Expected a function";
+function o(r, e) {
+  if (typeof r != "function" || e != null && typeof e != "function")
+    throw new TypeError(p);
+  var t = function() {
+    var c = arguments, n = e ? e.apply(this, c) : c[0], a = t.cache;
+    if (a.has(n))
+      return a.get(n);
+    var i = r.apply(this, c);
+    return t.cache = a.set(n, i) || a, i;
+  };
+  return t.cache = new (o.Cache || h)(), t;
 }
+o.Cache = h;
 export {
-  h as default
+  o as default
 };

package/dist/kongponents.es310.js

@@ -1,13 +1,20 @@
-import a from "./kongponents.es278.js";
-import s from "./kongponents.es405.js";
-import l from "./kongponents.es370.js";
-function d(e, t, m) {
-  for (var i = -1, n = t.length, o = {}; ++i < n; ) {
-    var r = t[i], f = a(e, r);
-    m(f, r) && s(o, l(r, e), f);
+import r from "./kongponents.es371.js";
+import m from "./kongponents.es372.js";
+import h from "./kongponents.es373.js";
+import l from "./kongponents.es374.js";
+import c from "./kongponents.es375.js";
+function e(t) {
+  var o = -1, a = t == null ? 0 : t.length;
+  for (this.clear(); ++o < a; ) {
+    var p = t[o];
+    this.set(p[0], p[1]);
   }
-  return o;
 }
+e.prototype.clear = r;
+e.prototype.delete = m;
+e.prototype.get = h;
+e.prototype.has = l;
+e.prototype.set = c;
 export {
-  d as default
+  e as default
 };

package/dist/kongponents.es311.js

@@ -1,9 +1,8 @@
-import t from "./kongponents.es402.js";
-import o from "./kongponents.es403.js";
-import r from "./kongponents.es302.js";
-function s(e) {
-  return t(e, r, o);
+function h(e, u) {
+  for (var l = -1, n = e == null ? 0 : e.length, t = Array(n); ++l < n; )
+    t[l] = u(e[l], l, e);
+  return t;
 }
 export {
-  s as default
+  h as default
 };

package/dist/kongponents.es312.js

@@ -1,10 +1,13 @@
-import o from "./kongponents.es313.js";
-import e from "./kongponents.es314.js";
-import t from "./kongponents.es315.js";
-import m from "./kongponents.es316.js";
-function s(r) {
-  return t(r) ? o(m(r)) : e(r);
+import a from "./kongponents.es280.js";
+import s from "./kongponents.es380.js";
+import l from "./kongponents.es345.js";
+function d(e, t, m) {
+  for (var i = -1, n = t.length, o = {}; ++i < n; ) {
+    var r = t[i], f = a(e, r);
+    m(f, r) && s(o, l(r, e), f);
+  }
+  return o;
 }
 export {
-  s as default
+  d as default
 };

package/dist/kongponents.es313.js

@@ -1,8 +1,9 @@
-function r(e) {
-  return function(n) {
-    return n == null ? void 0 : n[e];
-  };
+import t from "./kongponents.es377.js";
+import o from "./kongponents.es378.js";
+import r from "./kongponents.es304.js";
+function s(e) {
+  return t(e, r, o);
 }
 export {
-  r as default
+  s as default
 };

package/dist/kongponents.es314.js

@@ -1,9 +1,10 @@
-import t from "./kongponents.es278.js";
-function o(e) {
-  return function(r) {
-    return t(r, e);
-  };
+import o from "./kongponents.es315.js";
+import e from "./kongponents.es316.js";
+import t from "./kongponents.es317.js";
+import m from "./kongponents.es318.js";
+function s(r) {
+  return t(r) ? o(m(r)) : e(r);
 }
 export {
-  o as default
+  s as default
 };

package/dist/kongponents.es315.js

@@ -1,12 +1,8 @@
-import o from "./kongponents.es286.js";
-import n from "./kongponents.es294.js";
-var i = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, s = /^\w*$/;
-function m(r, e) {
-  if (o(r))
-    return !1;
-  var t = typeof r;
-  return t == "number" || t == "symbol" || t == "boolean" || r == null || n(r) ? !0 : s.test(r) || !i.test(r) || e != null && r in Object(e);
+function r(e) {
+  return function(n) {
+    return n == null ? void 0 : n[e];
+  };
 }
 export {
-  m as default
+  r as default
 };

package/dist/kongponents.es316.js

@@ -1,9 +1,8 @@
-import i from "./kongponents.es294.js";
-function o(t) {
-  if (typeof t == "string" || i(t))
-    return t;
-  var r = t + "";
-  return r == "0" && 1 / t == -1 / 0 ? "-0" : r;
+import t from "./kongponents.es280.js";
+function o(e) {
+  return function(r) {
+    return t(r, e);
+  };
 }
 export {
   o as default

package/dist/kongponents.es317.js

@@ -1,6 +1,12 @@
-function r() {
-  return [];
+import o from "./kongponents.es288.js";
+import n from "./kongponents.es296.js";
+var i = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, s = /^\w*$/;
+function m(r, e) {
+  if (o(r))
+    return !1;
+  var t = typeof r;
+  return t == "number" || t == "symbol" || t == "boolean" || r == null || n(r) ? !0 : s.test(r) || !i.test(r) || e != null && r in Object(e);
 }
 export {
-  r as default
+  m as default
 };

package/dist/kongponents.es318.js

@@ -1,8 +1,10 @@
-import r from "./kongponents.es408.js";
-var a = /^\s+/;
-function t(e) {
-  return e && e.slice(0, r(e) + 1).replace(a, "");
+import i from "./kongponents.es296.js";
+function o(t) {
+  if (typeof t == "string" || i(t))
+    return t;
+  var r = t + "";
+  return r == "0" && 1 / t == -1 / 0 ? "-0" : r;
 }
 export {
-  t as default
+  o as default
 };

package/dist/kongponents.es319.js

@@ -1,18 +1,6 @@
-import t from "./kongponents.es366.js";
-import f from "./kongponents.es309.js";
-import m from "./kongponents.es286.js";
-import p from "./kongponents.es294.js";
-var i = t ? t.prototype : void 0, n = i ? i.toString : void 0;
-function y(r) {
-  if (typeof r == "string")
-    return r;
-  if (m(r))
-    return f(r, y) + "";
-  if (p(r))
-    return n ? n.call(r) : "";
-  var o = r + "";
-  return o == "0" && 1 / r == -1 / 0 ? "-0" : o;
+function r() {
+  return [];
 }
 export {
-  y as default
+  r as default
 };

package/dist/kongponents.es320.js

@@ -1,93 +1,8 @@
-import { defineComponent as x, computed as v, useTemplateRef as T, createElementBlock as s, openBlock as l, createBlock as d, createCommentVNode as V, Fragment as m, renderList as u, withCtx as f, renderSlot as S, createElementVNode as p, toDisplayString as g, createTextVNode as h } from "vue";
-import w from "./kongponents.es226.js";
-const D = {
-  ref: "itemsContainer",
-  "aria-live": "polite",
-  class: "multiselect-items-container"
-}, F = { class: "multiselect-group-title" }, M = { class: "select-item-description" }, E = ".multiselect-item button:not(:disabled)", q = /* @__PURE__ */ x({
-  __name: "KMultiselectItems",
-  props: {
-    items: { default: () => [] },
-    itemCreationEnabled: { type: Boolean },
-    filterString: { default: "" },
-    itemCreationValid: { type: Boolean, default: !0 }
-  },
-  emits: ["selected", "add-item"],
-  setup(i, { expose: k, emit: I }) {
-    const A = I, y = (n) => A("selected", n), $ = v(() => {
-      var n;
-      return (n = i.items) == null ? void 0 : n.filter((t) => !t.group);
-    }), b = v(() => {
-      var n, t;
-      return [...new Set((t = (n = i.items) == null ? void 0 : n.filter((e) => e.group)) == null ? void 0 : t.map((e) => e.group))].sort((e, o) => e.toLowerCase().localeCompare(o.toLowerCase()));
-    }), B = (n) => {
-      var t;
-      return (t = i.items) == null ? void 0 : t.filter((e) => e.group === n);
-    }, C = T("itemsContainer"), K = (n) => {
-      var o;
-      const t = C.value;
-      if (!t)
-        return;
-      const e = t.querySelectorAll(E);
-      (o = e[n === "down" ? 0 : e.length - 1]) == null || o.focus();
-    }, a = ({ target: n, key: t }) => {
-      var e;
-      if (t === "ArrowDown" || t === "ArrowUp") {
-        const o = (e = C.value) == null ? void 0 : e.querySelectorAll(E);
-        if (o != null && o.length) {
-          const r = [...o].indexOf(n), L = t === "ArrowDown" ? r + 1 : r - 1, c = o[L];
-          c == null || c.focus();
-        }
-      }
-    };
-    return k({ setFocus: K }), (n, t) => (l(), s("div", D, [
-      (l(!0), s(m, null, u($.value, (e, o) => (l(), d(w, {
-        key: `${e.key ? e.key : o}-item`,
-        item: e,
-        onKeydown: a,
-        onSelected: y
-      }, {
-        content: f(() => [
-          S(n.$slots, "content", { item: e }, void 0, !0)
-        ]),
-        _: 2
-      }, 1032, ["item"]))), 128)),
-      (l(!0), s(m, null, u(b.value, (e) => (l(), s("div", {
-        key: `${e}-group`,
-        class: "multiselect-group"
-      }, [
-        p("span", F, g(e), 1),
-        (l(!0), s(m, null, u(B(e), (o, r) => (l(), d(w, {
-          key: `${o.key ? o.key : e + "-" + r + "-item"}`,
-          item: o,
-          onKeydown: a,
-          onSelected: y
-        }, {
-          content: f(() => [
-            S(n.$slots, "content", { item: o }, void 0, !0)
-          ]),
-          _: 2
-        }, 1032, ["item"]))), 128))
-      ]))), 128)),
-      i.itemCreationEnabled ? (l(), d(w, {
-        key: "multiselect-add-item",
-        class: "multiselect-add-item",
-        "data-testid": "multiselect-add-item",
-        item: { label: `${i.filterString} (Add new value)`, value: "add_item", disabled: !i.itemCreationValid },
-        onKeydown: a,
-        onSelected: t[0] || (t[0] = (e) => n.$emit("add-item"))
-      }, {
-        content: f(() => [
-          p("div", M, [
-            h(g(i.filterString) + " ", 1),
-            t[1] || (t[1] = p("span", { class: "select-item-new-indicator" }, "(Add new value)", -1))
-          ])
-        ]),
-        _: 1
-      }, 8, ["item"])) : V("", !0)
-    ], 512));
-  }
-});
+import r from "./kongponents.es383.js";
+var a = /^\s+/;
+function t(e) {
+  return e && e.slice(0, r(e) + 1).replace(a, "");
+}
 export {
-  q as default
+  t as default
 };

package/dist/kongponents.es321.js

@@ -0,0 +1,18 @@
+import t from "./kongponents.es341.js";
+import f from "./kongponents.es311.js";
+import m from "./kongponents.es288.js";
+import p from "./kongponents.es296.js";
+var i = t ? t.prototype : void 0, n = i ? i.toString : void 0;
+function y(r) {
+  if (typeof r == "string")
+    return r;
+  if (m(r))
+    return f(r, y) + "";
+  if (p(r))
+    return n ? n.call(r) : "";
+  var o = r + "";
+  return o == "0" && 1 / r == -1 / 0 ? "-0" : o;
+}
+export {
+  y as default
+};

package/dist/kongponents.es322.js

@@ -1,43 +1,178 @@
-import { defineComponent as r, createElementBlock as c, openBlock as u, createElementVNode as l, withKeys as s, normalizeClass as v, withModifiers as n, renderSlot as w, createTextVNode as b, toDisplayString as f } from "vue";
-const k = ["aria-selected", "data-testid"], y = { class: "multiselect-item-container" }, $ = ["disabled", "value"], h = { class: "multiselect-item-label" }, K = /* @__PURE__ */ r({
-  __name: "KMultiselectItem",
+import { defineComponent as $, ref as u, computed as D, watch as L, onMounted as T, onBeforeMount as H, createElementBlock as h, openBlock as c, createVNode as o, withCtx as r, unref as b, createBlock as g, createCommentVNode as K, createElementVNode as w, withModifiers as f, createSlots as N, Fragment as P, renderList as E, createTextVNode as C, toDisplayString as U, nextTick as q } from "vue";
+import { debounce as z } from "./kongponents.es237.js";
+import A from "./kongponents.es167.js";
+import J from "./kongponents.es218.js";
+import R from "./kongponents.es264.js";
+import p from "./kongponents.es33.js";
+import F from "./kongponents.es37.js";
+import O from "./kongponents.es42.js";
+import j from "./kongponents.es43.js";
+import G from "./kongponents.es46.js";
+import Q from "./kongponents.es24.js";
+/* empty css                 */
+import W from "./kongponents.es48.js";
+const X = { class: "table-column-visibility-menu" }, Y = { class: "apply-button-wrapper" }, me = /* @__PURE__ */ $({
+  __name: "ColumnVisibilityMenu",
   props: {
-    item: {}
+    columns: {},
+    tableId: {},
+    visibilityPreferences: {},
+    disabled: { type: Boolean }
   },
-  emits: ["selected", "arrow-down", "arrow-up"],
-  setup(e, { emit: d }) {
-    const o = d, a = () => {
-      e.item.disabled || o("selected", e.item);
+  emits: ["update"],
+  setup(i, { emit: V }) {
+    const x = V, y = u(!1), s = u({}), d = u(!1), n = u(), a = u(""), v = () => {
+      s.value = i.columns.reduce((e, t) => (e[t.key] = i.visibilityPreferences[t.key] === void 0 ? !0 : i.visibilityPreferences[t.key], e), {}), d.value = !1;
+    }, I = z((e) => {
+      a.value = e, n.value && m(n.value);
+    }, 500), k = D(() => a.value ? i.columns.filter((e) => (e.label ? e.label : e.key).toLowerCase().includes(a.value.toLowerCase())) : i.columns), S = () => {
+      x("update", JSON.parse(JSON.stringify(s.value))), d.value = !1, a.value = "";
+    }, B = (e) => {
+      y.value = e, e && n.value && q(() => {
+        n.value && m(n.value);
+      }), !e && d.value && v(), e || (a.value = "");
+    }, m = (e) => {
+      if (!(e.scrollHeight > e.clientHeight)) {
+        e.classList.remove("is-bottom-overflowing");
+        return;
+      }
+      const l = e.scrollHeight < e.clientHeight + e.scrollTop + 1;
+      e.classList.toggle("is-bottom-overflowing", !l);
     };
-    return (i, t) => (u(), c("div", {
-      key: e.item.key,
-      "aria-selected": e.item.selected,
-      class: "multiselect-item",
-      "data-testid": `multiselect-item-${e.item.value}`,
-      role: "option"
-    }, [
-      l("div", y, [
-        l("button", {
-          class: v({ selected: e.item.selected }),
-          disabled: e.item.disabled === !0 ? !0 : void 0,
-          type: "button",
-          value: e.item.value,
-          onClick: a,
-          onKeydown: [
-            t[0] || (t[0] = s(n((m) => i.$emit("arrow-down"), ["prevent"]), ["down"])),
-            t[1] || (t[1] = s(n((m) => i.$emit("arrow-up"), ["prevent"]), ["up"]))
-          ]
-        }, [
-          l("span", h, [
-            w(i.$slots, "content", {}, () => [
-              b(f(e.item.label), 1)
-            ], !0)
+    return L(() => i.visibilityPreferences, () => {
+      v();
+    }, { immediate: !0 }), T(() => {
+      n.value && (n.value.addEventListener("scroll", (e) => {
+        const t = e.currentTarget;
+        m(t);
+      }), m(n.value));
+    }), H(() => {
+      v();
+    }), (e, t) => (c(), h("div", X, [
+      o(O, {
+        "data-testid": "table-column-visibility-menu",
+        disabled: i.disabled,
+        "kpop-attributes": { placement: "bottom-end" },
+        onToggleDropdown: B
+      }, {
+        items: r(() => [
+          a.value || k.value.length > 5 ? (c(), g(G, {
+            key: 0,
+            modelValue: a.value,
+            "onUpdate:modelValue": t[1] || (t[1] = (l) => a.value = l),
+            modelModifiers: { trim: !0 },
+            autocomplete: "off",
+            class: "search-input",
+            "data-testid": "search-input",
+            placeholder: "Search columns",
+            type: "search",
+            onClick: t[2] || (t[2] = f(() => {
+            }, ["stop"])),
+            onInput: b(I)
+          }, N({
+            before: r(() => [
+              o(b(J), { decorative: "" })
+            ]),
+            _: 2
+          }, [
+            a.value ? {
+              name: "after",
+              fn: r(() => [
+                o(p, {
+                  appearance: "tertiary",
+                  "aria-label": "Clear search",
+                  class: "clear-search",
+                  "data-testid": "clear-search-button",
+                  icon: "",
+                  size: "small",
+                  onClick: t[0] || (t[0] = f(() => a.value = "", ["stop"]))
+                }, {
+                  default: r(() => [
+                    o(b(A), { decorative: "" })
+                  ]),
+                  _: 1
+                })
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["modelValue", "onInput"])) : K("", !0),
+          w("div", {
+            ref_key: "menuItemsRef",
+            ref: n,
+            class: "menu-items-wrapper"
+          }, [
+            (c(!0), h(P, null, E(k.value, (l) => (c(), g(j, {
+              key: l.key,
+              class: "column-visibility-menu-item",
+              "data-testid": `column-visibility-menu-item-${l.key}`,
+              onClick: f(() => {
+                s.value[l.key] = !s.value[l.key], d.value = !0;
+              }, ["stop"])
+            }, {
+              default: r(() => [
+                o(F, {
+                  modelValue: s.value[l.key],
+                  "onUpdate:modelValue": (M) => s.value[l.key] = M,
+                  "aria-labelledby": `${i.tableId}-${l.key}-visibility-checkbox-label`,
+                  "data-testid": `column-visibility-checkbox-${l.key}`
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "aria-labelledby", "data-testid"]),
+                o(W, {
+                  id: `${i.tableId}-${l.key}-visibility-checkbox-label`,
+                  class: "visibility-checkbox-label",
+                  title: l.label
+                }, {
+                  default: r(() => [
+                    C(U(l.label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["id", "title"])
+              ]),
+              _: 2
+            }, 1032, ["data-testid", "onClick"]))), 128))
+          ], 512),
+          w("div", Y, [
+            o(p, {
+              appearance: "tertiary",
+              class: "apply-button",
+              "data-testid": "apply-button",
+              onClick: S
+            }, {
+              default: r(() => [...t[3] || (t[3] = [
+                C(" Apply ", -1)
+              ])]),
+              _: 1
+            })
           ])
-        ], 42, $)
-      ])
-    ], 8, k));
+        ]),
+        default: r(() => [
+          o(Q, {
+            placement: "bottom-end",
+            text: y.value ? void 0 : "Show/Hide Columns"
+          }, {
+            default: r(() => [
+              o(p, {
+                appearance: "tertiary",
+                "aria-label": "Show/Hide Columns",
+                class: "menu-button",
+                "data-testid": "column-visibility-menu-button",
+                disabled: i.disabled,
+                icon: "",
+                size: "large"
+              }, {
+                default: r(() => [
+                  o(b(R), { decorative: "" })
+                ]),
+                _: 1
+              }, 8, ["disabled"])
+            ]),
+            _: 1
+          }, 8, ["text"])
+        ]),
+        _: 1
+      }, 8, ["disabled"])
+    ]));
   }
 });
 export {
-  K as default
+  me as default
 };