@a-ui/react 7.13.0-beta.6 → 7.13.0-beta.7

package/es/index83.mjs

@@ -1,7 +1,32 @@
-import { addDays as t } from "./index135.mjs";
-function u(o, a, r) {
-  return t(o, -1, r);
-}
+const f = (t, n) => Array(n - t + 1).fill(0).map((e, o) => o + t), d = (t, n) => {
+  const e = n <= 7 ? 7 : t > 4 && t < n - 3 ? 2 : 4;
+  let o = Math.round(t - e / 2), a = Math.round(t + e / 2);
+  (o - 1 === 1 || a + 1 === n) && (o += 1, a += 1);
+  let s = t > e ? f(Math.min(o, n - e), Math.min(a, n)) : f(1, Math.min(n, e + 1));
+  return s[0] !== 1 && (s = [1, 0].concat(s)), s[s.length - 1] < n && (s = s.concat([0, n])), s;
+}, p = (t, n, e, o) => {
+  const a = e - n, c = (t - n) / a;
+  return Math.round(c * o);
+}, h = (t, n, e) => Math.min(Math.max(t, n), e), l = (t, n) => n ? t - n : t, M = (t, n, e, o, a, s, c) => {
+  const i = h(t, 0, n) / (n || 1);
+  let r = e * Math.round(i * (c - s)) / e + s;
+  return r >= a && (r = a), r <= o && (r = o), r;
+}, V = (t, n, e, o, a, s, c, i) => {
+  const u = "clientX", r = t.type !== "touchmove" ? t[u] : t.touches[0][u], g = l(r, i);
+  return M(g, n, e, o, a, s, c);
+}, y = (t, n, e) => {
+  const o = [];
+  if (e <= 0)
+    return [n];
+  for (let a = t; a < n; a += e)
+    o.push(a);
+  return [...o, n];
+};
 export {
-  u as subDays
+  l as getPosition,
+  V as getPositionValue,
+  y as getSteps,
+  M as getValueFromPosition,
+  p as lineValuesToPosition,
+  d as pagesArray
 };

package/es/index84.mjs

