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

package/es/index58.mjs

@@ -1,32 +1,76 @@
-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];
-};
+import { jsx as r, jsxs as M } from "react/jsx-runtime";
+import { DayButton as b } from "./index95.mjs";
+import { titleize as l } from "./index62.mjs";
+import { useState as B } from "react";
+import { isBetween as N } from "./index63.mjs";
+import { eachDayOfInterval as $ } from "./index96.mjs";
+import { endOfWeek as u } from "./index97.mjs";
+import { startOfWeek as d } from "./index98.mjs";
+import { format as k } from "./index74.mjs";
+import { startOfMonth as j } from "./index99.mjs";
+import { endOfMonth as V } from "./index100.mjs";
+import { isValid as s } from "./index72.mjs";
+import { isAfter as E } from "./index94.mjs";
+import { addWeeks as z } from "./index101.mjs";
+import { addDays as A } from "./index102.mjs";
+function Z({
+  value: w,
+  onChange: y,
+  activeMonth: m,
+  activeYear: a,
+  ariaLabelCurrentDay: D,
+  locale: n,
+  unavailableFrom: O,
+  unavailableTo: S,
+  highlight: _,
+  unavailable: g,
+  hoverStart: f
+}) {
+  const [c, p] = B(null), W = (t) => {
+    const o = [];
+    let e = d(t, { locale: n });
+    const i = u(t, { locale: n });
+    for (; s(e) && !E(e, i); ) {
+      let h = !1;
+      const I = new Date(a, m);
+      f && c && (h = N(e, f, c.toISOString())), o.push(
+        /* @__PURE__ */ r(
+          b,
+          {
+            ariaLabelCurrentDay: D,
+            unavailableFrom: O,
+            unavailableTo: S,
+            unavailable: g,
+            date: e,
+            hoverStyle: h,
+            highlight: _,
+            value: w,
+            monthYear: I,
+            onChange: y,
+            onMouseEnter: p,
+            onMouseLeave: () => p(null)
+          },
+          `day_${s(e) ? e.toISOString() : "invalid"}`
+        )
+      ), e = A(e, 1);
+    }
+    return /* @__PURE__ */ r("tr", { children: o }, `aui-calendar-week-${e.toISOString()}`);
+  }, v = () => {
+    const t = [], o = new Date(a, m);
+    let e = d(j(o), { locale: n });
+    const i = V(o);
+    for (; s(e) && !E(e, i); )
+      t.push(W(e)), e = z(e, 1);
+    return t;
+  }, x = $({
+    start: d(/* @__PURE__ */ new Date(), { locale: n }),
+    end: u(/* @__PURE__ */ new Date(), { locale: n })
+  });
+  return /* @__PURE__ */ r("div", { className: "m-datepicker__grid", children: /* @__PURE__ */ M("table", { children: [
+    /* @__PURE__ */ r("thead", { children: /* @__PURE__ */ r("tr", { className: "m-datepicker__grid-head", children: x.map((t) => /* @__PURE__ */ r("th", { scope: "col", children: /* @__PURE__ */ r("span", { title: l(k(t, "EEEE", { locale: n })), children: l(k(t, "EEEEEE", { locale: n })) }) }, `aui-calendar-weekday-${t}`)) }) }),
+    /* @__PURE__ */ r("tbody", { className: "m-datepicker__grid-body", children: v() })
+  ] }) });
+}
 export {
-  l as getPosition,
-  V as getPositionValue,
-  y as getSteps,
-  M as getValueFromPosition,
-  p as lineValuesToPosition,
-  d as pagesArray
+  Z as DaysView
 };

package/es/index59.mjs

