@shlinkio/shlink-frontend-kit 0.9.7 → 0.9.9

package/dist/ordering-B_hekQuu.js

@@ -0,0 +1,96 @@
+import { useMemo as b, useEffect as C, useRef as E, useCallback as d, useState as g } from "react";
+function k(e, { elementsSelector: s, focusFirstItem: n = !1, vertical: o = !0, horizontal: t = !0 }) {
+  const r = b(() => {
+    const c = [];
+    return o && c.push("ArrowDown"), t && c.push("ArrowRight"), c;
+  }, [t, o]), u = b(() => {
+    const c = [];
+    return o && c.push("ArrowUp"), t && c.push("ArrowLeft"), c;
+  }, [t, o]), l = b(() => [...r, ...u], [r, u]);
+  C(() => {
+    const c = e.current;
+    if (!c)
+      return () => {
+      };
+    const f = new AbortController(), T = () => [...c.querySelectorAll(s)], w = T(), p = Math.max(w.findIndex((i) => i.dataset.selected === "true"), 0);
+    return w.forEach((i, a) => {
+      i.tabIndex = a === p ? 0 : -1, n && a === p && i.focus();
+    }), c.addEventListener("keydown", (i) => {
+      if (!l.includes(i.key))
+        return;
+      i.preventDefault();
+      const a = T(), h = a.findIndex((m) => m.tabIndex === 0), y = r.includes(i.key) ? a[h + 1] ?? a[0] : a[h - 1] ?? a[a.length - 1];
+      a.forEach((m) => {
+        m.tabIndex = -1;
+      }), y.tabIndex = 0, y.focus();
+    }, { signal: f.signal }), () => f.abort();
+  }, [l, e, s, n, r]);
+}
+function F(e, s = globalThis.setTimeout, n = globalThis.clearTimeout) {
+  const o = E(null), t = d(() => {
+    o.current && n(o.current);
+  }, [n]), r = d((u, l) => {
+    t(), o.current = s(() => {
+      u(), o.current = null;
+    }, l ?? e);
+  }, [t, e, s]);
+  return C(() => t, [t]), b(
+    () => ({ setTimeout: r, clearCurrentTimeout: t }),
+    [t, r]
+  );
+}
+const S = 2e3, I = (e = {}, s, n = globalThis.setTimeout, o = globalThis.clearTimeout) => {
+  const { initialValue: t = !1, delay: r = S } = typeof e == "boolean" ? {
+    initialValue: e,
+    delay: s
+  } : e, { setTimeout: u } = F(r, n, o), [l, c] = g(t), f = E(t), T = d(() => {
+    c(!f.current), u(() => c(f.current));
+  }, [u]);
+  return [l, T];
+};
+function L(e = !1, s = !1) {
+  const [n, o] = g(e), t = d(() => o((l) => !l), []), r = d(() => o(!0), []), u = d(() => o(!1), []);
+  return s ? { flag: n, toggle: t, setToTrue: r, setToFalse: u } : [n, t, r, u];
+}
+function A(e, s, n) {
+  return typeof e == "object" ? A(e.currentField, e.newField, e.currentOrderDir) : e !== s ? "ASC" : n ? {
+    ASC: "DESC",
+    DESC: void 0
+  }[n] : "ASC";
+}
+function x(e, s, n) {
+  if (typeof e == "object")
+    return x(e.currentField, e.newField, e.currentOrderDir);
+  const o = A(e, s, n);
+  return {
+    field: o ? s : void 0,
+    dir: o
+  };
+}
+const v = (e, { field: s, dir: n }) => !s || !n ? e : e.sort((o, t) => {
+  const r = n === "ASC" ? 1 : -1, u = n === "ASC" ? -1 : 1;
+  return o[s] > t[s] ? r : u;
+}), M = (e) => e.dir ? `${e.field}-${e.dir}` : void 0, j = (e) => {
+  const [s, n] = e.split("-");
+  return { field: s, dir: n };
+}, R = (e) => {
+  const [s, n] = g(e), o = d(
+    (t, r) => n(
+      t && typeof t == "object" ? t : { field: t, dir: r }
+    ),
+    []
+  );
+  return [s, o];
+};
+export {
+  k as a,
+  F as b,
+  I as c,
+  A as d,
+  x as e,
+  j as f,
+  R as g,
+  M as o,
+  v as s,
+  L as u
+};