@@ -1,121 +1,16 @@
-import { millisecondsInHour as p, millisecondsInMinute as N } from "./index150.mjs";
-import { constructFrom as T } from "./index148.mjs";
-import { toDate as D } from "./index149.mjs";
-function v(t, e) {
-  const n = () => T(e?.in, NaN), i = I(t);
-  let s;
-  if (i.date) {
-    const a = x(i.date, 2);
-    s = Y(a.restDateString, a.year);
-  }
-  if (!s || isNaN(+s)) return n();
-  const u = +s;
-  let o = 0, c;
-  if (i.time && (o = w(i.time), isNaN(o)))
-    return n();
-  if (i.timezone) {
-    if (c = y(i.timezone), isNaN(c)) return n();
-  } else {
-    const a = new Date(u + o), d = D(0, e?.in);
-    return d.setFullYear(
-      a.getUTCFullYear(),
-      a.getUTCMonth(),
-      a.getUTCDate()
-    ), d.setHours(
-      a.getUTCHours(),
-      a.getUTCMinutes(),
-      a.getUTCSeconds(),
-      a.getUTCMilliseconds()
-    ), d;
-  }
-  return D(u + o + c, e?.in);
-}
-const f = {
-  dateTimeDelimiter: /[T ]/,
-  timeZoneDelimiter: /[Z ]/i,
-  timezone: /([Z+-].*)$/
-}, U = /^-?(?:(\d{3})|(\d{2})(?:-?(\d{2}))?|W(\d{2})(?:-?(\d{1}))?|)$/, h = /^(\d{2}(?:[.,]\d*)?)(?::?(\d{2}(?:[.,]\d*)?))?(?::?(\d{2}(?:[.,]\d*)?))?$/, C = /^([+-])(\d{2})(?::?(\d{2}))?$/;
-function I(t) {
-  const e = {}, n = t.split(f.dateTimeDelimiter);
-  let r;
-  if (n.length > 2)
-    return e;
-  if (/:/.test(n[0]) ? r = n[0] : (e.date = n[0], r = n[1], f.timeZoneDelimiter.test(e.date) && (e.date = t.split(f.timeZoneDelimiter)[0], r = t.substr(
-    e.date.length,
-    t.length
-  ))), r) {
-    const i = f.timezone.exec(r);
-    i ? (e.time = r.replace(i[1], ""), e.timezone = i[1]) : e.time = r;
-  }
-  return e;
-}
-function x(t, e) {
-  const n = new RegExp(
-    "^(?:(\\d{4}|[+-]\\d{" + (4 + e) + "})|(\\d{2}|[+-]\\d{" + (2 + e) + "})$)"
-  ), r = t.match(n);
-  if (!r) return { year: NaN, restDateString: "" };
-  const i = r[1] ? parseInt(r[1]) : null, s = r[2] ? parseInt(r[2]) : null;
-  return {
-    year: s === null ? i : s * 100,
-    restDateString: t.slice((r[1] || r[2]).length)
-  };
-}
-function Y(t, e) {
-  if (e === null) return /* @__PURE__ */ new Date(NaN);
-  const n = t.match(U);
-  if (!n) return /* @__PURE__ */ new Date(NaN);
-  const r = !!n[4], i = l(n[1]), s = l(n[2]) - 1, u = l(n[3]), o = l(n[4]), c = l(n[5]) - 1;
-  if (r)
-    return Z(e, o, c) ? z(e, o, c) : /* @__PURE__ */ new Date(NaN);
-  {
-    const a = /* @__PURE__ */ new Date(0);
-    return !M(e, s, u) || !O(e, i) ? /* @__PURE__ */ new Date(NaN) : (a.setUTCFullYear(e, s, Math.max(i, u)), a);
-  }
-}
-function l(t) {
-  return t ? parseInt(t) : 1;
-}
-function w(t) {
-  const e = t.match(h);
-  if (!e) return NaN;
-  const n = m(e[1]), r = m(e[2]), i = m(e[3]);
-  return k(n, r, i) ? n * p + r * N + i * 1e3 : NaN;
-}
-function m(t) {
-  return t && parseFloat(t.replace(",", ".")) || 0;
-}
-function y(t) {
-  if (t === "Z") return 0;
-  const e = t.match(C);
-  if (!e) return 0;
-  const n = e[1] === "+" ? -1 : 1, r = parseInt(e[2]), i = e[3] && parseInt(e[3]) || 0;
-  return R(r, i) ? n * (r * p + i * N) : NaN;
-}
-function z(t, e, n) {
-  const r = /* @__PURE__ */ new Date(0);
-  r.setUTCFullYear(t, 0, 4);
-  const i = r.getUTCDay() || 7, s = (e - 1) * 7 + n + 1 - i;
-  return r.setUTCDate(r.getUTCDate() + s), r;
-}
-const F = [31, null, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
-function g(t) {
-  return t % 400 === 0 || t % 4 === 0 && t % 100 !== 0;
-}
-function M(t, e, n) {
-  return e >= 0 && e <= 11 && n >= 1 && n <= (F[e] || (g(t) ? 29 : 28));
-}
-function O(t, e) {
-  return e >= 1 && e <= (g(t) ? 366 : 365);
-}
-function Z(t, e, n) {
-  return e >= 1 && e <= 53 && n >= 0 && n <= 6;
-}
-function k(t, e, n) {
-  return t === 24 ? e === 0 && n === 0 : n >= 0 && n < 60 && e >= 0 && e < 60 && t >= 0 && t < 25;
-}
-function R(t, e) {
-  return e >= 0 && e <= 59;
+import { jsx as f } from "react/jsx-runtime";
+function a({ start: p, end: x, range: d, min: e, getPositionFromValue: r }) {
+  return /* @__PURE__ */ f(
+    "div",
+    {
+      className: "a-range-slider__bar",
+      style: {
+        left: d ? r(p) + "px" : "",
+        width: d && x ? r(x + e - p) + "px" : r(p) + "px"
+      }
+    }
+  );
 }
 export {
-  v as parseISO
+  a as RangeSliderBar
 };

package/es/index85.mjs

@@ -1,64 +1,61 @@
-import { jsx as t, jsxs as v } from "react/jsx-runtime";
-import { SORT_ASCENDING as u, SORT_DESCENDING as d } from "./index51.mjs";
-import { classNames as m } from "./index52.mjs";
-import { wrapWithIf as C } from "./index57.mjs";
-import { Checkbox as S } from "./index14.mjs";
-function w({
-  columns: c,
-  selectable: p,
-  selected: a = [],
-  rows: _ = [],
-  onSelectAll: g,
-  sort: s,
-  small: f,
-  sortDirection: n,
-  tableId: r,
-  onSortClick: o,
-  actions: i
+import { jsx as L } from "react/jsx-runtime";
+import { getPositionValue as R } from "./index83.mjs";
+import i from "react";
+function x({
+  value: a,
+  min: n,
+  max: r,
+  sliderMin: d,
+  sliderMax: p,
+  step: l,
+  direction: f,
+  sliderPos: s,
+  onUpdate: o,
+  getPositionFromValue: h,
+  ariaLabel: y
 }) {
-  const b = a.length && a.sort().join(",") === _.map((e) => e.id).sort().join(",");
-  return /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ v("tr", { children: [
-    p ? /* @__PURE__ */ t("th", { children: /* @__PURE__ */ t(
-      S,
-      {
-        name: `aui-table-checkbox-${r}-all`,
-        id: `aui-table-checkbox-${r}-all`,
-        checked: !!b,
-        indeterminate: !!a.length && !b,
-        onChange: g,
-        label: "selecteren",
-        showLabel: !1
-      }
-    ) }) : null,
-    c.map((e) => {
-      const x = m({
-        "u-text-right": !!e.alignRight,
-        "is-collapsed": !!e.sortable,
-        "is-condensed": !!f
-      }), l = s === e?.value && n === u, h = s === e?.value && n === d, N = m({
-        "a-table__sort-button": !0,
-        "a-table__sort-button--unsorted": s !== e?.value,
-        "a-table__sort-button--sorted-asc": l,
-        "a-table__sort-button--sorted-desc": h
-      });
-      return /* @__PURE__ */ t(
-        "th",
-        {
-          className: x,
-          ...e.sortable && (l || h) && { "aria-sort": l ? u : d },
-          ...e.sortable && { "aria-live": "polite" },
-          children: C(
-            e?.label,
-            /* @__PURE__ */ t("button", { onClick: (j) => o && o(e.value), className: N }),
-            !!e?.sortable
-          )
-        },
-        e?.value
-      );
-    }),
-    i?.buttons?.length ? /* @__PURE__ */ t("th", { children: i?.label }) : null
-  ] }) });
+  const [w, D] = i.useState(0), E = i.useRef(null);
+  i.useEffect(() => {
+    s && D(s);
+  }, [f, s]);
+  const m = (e) => {
+    e.stopPropagation(), e.preventDefault();
+  }, g = () => {
+    document.addEventListener("mousemove", u), document.addEventListener("mouseup", c);
+  }, u = (e) => {
+    e.type === "mousemove" ? m(e) : e.stopPropagation();
+    const t = v(e);
+    return o && o(t);
+  }, c = (e) => {
+    document.removeEventListener("mousemove", u), document.removeEventListener("mouseup", c);
+    const t = v(e);
+    return o && o(t);
+  }, v = (e) => R(e, w, l, n, r, d, p, f), k = (e) => {
+    let t = a;
+    e.key === "ArrowUp" || e.key === "ArrowRight" ? (e.preventDefault(), t += l) : e.key === "ArrowDown" || e.key === "ArrowLeft" ? (e.preventDefault(), t -= l) : e.key === "End" ? (e.preventDefault(), t = r) : e.key === "Home" && (e.preventDefault(), t = n), t >= n && t <= r && o(t);
+  };
+  return /* @__PURE__ */ L(
+    "div",
+    {
+      className: "a-range-slider__handle",
+      tabIndex: 0,
+      style: {
+        left: h(a) + "px"
+      },
+      onMouseDown: g,
+      onTouchEnd: m,
+      onTouchMove: u,
+      onKeyDown: k,
+      role: "slider",
+      "aria-orientation": "horizontal",
+      "aria-valuemax": r,
+      "aria-valuemin": n,
+      "aria-valuenow": a,
+      "aria-label": y,
+      ref: E
+    }
+  );
 }
 export {
-  w as TableHeader
+  x as RangeSliderHandle
 };

package/es/index87.mjs

@@ -1,16 +1,64 @@
-import { jsx as f } from "react/jsx-runtime";
-function a({ start: p, end: x, range: d, min: e, getPositionFromValue: r }) {
-  return /* @__PURE__ */ f(
-    "div",
-    {
-      className: "a-range-slider__bar",
-      style: {
-        left: d ? r(p) + "px" : "",
-        width: d && x ? r(x + e - p) + "px" : r(p) + "px"
+import { jsx as t, jsxs as v } from "react/jsx-runtime";
+import { SORT_ASCENDING as u, SORT_DESCENDING as d } from "./index59.mjs";
+import { classNames as m } from "./index51.mjs";
+import { wrapWithIf as C } from "./index52.mjs";
+import { Checkbox as S } from "./index14.mjs";
+function w({
+  columns: c,
+  selectable: p,
+  selected: a = [],
+  rows: _ = [],
+  onSelectAll: g,
+  sort: s,
+  small: f,
+  sortDirection: n,
+  tableId: r,
+  onSortClick: o,
+  actions: i
+}) {
+  const b = a.length && a.sort().join(",") === _.map((e) => e.id).sort().join(",");
+  return /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ v("tr", { children: [
+    p ? /* @__PURE__ */ t("th", { children: /* @__PURE__ */ t(
+      S,
+      {
+        name: `aui-table-checkbox-${r}-all`,
+        id: `aui-table-checkbox-${r}-all`,
+        checked: !!b,
+        indeterminate: !!a.length && !b,
+        onChange: g,
+        label: "selecteren",
+        showLabel: !1
       }
-    }
-  );
+    ) }) : null,
+    c.map((e) => {
+      const x = m({
+        "u-text-right": !!e.alignRight,
+        "is-collapsed": !!e.sortable,
+        "is-condensed": !!f
+      }), l = s === e?.value && n === u, h = s === e?.value && n === d, N = m({
+        "a-table__sort-button": !0,
+        "a-table__sort-button--unsorted": s !== e?.value,
+        "a-table__sort-button--sorted-asc": l,
+        "a-table__sort-button--sorted-desc": h
+      });
+      return /* @__PURE__ */ t(
+        "th",
+        {
+          className: x,
+          ...e.sortable && (l || h) && { "aria-sort": l ? u : d },
+          ...e.sortable && { "aria-live": "polite" },
+          children: C(
+            e?.label,
+            /* @__PURE__ */ t("button", { onClick: (j) => o && o(e.value), className: N }),
+            !!e?.sortable
+          )
+        },
+        e?.value
+      );
+    }),
+    i?.buttons?.length ? /* @__PURE__ */ t("th", { children: i?.label }) : null
+  ] }) });
 }
 export {
-  a as RangeSliderBar
+  w as TableHeader
 };

package/es/index88.mjs

@@ -1,61 +1,62 @@
-import { jsx as L } from "react/jsx-runtime";
-import { getPositionValue as R } from "./index58.mjs";
-import i from "react";
-function x({
-  value: a,
-  min: n,
-  max: r,
-  sliderMin: d,
-  sliderMax: p,
-  step: l,
-  direction: f,
-  sliderPos: s,
-  onUpdate: o,
-  getPositionFromValue: h,
-  ariaLabel: y
+import { jsx as a, jsxs as b } from "react/jsx-runtime";
+import { classNames as o } from "./index51.mjs";
+import { wrapWithIf as f } from "./index52.mjs";
+import { Checkbox as g } from "./index14.mjs";
+import { Button as k } from "./index10.mjs";
+function N({
+  actions: s,
+  columns: m,
+  small: d,
+  tableId: i,
+  selectable: l,
+  onSelect: r,
+  selected: u = [],
+  rows: p
 }) {
-  const [w, D] = i.useState(0), E = i.useRef(null);
-  i.useEffect(() => {
-    s && D(s);
-  }, [f, s]);
-  const m = (e) => {
-    e.stopPropagation(), e.preventDefault();
-  }, g = () => {
-    document.addEventListener("mousemove", u), document.addEventListener("mouseup", c);
-  }, u = (e) => {
-    e.type === "mousemove" ? m(e) : e.stopPropagation();
-    const t = v(e);
-    return o && o(t);
-  }, c = (e) => {
-    document.removeEventListener("mousemove", u), document.removeEventListener("mouseup", c);
-    const t = v(e);
-    return o && o(t);
-  }, v = (e) => R(e, w, l, n, r, d, p, f), k = (e) => {
-    let t = a;
-    e.key === "ArrowUp" || e.key === "ArrowRight" ? (e.preventDefault(), t += l) : e.key === "ArrowDown" || e.key === "ArrowLeft" ? (e.preventDefault(), t -= l) : e.key === "End" ? (e.preventDefault(), t = r) : e.key === "Home" && (e.preventDefault(), t = n), t >= n && t <= r && o(t);
+  const h = o({
+    "is-clickable": !!l
+  }), c = (e, t) => {
+    const n = e.target;
+    return n?.classList.contains("a-button") || n.parentElement?.parentElement?.classList.contains("a-button") || n?.tagName === "A" && n?.getAttribute("href") || n.parentElement?.parentElement?.tagName === "A" && n.parentElement?.parentElement?.getAttribute("href") ? !1 : (e.preventDefault(), e.stopPropagation(), l && r && r(t.id));
   };
-  return /* @__PURE__ */ L(
-    "div",
-    {
-      className: "a-range-slider__handle",
-      tabIndex: 0,
-      style: {
-        left: h(a) + "px"
-      },
-      onMouseDown: g,
-      onTouchEnd: m,
-      onTouchMove: u,
-      onKeyDown: k,
-      role: "slider",
-      "aria-orientation": "horizontal",
-      "aria-valuemax": r,
-      "aria-valuemin": n,
-      "aria-valuenow": a,
-      "aria-label": y,
-      ref: E
-    }
-  );
+  return /* @__PURE__ */ a("tbody", { children: p.map((e) => /* @__PURE__ */ b("tr", { onClick: (t) => c(t, e), className: h, children: [
+    l ? /* @__PURE__ */ a("td", { children: /* @__PURE__ */ a(
+      g,
+      {
+        name: `aui-table-checkbox-${i}-${e.id}`,
+        id: `aui-table-checkbox-row-${i}-${e.id}`,
+        checked: (u || []).includes(e.id),
+        onChange: (t) => c(t, e),
+        label: e.checkboxLabel,
+        showLabel: !1
+      }
+    ) }) : null,
+    m.map((t) => {
+      const n = o({
+        "u-text-right": !!t.alignRight,
+        "u-text-bold": t.dataType === "primary",
+        small: t.dataType === "secondary",
+        "is-condensed": !!d
+      });
+      return /* @__PURE__ */ a("td", { className: n, children: t.transformFunction ? t.transformFunction(e[t?.value] || null) : e[t?.value] || null }, t?.value);
+    }),
+    f(
+      s?.buttons?.map((t) => /* @__PURE__ */ a(
+        k,
+        {
+          onClick: (n) => t?.onActionClick && t?.onActionClick(n, e.id),
+          ...t,
+          id: `aui-table-action-${i}-${t?.id}-${e.id}`,
+          size: t?.size || "small",
+          children: t?.label || t?.children
+        },
+        `aui-table-action-${i}-${t?.id}-${e.id}`
+      )) || null,
+      /* @__PURE__ */ a("td", {}),
+      !!s?.buttons?.length
+    )
+  ] }, e?.id)) });
 }
 export {
-  x as RangeSliderHandle
+  N as TableBody
 };

package/es/index89.mjs

@@ -1,8 +1,8 @@
-import { formatDistance as o } from "./index224.mjs";
-import { formatLong as t } from "./index225.mjs";
-import { formatRelative as r } from "./index226.mjs";
-import { localize as m } from "./index227.mjs";
-import { match as a } from "./index228.mjs";
+import { formatDistance as o } from "./index197.mjs";
+import { formatLong as t } from "./index198.mjs";
+import { formatRelative as r } from "./index199.mjs";
+import { localize as m } from "./index200.mjs";
+import { match as a } from "./index201.mjs";
 const l = {
   code: "nl-BE",
   formatDistance: o,

package/es/index9.mjs

@@ -1,5 +1,5 @@
 import { jsxs as m, Fragment as u, jsx as e } from "react/jsx-runtime";
-import { renderHTMLLink as o } from "./index57.mjs";
+import { renderHTMLLink as o } from "./index52.mjs";
 function b({ title: r, items: n = [], renderLinkFunction: l, qa: s }) {
   const c = () => Array.isArray(n) ? n.map((a) => /* @__PURE__ */ e("li", { children: l ? l(a) : o(a) }, `${a.id}`)) : null, d = () => {
     if (r && r.label) {