@@ -1,19 +1,13 @@
-import { getDefaultExportFromCjs as d } from "./index90.mjs";
-import { __module as r } from "./index91.mjs";
-import "./index92.mjs";
-import { __exports as f } from "./index93.mjs";
-(function(o, t) {
-  Object.defineProperty(t, "__esModule", {
-    value: !0
-  });
-  var a = f, l = u(a);
-  function u(e) {
-    return e && e.__esModule ? e : { default: e };
-  }
-  t.default = l.default, o.exports = t.default;
-})(r, r.exports);
-var i = r.exports;
-const n = /* @__PURE__ */ d(i);
+import { nlBE as s } from "./index89.mjs";
+const e = "https://cdn.antwerpen.be/core_branding_scss/7.2.0/assets/images/ai.svg", t = "ai-svg", E = "single-neutral", c = "u-screen-reader-only", o = "ascending", _ = "descending", r = "dd/MM/yyyy", A = "Europe/Brussels", S = s;
 export {
-  n as default
+  E as DEFAULT_AVATAR_ICON,
+  r as DEFAULT_DATE_FORMAT,
+  S as DEFAULT_LOCALE,
+  t as ICONS_SVG_HTML_ID,
+  e as ICONS_URL,
+  c as SCREEN_READER_CLASS,
+  o as SORT_ASCENDING,
+  _ as SORT_DESCENDING,
+  A as TIMEZONE
 };

package/es/index6.mjs

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
-import { classNames as A } from "./index52.mjs";
-import { DEFAULT_AVATAR_ICON as p } from "./index51.mjs";
-import { SIZE_MAP as d, DEFAULT_SIZE as f } from "./index55.mjs";
+import { classNames as A } from "./index51.mjs";
+import { DEFAULT_AVATAR_ICON as p } from "./index59.mjs";
+import { SIZE_MAP as d, DEFAULT_SIZE as f } from "./index53.mjs";
 import { Icon as u } from "./index24.mjs";
 const _ = (a) => /* @__PURE__ */ t("span", { className: "a-avatar__letter", children: a }), E = (a, r) => /* @__PURE__ */ t("img", { src: `${a}`, alt: `${r}` }), I = (a, r) => /* @__PURE__ */ t("span", { className: "a-avatar__icon", "aria-label": r, role: "img", children: /* @__PURE__ */ t(u, { name: a }) });
 function g({

package/es/index60.mjs

@@ -1,31 +1,31 @@
-import { useRef as u, useEffect as s, useState as i } from "react";
-import { isScrollAtTheEnd as a } from "./index52.mjs";
-function E() {
-  const [l, r] = i(!0), [n, o] = i(!0), t = u(null), c = (e) => {
-    r(e.scrollLeft <= 0), o(a(e));
+import { jsx as t, jsxs as p } from "react/jsx-runtime";
+import { classNames as h } from "./index51.mjs";
+import { titleize as f } from "./index62.mjs";
+import { DEFAULT_LOCALE as u } from "./index59.mjs";
+import { getMonth as c } from "./index65.mjs";
+import { getYear as m } from "./index64.mjs";
+import { format as M } from "./index74.mjs";
+function L({ onChange: d, value: o, activeYear: n, locale: l = u }) {
+  const s = (e) => {
+    const r = !!(o && e === c(o) && n === m(o)), a = h({
+      "is-current": e === c(/* @__PURE__ */ new Date()) && n === m(/* @__PURE__ */ new Date()),
+      "is-selected": r
+    }), i = new Date(n, e);
+    return /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t("button", { type: "button", className: a, onClick: () => d(i), children: f(M(i, "MMMM", { locale: l })) }) });
   };
-  return s(() => {
-    const e = t.current;
-    e && c(e);
-  }, [t]), s(() => {
-    function e() {
-      t.current && c(t.current);
-    }
-    return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
-  }, []), [t, (e) => {
-    const d = e.target;
-    c(d);
-  }, l, n];
-}
-function m(l) {
-  const r = u(null), n = (o) => {
-    r?.current?.contains(o?.target) || l(o?.target);
-  };
-  return s(() => (window.addEventListener("click", n), () => {
-    window.removeEventListener("click", n);
-  })), { elementRef: r };
+  return /* @__PURE__ */ t("div", { className: "m-datepicker__list", children: /* @__PURE__ */ t("table", { children: /* @__PURE__ */ t("tbody", { className: "m-datepicker__list-body", children: (() => {
+    let e = 0;
+    const r = [];
+    for (; e < 12; )
+      r.push(
+        /* @__PURE__ */ p("tr", { children: [
+          s(e),
+          s(e + 1)
+        ] }, `aui-calendar-month-pair-${e}`)
+      ), e += 2;
+    return r;
+  })() }) }) });
 }
 export {
-  E as useHorizontalScroll,
-  m as useOutsideClick
+  L as MonthsView
 };