@shlinkio/shlink-frontend-kit 0.5.3 → 0.6.0

package/dist/index.d.ts

@@ -118,9 +118,6 @@ export declare type OrderingDropdownProps<T extends string = string> = {
 
 export declare const orderToString: <T>(order: Order<T>) => string | undefined;
 
-/** @deprecated Use parseQueryString instead */
-export declare const parseQuery: <T>(search: string) => T;
-
 /**
  * Parses provided query string into an object.
  * Parameters ending with "[]" will be considered arrays and returned as a single prop with all values.
@@ -163,9 +160,6 @@ export declare type SimpleCardProps = Omit<CardProps, 'title'> & {
 
 export declare const sortList: <List>(list: List[], { field, dir }: Order<keyof List>) => List[];
 
-/** @deprecated Use stringifyQueryParams instead */
-export declare const stringifyQuery: (params: Record<string, unknown | unknown[] | undefined>) => string;
-
 /**
  * Stringify an object of query parameters.
  * Keys explicitly defined with undefined value will be skipped.
@@ -184,9 +178,6 @@ declare type ToggleResult = [boolean, () => void, () => void, () => void];
 
 export declare const ToggleSwitch: FC<BooleanControlProps>;
 
-/** @deprecated Use standard useId() instead */
-export declare const useDomId: () => string;
-
 export declare const useElementRef: <T>() => MutableRefObject<T | null>;
 
 export declare const useOrder: <T>(initialOrder: Order<T>) => [Order<T>, (orderField?: T, orderDir?: OrderDir) => void];

package/dist/index.js

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

package/package.json

@@ -5,15 +5,8 @@
   "repository": "https://github.com/shlinkio/shlink-frontend-kit",
   "license": "MIT",
   "type": "module",
-  "main": "./dist/index.umd.cjs",
-  "module": "./dist/index.js",
+  "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "require": "./dist/index.umd.cjs"
-    }
-  },
   "files": [
     "dist"
   ],
@@ -43,35 +36,35 @@
     "reactstrap": "^9.2.0"
   },
   "devDependencies": {
-    "@shlinkio/eslint-config-js-coding-standard": "~3.1.0",
+    "@shlinkio/eslint-config-js-coding-standard": "~3.2.0",
     "@shlinkio/stylelint-config-css-coding-standard": "~1.1.1",
-    "@stylistic/eslint-plugin": "^2.8.0",
+    "@stylistic/eslint-plugin": "^2.9.0",
     "@testing-library/jest-dom": "^6.5.0",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
     "@total-typescript/shoehorn": "^0.1.2",
     "@types/qs": "^6.9.16",
-    "@types/react": "^18.3.10",
-    "@types/react-dom": "^18.3.0",
+    "@types/react": "^18.3.11",
+    "@types/react-dom": "^18.3.1",
     "@types/uuid": "^10.0.0",
-    "@vitejs/plugin-react": "^4.3.1",
-    "@vitest/coverage-v8": "^2.1.1",
-    "axe-core": "^4.10.0",
+    "@vitejs/plugin-react": "^4.3.2",
+    "@vitest/coverage-v8": "^2.1.3",
+    "axe-core": "^4.10.1",
     "bootstrap": "5.2.3",
-    "eslint": "^8.57.0",
+    "eslint": "^9.13.0",
     "eslint-plugin-jsx-a11y": "^6.10.0",
-    "eslint-plugin-react": "^7.37.0",
-    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react": "^7.37.1",
+    "eslint-plugin-react-hooks": "^5.0.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.79.4",
+    "sass": "^1.80.3",
     "stylelint": "^15.11.0",
-    "typescript": "^5.6.2",
-    "typescript-eslint": "^8.7.0",
-    "vite": "^5.4.8",
-    "vite-plugin-dts": "^4.2.2",
+    "typescript": "^5.6.3",
+    "typescript-eslint": "^8.10.0",
+    "vite": "^5.4.9",
+    "vite-plugin-dts": "^4.2.4",
     "vitest": "^2.0.2"
   },
   "browserslist": [
@@ -80,5 +73,5 @@
     "not ie <= 11",
     "not op_mini all"
   ],
-  "version": "0.5.3"
+  "version": "0.6.0"
 }

package/dist/index.umd.cjs

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