@shlinkio/shlink-frontend-kit 0.6.0 → 0.7.1

package/dist/index.d.ts

@@ -2,11 +2,10 @@ import { CardProps } from 'reactstrap';
 import { ChangeEvent } from 'react';
 import { DropdownToggleProps } from 'reactstrap/types/lib/DropdownToggle';
 import { FC } from 'react';
-import { InputType } from 'reactstrap/types/lib/Input';
-import { JSX as JSX_2 } from 'react/jsx-runtime';
-import { MutableRefObject } from 'react';
+import { JSX } from 'react/jsx-runtime';
 import { PropsWithChildren } from 'react';
 import { ReactNode } from 'react';
+import { RefObject } from 'react';
 
 declare type BooleanControlProps = PropsWithChildren<{
     checked?: boolean;
@@ -50,7 +49,7 @@ export declare const InputFormGroup: FC<InputFormGroupProps>;
 export declare type InputFormGroupProps = PropsWithChildren<{
     value: string;
     onChange: (newValue: string) => void;
-    type?: InputType;
+    type?: HTMLInputElement['type'];
     required?: boolean;
     placeholder?: string;
     className?: string;
@@ -105,7 +104,7 @@ export declare type Order<Fields> = {
 
 export declare type OrderDir = 'ASC' | 'DESC' | undefined;
 
-export declare function OrderingDropdown<T extends string = string>({ items, order, onChange, isButton, right, prefixed }: OrderingDropdownProps<T>): JSX_2.Element;
+export declare function OrderingDropdown<T extends string = string>({ items, order, onChange, isButton, right, prefixed }: OrderingDropdownProps<T>): JSX.Element;
 
 export declare type OrderingDropdownProps<T extends string = string> = {
     items: Record<T, string>;
@@ -140,7 +139,7 @@ export declare type ResultType = 'success' | 'error' | 'warning';
 
 export declare const RowDropdownBtn: FC<DropdownBtnMenuProps>;
 
-export declare const SearchField: ({ onChange, className, large, noBorder, initialValue, setTimeout_ }: SearchFieldProps) => JSX_2.Element;
+export declare const SearchField: ({ onChange, className, large, noBorder, initialValue, setTimeout_ }: SearchFieldProps) => JSX.Element;
 
 declare type SearchFieldProps = {
     onChange: (value: string) => void;
@@ -151,7 +150,7 @@ declare type SearchFieldProps = {
     setTimeout_?: typeof setTimeout;
 };
 
-export declare const SimpleCard: ({ title, children, bodyClassName, ...rest }: SimpleCardProps) => JSX_2.Element;
+export declare const SimpleCard: ({ title, children, bodyClassName, ...rest }: SimpleCardProps) => JSX.Element;
 
 export declare type SimpleCardProps = Omit<CardProps, 'title'> & {
     title?: ReactNode;
@@ -178,7 +177,7 @@ declare type ToggleResult = [boolean, () => void, () => void, () => void];
 
 export declare const ToggleSwitch: FC<BooleanControlProps>;
 
-export declare const useElementRef: <T>() => MutableRefObject<T | null>;
+export declare const useElementRef: <T>() => RefObject<T | null>;
 
 export declare const useOrder: <T>(initialOrder: Order<T>) => [Order<T>, (orderField?: T, orderDir?: OrderDir) => void];
 

package/dist/index.js

@@ -1,58 +1,68 @@
 import { jsx as s, jsxs as d, Fragment as N } from "react/jsx-runtime";
-import { faCircleNotch as I, faSearch as D, faEllipsisV as E, faSortAmountUp as P, faSortAmountDown as F } from "@fortawesome/free-solid-svg-icons";
+import { faCircleNotch as I, faSearch as y, faEllipsisV as D, faSortAmountUp as E, faSortAmountDown as P } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon as g } from "@fortawesome/react-fontawesome";
-import { clsx as m } from "clsx";
-import { Row as v, Card as _, CardHeader as H, CardBody as M, Dropdown as $, DropdownToggle as T, DropdownMenu as O, NavItem as G, NavLink as U, Nav as j, UncontrolledDropdown as q, DropdownItem as w } from "reactstrap";
-import { useId as S, useState as b, useCallback as f, useRef as C, useMemo as Q, Children as V, isValidElement as Y } from "react";
-import { useLocation as z, NavLink as J } from "react-router-dom";
-const W = (e) => ({
-  error: "border-danger",
-  default: ""
-})[e], X = (e) => ({
-  error: "text-danger",
-  default: "text-muted"
-})[e], he = ({ className: e, children: r, loading: t = !1, type: n = "default", fullWidth: o = !1 }) => {
-  const c = m({
-    "col-md-12": o,
-    "col-md-10 offset-md-1": !o
-  });
-  return /* @__PURE__ */ s(v, { className: m("g-0", e), children: /* @__PURE__ */ s("div", { className: c, children: /* @__PURE__ */ s(_, { className: W(n), body: !0, children: /* @__PURE__ */ d("h3", { className: m("text-center mb-0", X(n)), children: [
-    t && /* @__PURE__ */ s(g, { icon: I, spin: !0 }),
-    t && /* @__PURE__ */ s("span", { className: "ms-2", children: r ?? "Loading..." }),
-    !t && r
-  ] }) }) }) });
-}, Z = ({ title: e, children: r, bodyClassName: t, ...n }) => /* @__PURE__ */ d(_, { ...n, children: [
-  e && /* @__PURE__ */ s(H, { role: "heading", "aria-level": 4, children: e }),
-  /* @__PURE__ */ s(M, { className: t, children: r })
-] }), ue = ({ children: e, type: r, className: t, small: n = !1 }) => /* @__PURE__ */ s(v, { className: t, children: /* @__PURE__ */ s("div", { className: m({ "col-md-10 offset-md-1": !n, "col-12": n }), children: /* @__PURE__ */ s(
-  Z,
+import { clsx as h } from "clsx";
+import { Card as C, CardHeader as F, CardBody as H, Dropdown as M, DropdownToggle as v, DropdownMenu as O, NavItem as $, NavLink as G, Nav as U, UncontrolledDropdown as j, DropdownItem as w } from "reactstrap";
+import { useId as S, useState as b, useCallback as f, useRef as _, useMemo as q, Children as Q, isValidElement as V } from "react";
+import { useLocation as Y, NavLink as z } from "react-router";
+const ie = ({ className: r, children: e, loading: t = !1, type: n = "default", fullWidth: o = !1 }) => /* @__PURE__ */ s(
+  C,
   {
-    role: "document",
-    className: m("text-center", {
-      "bg-main": r === "success",
-      "bg-danger": r === "error",
-      "bg-warning": r === "warning",
-      "text-white": r !== "warning"
+    body: !0,
+    className: h(r, {
+      "w-100": o,
+      "w-75 mx-auto": !o,
+      "border-danger": n === "error"
     }),
-    bodyClassName: m({ "p-2": n }),
-    children: e
+    children: /* @__PURE__ */ d(
+      "h3",
+      {
+        className: h("text-center mb-0", {
+          "text-muted": n === "default",
+          "text-danger": n === "error"
+        }),
+        children: [
+          t && /* @__PURE__ */ s(g, { icon: I, spin: !0 }),
+          t && /* @__PURE__ */ s("span", { className: "ms-2", children: e ?? "Loading..." }),
+          !t && e
+        ]
+      }
+    )
+  }
+), J = ({ title: r, children: e, bodyClassName: t, ...n }) => /* @__PURE__ */ d(C, { ...n, children: [
+  r && /* @__PURE__ */ s(F, { role: "heading", "aria-level": 4, children: r }),
+  /* @__PURE__ */ s(H, { className: t, children: e })
+] }), de = ({ children: r, type: e, className: t, small: n = !1 }) => /* @__PURE__ */ s(
+  J,
+  {
+    role: "document",
+    className: h("text-center", {
+      "w-75 mx-auto": !n,
+      "w-100": n,
+      "bg-main": e === "success",
+      "bg-danger": e === "error",
+      "bg-warning": e === "warning",
+      "text-white": e !== "warning"
+    }, t),
+    bodyClassName: h({ "p-2": n }),
+    children: r
   }
-) }) }), A = ({ checked: e = !1, onChange: r, className: t, children: n, type: o, inline: c = !1 }) => {
-  const l = S(), a = (u) => r == null ? void 0 : r(u.target.checked, u), i = {
+), A = ({ checked: r = !1, onChange: e, className: t, children: n, type: o, inline: c = !1 }) => {
+  const l = S(), a = (u) => e == null ? void 0 : e(u.target.checked, u), i = {
     "form-switch": o === "switch",
     "form-checkbox": o === "checkbox"
-  }, h = c ? { display: "inline-block" } : {};
-  return /* @__PURE__ */ d("span", { className: m("form-check", i, t), style: h, children: [
-    /* @__PURE__ */ s("input", { type: "checkbox", className: "form-check-input", id: l, checked: e, onChange: a }),
+  }, m = c ? { display: "inline-block" } : {};
+  return /* @__PURE__ */ d("span", { className: h("form-check", i, t), style: m, children: [
+    /* @__PURE__ */ s("input", { type: "checkbox", className: "form-check-input", id: l, checked: r, onChange: a }),
     /* @__PURE__ */ s("label", { className: "form-check-label", htmlFor: l, children: n })
   ] });
-}, fe = (e) => /* @__PURE__ */ s(A, { type: "checkbox", ...e }), pe = (e) => /* @__PURE__ */ s(A, { type: "switch", ...e }), B = ({ children: e, label: r, className: t = "", labelClassName: n = "", noMargin: o = !1, id: c }) => /* @__PURE__ */ d("div", { className: `${t} ${o ? "" : "mb-3"}`, children: [
-  /* @__PURE__ */ s("label", { className: `form-label ${n}`, htmlFor: c, children: r }),
-  e
-] }), ge = ({ children: e, value: r, onChange: t, type: n, required: o, placeholder: c, className: l, labelClassName: a }) => {
+}, me = (r) => /* @__PURE__ */ s(A, { type: "checkbox", ...r }), he = (r) => /* @__PURE__ */ s(A, { type: "switch", ...r }), W = ({ children: r, label: e, className: t = "", labelClassName: n = "", noMargin: o = !1, id: c }) => /* @__PURE__ */ d("div", { className: `${t} ${o ? "" : "mb-3"}`, children: [
+  /* @__PURE__ */ s("label", { className: `form-label ${n}`, htmlFor: c, children: e }),
+  r
+] }), ue = ({ children: r, value: e, onChange: t, type: n, required: o, placeholder: c, className: l, labelClassName: a }) => {
   const i = S();
-  return /* @__PURE__ */ s(B, { label: /* @__PURE__ */ d(N, { children: [
-    e,
+  return /* @__PURE__ */ s(W, { label: /* @__PURE__ */ d(N, { children: [
+    r,
     ":"
   ] }), className: l, labelClassName: a, id: i, children: /* @__PURE__ */ s(
     "input",
@@ -60,37 +70,37 @@ const W = (e) => ({
       id: i,
       className: "form-control",
       type: n ?? "text",
-      value: r,
+      value: e,
       required: o ?? !0,
       placeholder: c,
-      onChange: (h) => t(h.target.value)
+      onChange: (m) => t(m.target.value)
     }
   ) });
-}, K = 500;
+}, X = 500;
 let p;
 const k = () => {
   p !== null && clearTimeout(p), p = null;
-}, be = ({ onChange: e, className: r, large: t = !0, noBorder: n = !1, initialValue: o = "", setTimeout_: c = setTimeout }) => {
-  const [l, a] = b(o), i = (h, u = K) => {
-    a(h), k(), p = c(() => {
-      e(h), k();
+}, fe = ({ onChange: r, className: e, large: t = !0, noBorder: n = !1, initialValue: o = "", setTimeout_: c = setTimeout }) => {
+  const [l, a] = b(o), i = (m, u = X) => {
+    a(m), k(), p = c(() => {
+      r(m), k();
     }, u);
   };
-  return /* @__PURE__ */ d("div", { className: m("search-field", r), children: [
+  return /* @__PURE__ */ d("div", { className: h("search-field", e), children: [
     /* @__PURE__ */ s(
       "input",
       {
         type: "text",
-        className: m("form-control search-field__input", {
+        className: h("form-control search-field__input", {
           "form-control-lg": t,
           "search-field__input--no-border": n
         }),
         placeholder: "Search...",
         value: l,
-        onChange: (h) => i(h.target.value)
+        onChange: (m) => i(m.target.value)
       }
     ),
-    /* @__PURE__ */ s(g, { icon: D, className: "search-field__icon" }),
+    /* @__PURE__ */ s(g, { icon: y, className: "search-field__icon" }),
     /* @__PURE__ */ s(
       "button",
       {
@@ -103,34 +113,34 @@ const k = () => {
       }
     )
   ] });
-}, ee = (e) => {
-  const r = new URLSearchParams(e), t = {};
-  return r.forEach((n, o) => {
+}, Z = (r) => {
+  const e = new URLSearchParams(r), t = {};
+  return e.forEach((n, o) => {
     if (o.endsWith("[]")) {
       const c = o.slice(0, -2);
       t[c] ?? (t[c] = []), t[c].push(n);
     } else
       t[o] = n;
   }), t;
-}, we = (e) => {
-  const r = new URLSearchParams();
-  for (const [t, n] of Object.entries(e))
-    n !== void 0 && (Array.isArray(n) ? n.forEach((o) => r.append(`${t}[]`, `${o}`)) : r.append(t, `${n}`));
-  return r.toString();
-}, re = (e = !1) => {
-  const [r, t] = b(e), n = f(() => t((l) => !l), []), o = f(() => t(!0), []), c = f(() => t(!1), []);
-  return [r, n, o, c];
-}, Ne = (e = !1, r = 2e3, t = window.setTimeout, n = window.clearTimeout) => {
-  const [o, c] = b(e), l = C(e), a = C(), i = f(() => {
-    c(!l.current), a.current && n(a.current), a.current = t(() => c(l.current), r);
-  }, [n, r, t]);
+}, pe = (r) => {
+  const e = new URLSearchParams();
+  for (const [t, n] of Object.entries(r))
+    n !== void 0 && (Array.isArray(n) ? n.forEach((o) => e.append(`${t}[]`, `${o}`)) : e.append(t, `${n}`));
+  return e.toString();
+}, B = (r = !1) => {
+  const [e, t] = b(r), n = f(() => t((l) => !l), []), o = f(() => t(!0), []), c = f(() => t(!1), []);
+  return [e, n, o, c];
+}, ge = (r = !1, e = 2e3, t = window.setTimeout, n = window.clearTimeout) => {
+  const [o, c] = b(r), l = _(r), a = _(void 0), i = f(() => {
+    c(!l.current), a.current && n(a.current), a.current = t(() => c(l.current), e);
+  }, [n, e, t]);
   return [o, i];
-}, Ce = () => C(null), _e = () => {
-  const { search: e } = z();
-  return Q(() => ee(e), [e]);
-}, te = ({
-  text: e,
-  disabled: r = !1,
+}, be = () => _(null), we = () => {
+  const { search: r } = Y();
+  return q(() => Z(r), [r]);
+}, K = ({
+  text: r,
+  disabled: e = !1,
   className: t,
   children: n,
   dropdownClassName: o,
@@ -138,69 +148,69 @@ const k = () => {
   end: l = !1,
   minWidth: a,
   inline: i,
-  size: h,
+  size: m,
   ...u
 }) => {
-  const [L, y] = re(), R = m("dropdown-btn__toggle", t, {
+  const [T, L] = B(), x = h("dropdown-btn__toggle", t, {
     "btn-block": !i,
     "dropdown-btn__toggle--with-caret": !c
-  }), x = { minWidth: a && `${a}px` };
-  return /* @__PURE__ */ d($, { isOpen: L, toggle: y, disabled: r, className: o, children: [
-    /* @__PURE__ */ s(T, { size: h, caret: !c, className: R, color: "primary", ...u, children: e }),
-    /* @__PURE__ */ s(O, { className: "w-100", end: l, style: x, children: n })
+  }), R = { minWidth: a && `${a}px` };
+  return /* @__PURE__ */ d(M, { isOpen: T, toggle: L, disabled: e, className: o, children: [
+    /* @__PURE__ */ s(v, { size: m, caret: !c, className: x, color: "primary", ...u, children: r }),
+    /* @__PURE__ */ s(O, { className: "w-100", end: l, style: R, children: n })
   ] });
-}, ke = ({ children: e, minWidth: r, label: t = "Options" }) => /* @__PURE__ */ s(
-  te,
+}, Ne = ({ children: r, minWidth: e, label: t = "Options" }) => /* @__PURE__ */ s(
+  K,
   {
-    text: /* @__PURE__ */ s(g, { className: "px-1", icon: E }),
+    text: /* @__PURE__ */ s(g, { className: "px-1", icon: D }),
     "aria-label": t,
     size: "sm",
-    minWidth: r,
+    minWidth: e,
     end: !0,
     noCaret: !0,
     inline: !0,
-    children: e
+    children: r
   }
-), ne = ({ children: e, ...r }) => /* @__PURE__ */ s(G, { children: /* @__PURE__ */ s(U, { className: "nav-pills__nav-link", tag: J, ...r, children: e }) }), ve = ({ children: e, fill: r = !1, className: t = "" }) => /* @__PURE__ */ s(_, { className: `nav-pills__nav p-0 overflow-hidden ${t}`, body: !0, children: /* @__PURE__ */ s(j, { pills: !0, fill: r, children: V.map(e, (n) => {
-  if (!Y(n) || n.type !== ne)
+), ee = ({ children: r, ...e }) => /* @__PURE__ */ s($, { children: /* @__PURE__ */ s(G, { className: "nav-pills__nav-link", tag: z, ...e, children: r }) }), _e = ({ children: r, fill: e = !1, className: t = "" }) => /* @__PURE__ */ s(C, { className: `nav-pills__nav p-0 overflow-hidden ${t}`, body: !0, children: /* @__PURE__ */ s(U, { pills: !0, fill: e, children: Q.map(r, (n) => {
+  if (!V(n) || n.type !== ee)
     throw new Error("Only NavPillItem children are allowed inside NavPills.");
   return n;
-}) }) }), se = (e, r, t) => e !== r ? "ASC" : t ? {
+}) }) }), re = (r, e, t) => r !== e ? "ASC" : t ? {
   ASC: "DESC",
   DESC: void 0
-}[t] : "ASC", Te = (e, { field: r, dir: t }) => !r || !t ? e : e.sort((n, o) => {
+}[t] : "ASC", Ce = (r, { field: e, dir: t }) => !e || !t ? r : r.sort((n, o) => {
   const c = t === "ASC" ? 1 : -1, l = t === "ASC" ? -1 : 1;
-  return n[r] > o[r] ? c : l;
-}), Oe = (e) => e.dir ? `${e.field}-${e.dir}` : void 0, Se = (e) => {
-  const [r, t] = e.split("-");
-  return { field: r, dir: t };
-}, Ae = (e) => {
-  const [r, t] = b(e), n = f((o, c) => t({ field: o, dir: c }), []);
-  return [r, n];
+  return n[e] > o[e] ? c : l;
+}), ke = (r) => r.dir ? `${r.field}-${r.dir}` : void 0, ve = (r) => {
+  const [e, t] = r.split("-");
+  return { field: e, dir: t };
+}, Oe = (r) => {
+  const [e, t] = b(r), n = f((o, c) => t({ field: o, dir: c }), []);
+  return [e, n];
 };
-function Le({ items: e, order: r, onChange: t, isButton: n = !0, right: o = !1, prefixed: c = !0 }) {
+function Se({ items: r, order: e, onChange: t, isButton: n = !0, right: o = !1, prefixed: c = !0 }) {
   const l = (a) => () => {
-    const i = se(a, r.field, r.dir);
+    const i = re(a, e.field, e.dir);
     t(i ? a : void 0, i);
   };
-  return /* @__PURE__ */ d(q, { children: [
+  return /* @__PURE__ */ d(j, { children: [
     /* @__PURE__ */ d(
-      T,
+      v,
       {
         caret: !0,
         color: n ? "primary" : "link",
-        className: m({
+        className: h({
           "dropdown-btn__toggle btn-block pe-4 overflow-hidden": n,
           "btn-sm p-0": !n
         }),
         children: [
           !n && /* @__PURE__ */ s(N, { children: "Order by" }),
-          n && !r.field && /* @__PURE__ */ s("i", { children: "Order by..." }),
-          n && r.field && /* @__PURE__ */ d(N, { children: [
+          n && !e.field && /* @__PURE__ */ s("i", { children: "Order by..." }),
+          n && e.field && /* @__PURE__ */ d(N, { children: [
             c && "Order by: ",
-            e[r.field],
+            r[e.field],
             " - ",
-            /* @__PURE__ */ s("small", { children: r.dir ?? "DESC" })
+            /* @__PURE__ */ s("small", { children: e.dir ?? "DESC" })
           ] })
         ]
       }
@@ -209,64 +219,64 @@ function Le({ items: e, order: r, onChange: t, isButton: n = !0, right: o = !1,
       O,
       {
         end: o,
-        className: m("w-100", { "ordering-dropdown__menu--link": !n }),
+        className: h("w-100", { "ordering-dropdown__menu--link": !n }),
         children: [
-          Object.entries(e).map(([a, i]) => /* @__PURE__ */ d(w, { active: r.field === a, onClick: l(a), children: [
+          Object.entries(r).map(([a, i]) => /* @__PURE__ */ d(w, { active: e.field === a, onClick: l(a), children: [
             i,
-            r.field === a && /* @__PURE__ */ s(
+            e.field === a && /* @__PURE__ */ s(
               g,
               {
-                icon: r.dir === "ASC" ? P : F,
+                icon: e.dir === "ASC" ? E : P,
                 className: "ordering-dropdown__sort-icon"
               }
             )
           ] }, a)),
           /* @__PURE__ */ s(w, { divider: !0 }),
-          /* @__PURE__ */ s(w, { disabled: !r.field, onClick: () => t(), children: /* @__PURE__ */ s("i", { children: "Clear selection" }) })
+          /* @__PURE__ */ s(w, { disabled: !e.field, onClick: () => t(), children: /* @__PURE__ */ s("i", { children: "Clear selection" }) })
         ]
       }
     )
   ] });
 }
-const ye = "#4696e5", Re = "rgba(70, 150, 229, 0.4)", xe = "#f77f28", Ie = "rgba(247, 127, 40, 0.4)", De = "white", Ee = "#161b22", Pe = (e) => {
-  var r;
-  return (r = document.querySelector("html")) == null ? void 0 : r.setAttribute("data-theme", e);
-}, Fe = () => {
+const Ae = "#4696e5", Te = "rgba(70, 150, 229, 0.4)", Le = "#f77f28", xe = "rgba(247, 127, 40, 0.4)", Re = "white", Ie = "#161b22", ye = (r) => {
   var e;
-  return ((e = document.querySelector("html")) == null ? void 0 : e.getAttribute("data-theme")) === "dark";
-}, He = (e = window.matchMedia.bind(window)) => e("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+  return (e = document.querySelector("html")) == null ? void 0 : e.setAttribute("data-theme", r);
+}, De = () => {
+  var r;
+  return ((r = document.querySelector("html")) == null ? void 0 : r.getAttribute("data-theme")) === "dark";
+}, Ee = (r = window.matchMedia.bind(window)) => r("(prefers-color-scheme: dark)").matches ? "dark" : "light";
 export {
-  fe as Checkbox,
-  te as DropdownBtn,
-  xe as HIGHLIGHTED_COLOR,
-  Ie as HIGHLIGHTED_COLOR_ALPHA,
-  ge as InputFormGroup,
-  B as LabeledFormGroup,
-  ye as MAIN_COLOR,
-  Re as MAIN_COLOR_ALPHA,
-  he as Message,
-  ne as NavPillItem,
-  ve as NavPills,
-  Le as OrderingDropdown,
-  Ee as PRIMARY_DARK_COLOR,
-  De as PRIMARY_LIGHT_COLOR,
-  ue as Result,
-  ke as RowDropdownBtn,
-  be as SearchField,
-  Z as SimpleCard,
-  pe as ToggleSwitch,
-  Pe as changeThemeInMarkup,
-  se as determineOrderDir,
-  He as getSystemPreferredTheme,
-  Fe as isDarkThemeEnabled,
-  Oe as orderToString,
-  ee as parseQueryString,
-  Te as sortList,
-  Se as stringToOrder,
-  we as stringifyQueryParams,
-  Ce as useElementRef,
-  Ae as useOrder,
-  _e as useParsedQuery,
-  Ne as useTimeoutToggle,
-  re as useToggle
+  me as Checkbox,
+  K as DropdownBtn,
+  Le as HIGHLIGHTED_COLOR,
+  xe as HIGHLIGHTED_COLOR_ALPHA,
+  ue as InputFormGroup,
+  W as LabeledFormGroup,
+  Ae as MAIN_COLOR,
+  Te as MAIN_COLOR_ALPHA,
+  ie as Message,
+  ee as NavPillItem,
+  _e as NavPills,
+  Se as OrderingDropdown,
+  Ie as PRIMARY_DARK_COLOR,
+  Re as PRIMARY_LIGHT_COLOR,
+  de as Result,
+  Ne as RowDropdownBtn,
+  fe as SearchField,
+  J as SimpleCard,
+  he as ToggleSwitch,
+  ye as changeThemeInMarkup,
+  re as determineOrderDir,
+  Ee as getSystemPreferredTheme,
+  De as isDarkThemeEnabled,
+  ke as orderToString,
+  Z as parseQueryString,
+  Ce as sortList,
+  ve as stringToOrder,
+  pe as stringifyQueryParams,
+  be as useElementRef,
+  Oe as useOrder,
+  we as useParsedQuery,
+  ge as useTimeoutToggle,
+  B as useToggle
 };

package/package.json

@@ -29,42 +29,40 @@
   "peerDependencies": {
     "@fortawesome/fontawesome-free": "^6.4.2",
     "@fortawesome/free-solid-svg-icons": "^6.4.2",
-    "@fortawesome/react-fontawesome": "^0.2.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-router-dom": "^6.14.2",
+    "@fortawesome/react-fontawesome": "^0.2.2",
+    "react": "^18.3 || ^19.0",
+    "react-dom": "^18.3 || ^19.0",
+    "react-router": "^7.0.2",
     "reactstrap": "^9.2.0"
   },
   "devDependencies": {
-    "@shlinkio/eslint-config-js-coding-standard": "~3.2.0",
+    "@shlinkio/eslint-config-js-coding-standard": "~3.2.1",
     "@shlinkio/stylelint-config-css-coding-standard": "~1.1.1",
-    "@stylistic/eslint-plugin": "^2.9.0",
-    "@testing-library/jest-dom": "^6.5.0",
-    "@testing-library/react": "^16.0.1",
+    "@stylistic/eslint-plugin": "^2.12.1",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.1.0",
     "@testing-library/user-event": "^14.5.2",
     "@total-typescript/shoehorn": "^0.1.2",
-    "@types/qs": "^6.9.16",
-    "@types/react": "^18.3.11",
-    "@types/react-dom": "^18.3.1",
-    "@types/uuid": "^10.0.0",
-    "@vitejs/plugin-react": "^4.3.2",
-    "@vitest/coverage-v8": "^2.1.3",
-    "axe-core": "^4.10.1",
+    "@types/react": "^19.0.2",
+    "@types/react-dom": "^19.0.2",
+    "@vitejs/plugin-react": "^4.3.4",
+    "@vitest/coverage-v8": "^2.1.8",
+    "axe-core": "^4.10.2",
     "bootstrap": "5.2.3",
-    "eslint": "^9.13.0",
-    "eslint-plugin-jsx-a11y": "^6.10.0",
-    "eslint-plugin-react": "^7.37.1",
-    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint": "^9.17.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-react": "^7.37.3",
+    "eslint-plugin-react-hooks": "^5.1.0",
     "eslint-plugin-simple-import-sort": "^12.1.1",
     "history": "^5.3.0",
     "jsdom": "^25.0.1",
     "resize-observer-polyfill": "^1.5.1",
-    "sass": "^1.80.3",
+    "sass": "^1.83.0",
     "stylelint": "^15.11.0",
-    "typescript": "^5.6.3",
-    "typescript-eslint": "^8.10.0",
-    "vite": "^5.4.9",
-    "vite-plugin-dts": "^4.2.4",
+    "typescript": "^5.7.2",
+    "typescript-eslint": "^8.18.2",
+    "vite": "^6.0.6",
+    "vite-plugin-dts": "^4.4.0",
     "vitest": "^2.0.2"
   },
   "browserslist": [
@@ -73,5 +71,5 @@
     "not ie <= 11",
     "not op_mini all"
   ],
-  "version": "0.6.0"
+  "version": "0.7.1"
 }