@kong/kongponents 9.48.3 → 9.48.4-pr.3023.54ef46c.0

package/dist/kongponents.es281.js

@@ -1,76 +1,178 @@
-var P = function(t, e) {
-  switch (t) {
-    case "P":
-      return e.date({
-        width: "short"
-      });
-    case "PP":
-      return e.date({
-        width: "medium"
-      });
-    case "PPP":
-      return e.date({
-        width: "long"
-      });
-    case "PPPP":
-    default:
-      return e.date({
-        width: "full"
-      });
+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.es166.js";
+import A from "./kongponents.es172.js";
+import J from "./kongponents.es181.js";
+import R from "./kongponents.es266.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: {
+    columns: {},
+    tableId: {},
+    visibilityPreferences: {},
+    disabled: { type: Boolean }
+  },
+  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 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
+            })
+          ])
+        ]),
+        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"])
+    ]));
   }
-}, c = function(t, e) {
-  switch (t) {
-    case "p":
-      return e.time({
-        width: "short"
-      });
-    case "pp":
-      return e.time({
-        width: "medium"
-      });
-    case "ppp":
-      return e.time({
-        width: "long"
-      });
-    case "pppp":
-    default:
-      return e.time({
-        width: "full"
-      });
-  }
-}, s = function(t, e) {
-  var i = t.match(/(P+)(p+)?/) || [], d = i[1], u = i[2];
-  if (!u)
-    return P(t, e);
-  var a;
-  switch (d) {
-    case "P":
-      a = e.dateTime({
-        width: "short"
-      });
-      break;
-    case "PP":
-      a = e.dateTime({
-        width: "medium"
-      });
-      break;
-    case "PPP":
-      a = e.dateTime({
-        width: "long"
-      });
-      break;
-    case "PPPP":
-    default:
-      a = e.dateTime({
-        width: "full"
-      });
-      break;
-  }
-  return a.replace("{{date}}", P(d, e)).replace("{{time}}", c(u, e));
-}, h = {
-  p: c,
-  P: s
-};
+});
 export {
-  h as default
+  me as default
 };

package/dist/kongponents.es283.js

