@shlinkio/shlink-frontend-kit 0.9.9 → 0.9.11

package/dist/tailwind.preset.css

@@ -51,7 +51,7 @@
     --breakpoint-md: 768px;
     --breakpoint-lg: 992px;
     --breakpoint-xl: 1200px;
-    --breakpoint-2xl: 1400px;
+    --breakpoint-2xl: 1320px; /* 1400px according to bootstrap docs, but then the container is bigger than before */
 }
 
 /* Deprecated. TODO Remove with bootstrap support */
@@ -150,7 +150,7 @@
     }
 
     hr {
-        @apply tw:my-2
+        @apply tw:my-3;
     }
 
     p {
@@ -160,6 +160,10 @@
     code {
         @apply tw:text-sm tw:text-pink-600 tw:dark:text-pink-500 tw:font-mono;
     }
+
+    input[type="search"]::-webkit-search-cancel-button {
+        @apply tw:cursor-pointer;
+    }
 }
 
 @utility focus-ring-base {
@@ -178,6 +182,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;
@@ -191,6 +200,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.9"
+  "version": "0.9.11"
 }

package/dist/ordering-B_hekQuu.js

@@ -1,96 +0,0 @@
-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
-};