@shlinkio/shlink-frontend-kit 0.9.10 → 0.9.12

package/dist/tailwind.preset.css

@@ -92,6 +92,7 @@
 @layer base {
     :root {
         --header-height: 56px;
+        --tw-header-height: 52px;
 
         /* Chevron image for selects */
         --chevron-down: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>");
@@ -182,6 +183,11 @@
     @apply tw:focus-ring-base tw:focus-visible:ring-zinc-500/50;
 }
 
+@utility focus-within-ring {
+    @apply tw:outline-none tw:focus-within:ring-3 tw:focus-within:z-1 tw:transition-[box-shadow];
+    @apply tw:focus-within:ring-lm-brand/50 tw:dark:focus-within:ring-dm-brand/50;
+}
+
 @utility scroll-thin {
     /* Standard. New browsers */
     scrollbar-width: thin;
@@ -195,6 +201,21 @@
     }
 }
 
+@utility no-clear-button {
+    &::-webkit-search-cancel-button {
+        display: none;
+    }
+    &::-ms-clear {
+        display: none;
+    }
+    &::-o-clear {
+        display: none;
+    }
+    &::-moz-clear {
+        display: none;
+    }
+}
+
 @custom-variant highlight {
     &:hover,
     &:focus-visible {

package/package.json

@@ -59,19 +59,19 @@
   "devDependencies": {
     "@shlinkio/eslint-config-js-coding-standard": "~3.5.0",
     "@stylistic/eslint-plugin": "^4.4.1",
-    "@tailwindcss/vite": "^4.1.8",
+    "@tailwindcss/vite": "^4.1.10",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
     "@total-typescript/shoehorn": "^0.1.2",
-    "@types/react": "^19.1.6",
+    "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
-    "@vitejs/plugin-react": "^4.5.1",
-    "@vitest/browser": "^3.2.2",
-    "@vitest/coverage-v8": "^3.2.2",
+    "@vitejs/plugin-react": "^4.5.2",
+    "@vitest/browser": "^3.2.3",
+    "@vitest/coverage-v8": "^3.2.3",
     "axe-core": "^4.10.3",
     "bootstrap": "5.2.3",
-    "eslint": "^9.28.0",
+    "eslint": "^9.29.0",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-react": "^7.37.5",
@@ -79,8 +79,8 @@
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-simple-import-sort": "^12.1.1",
     "history": "^5.3.0",
-    "playwright": "^1.52.0",
-    "sass": "^1.89.1",
+    "playwright": "^1.53.0",
+    "sass": "^1.89.2",
     "typescript": "^5.8.3",
     "typescript-eslint": "^8.34.0",
     "vite": "^6.3.5",
@@ -93,5 +93,5 @@
     "not ie <= 11",
     "not op_mini all"
   ],
-  "version": "0.9.10"
+  "version": "0.9.12"
 }

package/dist/ordering-VI1mTe3x.js

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