@@ -1,22 +1,7 @@
-var n = ["D", "DD"], r = ["YY", "YYYY"];
-function s(e) {
-  return n.indexOf(e) !== -1;
-}
-function a(e) {
-  return r.indexOf(e) !== -1;
-}
-function c(e, t, o) {
-  if (e === "YYYY")
-    throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(t, "`) for formatting years to the input `").concat(o, "`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));
-  if (e === "YY")
-    throw new RangeError("Use `yy` instead of `YY` (in `".concat(t, "`) for formatting years to the input `").concat(o, "`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));
-  if (e === "D")
-    throw new RangeError("Use `d` instead of `D` (in `".concat(t, "`) for formatting days of the month to the input `").concat(o, "`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));
-  if (e === "DD")
-    throw new RangeError("Use `dd` instead of `DD` (in `".concat(t, "`) for formatting days of the month to the input `").concat(o, "`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));
+function n(t) {
+  var e = typeof t;
+  return t != null && (e == "object" || e == "function");
 }
 export {
-  s as isProtectedDayOfYearToken,
-  a as isProtectedWeekYearToken,
-  c as throwProtectedError
+  n as default
 };

package/dist/kongponents.es284.js

@@ -1,7 +1,7 @@
-var t = {};
-function e() {
-  return t;
-}
+import o from "./kongponents.es302.js";
+var t = function() {
+  return o.Date.now();
+};
 export {
-  e as getDefaultOptions
+  t as default
 };

package/dist/kongponents.es285.js

@@ -1,20 +1,22 @@
-import o from "./kongponents.es454.js";
-import t from "./kongponents.es455.js";
-import a from "./kongponents.es456.js";
-import r from "./kongponents.es457.js";
-import e from "./kongponents.es458.js";
-var c = {
-  code: "en-US",
-  formatDistance: o,
-  formatLong: t,
-  formatRelative: a,
-  localize: r,
-  match: e,
-  options: {
-    weekStartsOn: 0,
-    firstWeekContainsDate: 1
+import n from "./kongponents.es329.js";
+import f from "./kongponents.es283.js";
+import o from "./kongponents.es305.js";
+var s = NaN, m = /^[-+]0x[0-9a-f]+$/i, p = /^0b[01]+$/i, e = /^0o[0-7]+$/i, b = parseInt;
+function O(r) {
+  if (typeof r == "number")
+    return r;
+  if (o(r))
+    return s;
+  if (f(r)) {
+    var t = typeof r.valueOf == "function" ? r.valueOf() : r;
+    r = f(t) ? t + "" : t;
   }
-};
+  if (typeof r != "string")
+    return r === 0 ? r : +r;
+  r = n(r);
+  var i = p.test(r);
+  return i || e.test(r) ? b(r.slice(2), i ? 2 : 8) : m.test(r) ? s : +r;
+}
 export {
-  c as default
+  O as default
 };

package/dist/kongponents.es286.js

@@ -1,10 +1,6 @@
-import e from "./kongponents.es276.js";
-import m from "./kongponents.es277.js";
-function u(r, t) {
-  m(2, arguments);
-  var o = e(r), a = e(t);
-  return o.getTime() < a.getTime();
+function t(n, f) {
+  return n === f || n !== n && f !== f;
 }
 export {
-  u as default
+  t as default
 };

package/dist/kongponents.es287.js

@@ -1,8 +1,7 @@
-import e from "./kongponents.es288.js";
-import o from "./kongponents.es277.js";
-function n(t) {
-  return o(1, arguments), t instanceof Date || e(t) === "object" && Object.prototype.toString.call(t) === "[object Date]";
+import r from "./kongponents.es330.js";
+function o(t) {
+  return t == null ? "" : r(t);
 }
 export {
-  n as default
+  o as default
 };

package/dist/kongponents.es288.js

@@ -1,11 +1,8 @@
-function o(e) {
-  "@babel/helpers - typeof";
-  return o = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
-    return typeof t;
-  } : function(t) {
-    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-  }, o(e);
+import u from "./kongponents.es289.js";
+function f(e, r, t) {
+  var n = e == null ? void 0 : u(e, r);
+  return n === void 0 ? t : n;
 }
 export {
-  o as default
+  f as default
 };

package/dist/kongponents.es289.js

@@ -1,10 +1,11 @@
-import e from "./kongponents.es276.js";
-import a from "./kongponents.es277.js";
-function u(t) {
-  a(1, arguments);
-  var r = e(t);
-  return r.setHours(0, 0, 0, 0), r;
+import l from "./kongponents.es378.js";
+import f from "./kongponents.es327.js";
+function d(n, e) {
+  e = l(e, n);
+  for (var r = 0, i = e.length; n != null && r < i; )
+    n = n[f(e[r++])];
+  return r && r == i ? n : void 0;
 }
 export {
-  u as default
+  d as default
 };

package/dist/kongponents.es290.js

@@ -1,7 +1,8 @@
-import t from "./kongponents.es289.js";
-function r() {
-  return t(Date.now());
+import n from "./kongponents.es291.js";
+import t from "./kongponents.es292.js";
+function f(a, r) {
+  return a != null && t(a, r, n);
 }
 export {
-  r as default
+  f as default
 };

package/dist/kongponents.es291.js

@@ -1,23 +1,6 @@
-import u from "./kongponents.es292.js";
-import v from "./kongponents.es293.js";
-import d from "./kongponents.es294.js";
-var g = /([xXOz]+)|''|'(''|[^'])+('|$)/g;
-function S(n, f, p) {
-  var a = String(f), t = p || {}, m = a.match(g);
-  if (m) {
-    var c = d(t.originalDate || n, t);
-    a = m.reduce(function(o, r) {
-      if (r[0] === "'")
-        return o;
-      var e = o.indexOf(r), s = o[e - 1] === "'", i = o.replace(
-        r,
-        "'" + v[r[0]](c, r, null, t) + "'"
-      );
-      return s ? i.substring(0, e - 1) + i.substring(e + 1) : i;
-    }, a);
-  }
-  return u(n, a, t);
+function e(n, a) {
+  return n != null && a in Object(n);
 }
 export {
-  S as default
+  e as default
 };

package/dist/kongponents.es292.js

@@ -1,7 +1,19 @@
-import { getDefaultExportFromCjs as r } from "./kongponents.es481.js";
-import { __require as t } from "./kongponents.es374.js";
-var o = /* @__PURE__ */ t();
-const m = /* @__PURE__ */ r(o);
+import t from "./kongponents.es378.js";
+import a from "./kongponents.es294.js";
+import u from "./kongponents.es297.js";
+import o from "./kongponents.es379.js";
+import e from "./kongponents.es300.js";
+import g from "./kongponents.es327.js";
+function P(r, m, s) {
+  m = t(m, r);
+  for (var n = -1, i = m.length, f = !1; ++n < i; ) {
+    var l = g(m[n]);
+    if (!(f = r != null && s(r, l)))
+      break;
+    r = r[l];
+  }
+  return f || ++n != i ? f : (i = r == null ? 0 : r.length, !!i && e(i) && o(l, i) && (u(r) || a(r)));
+}
 export {
-  m as default
+  P as default
 };

package/dist/kongponents.es293.js

@@ -1,113 +1,6 @@
-import f from "./kongponents.es388.js";
-import z from "./kongponents.es299.js";
-var l = 60 * 1e3, x = {
-  // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
-  X: function(e, r, n, t) {
-    var a = c(t.timeZone, e);
-    if (a === 0)
-      return "Z";
-    switch (r) {
-      // Hours and optional minutes
-      case "X":
-        return m(a);
-      // Hours, minutes and optional seconds without `:` delimeter
-      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
-      // so this token always has the same output as `XX`
-      case "XXXX":
-      case "XX":
-        return i(a);
-      // Hours, minutes and optional seconds with `:` delimeter
-      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
-      // so this token always has the same output as `XXX`
-      case "XXXXX":
-      case "XXX":
-      // Hours and minutes with `:` delimeter
-      default:
-        return i(a, ":");
-    }
-  },
-  // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
-  x: function(e, r, n, t) {
-    var a = c(t.timeZone, e);
-    switch (r) {
-      // Hours and optional minutes
-      case "x":
-        return m(a);
-      // Hours, minutes and optional seconds without `:` delimeter
-      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
-      // so this token always has the same output as `xx`
-      case "xxxx":
-      case "xx":
-        return i(a);
-      // Hours, minutes and optional seconds with `:` delimeter
-      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
-      // so this token always has the same output as `xxx`
-      case "xxxxx":
-      case "xxx":
-      // Hours and minutes with `:` delimeter
-      default:
-        return i(a, ":");
-    }
-  },
-  // Timezone (GMT)
-  O: function(e, r, n, t) {
-    var a = c(t.timeZone, e);
-    switch (r) {
-      // Short
-      case "O":
-      case "OO":
-      case "OOO":
-        return "GMT" + O(a, ":");
-      // Long
-      case "OOOO":
-      default:
-        return "GMT" + i(a, ":");
-    }
-  },
-  // Timezone (specific non-location)
-  z: function(e, r, n, t) {
-    switch (r) {
-      // Short
-      case "z":
-      case "zz":
-      case "zzz":
-        return f("short", e, t);
-      // Long
-      case "zzzz":
-      default:
-        return f("long", e, t);
-    }
-  }
-};
-function c(e, r) {
-  var n = e ? z(e, r, !0) / l : r.getTimezoneOffset();
-  if (Number.isNaN(n))
-    throw new RangeError("Invalid time zone specified: " + e);
-  return n;
-}
-function o(e, r) {
-  for (var n = e < 0 ? "-" : "", t = Math.abs(e).toString(); t.length < r; )
-    t = "0" + t;
-  return n + t;
-}
-function i(e, r) {
-  var n = r || "", t = e > 0 ? "-" : "+", a = Math.abs(e), s = o(Math.floor(a / 60), 2), u = o(Math.floor(a % 60), 2);
-  return t + s + n + u;
-}
-function m(e, r) {
-  if (e % 60 === 0) {
-    var n = e > 0 ? "-" : "+";
-    return n + o(Math.abs(e) / 60, 2);
-  }
-  return i(e, r);
-}
-function O(e, r) {
-  var n = e > 0 ? "-" : "+", t = Math.abs(e), a = Math.floor(t / 60), s = t % 60;
-  if (s === 0)
-    return n + String(a);
-  var u = r;
-  return n + String(a) + u + o(s, 2);
+function e(t) {
+  return t;
 }
 export {
-  x as default
+  e as default
 };