@a-ui/react 7.13.0-beta.0 → 7.13.0-beta.1

package/index5.mjs

@@ -0,0 +1,136 @@
+import { jsx as r, jsxs as W } from "react/jsx-runtime";
+import X, { useState as d, useEffect as V } from "react";
+/* empty css         */
+import { Flyout as Y } from "./index20.mjs";
+import { FunctionalList as E } from "./index22.mjs";
+import { ListItem as F } from "./index27.mjs";
+import { TextField as Z } from "./index46.mjs";
+function ce({
+  id: j = "aui-autocomplete",
+  label: B,
+  items: a,
+  name: h,
+  multiple: o,
+  required: C,
+  inputValue: b,
+  value: t,
+  onInputChange: M,
+  onChange: u,
+  noResultsText: K = "Geen resultaten",
+  qa: N,
+  description: _,
+  state: q,
+  addOn: g,
+  disabled: G = !1
+}) {
+  const [w, p] = d(!1), [i, O] = d(a), [P, T] = d(b || ""), [U, y] = d(!o && t || ""), [s, D] = d(-1), [m, R] = d(o && t || []), f = b || b === "" ? b : P, k = t || t === "" ? t : U, x = X.useRef(null);
+  V(() => {
+    t && !o && L(t, !0), t && o && R(t);
+  }, [t]), V(() => {
+    O(
+      (a || []).filter((e) => f ? e.label?.toLowerCase().includes(f.toLowerCase()) : !0)
+    );
+  }, [f, a]), V(() => {
+    x.current && x.current.querySelector(`.a-list__item:nth-child(${s + 1})`)?.scrollIntoView({ block: "nearest", inline: "nearest" });
+  }, [s]);
+  const $ = (e) => {
+    p(e);
+  }, S = () => {
+    p(!1), D(-1);
+  }, I = (e) => {
+    T(e), p(!0), k && !e && (y(""), !o && u && u("", h)), M && M(e, h);
+  }, L = (e, l = !1) => {
+    if (!o && t !== "" && (!t || t === e)) {
+      const n = a?.find((c) => c.value === e);
+      I(n?.label || ""), y(n?.value || ""), S();
+    }
+    !l && u && u(e, h);
+  }, A = (e) => {
+    const l = a?.find((c) => c.value === e);
+    l && y(l.value);
+    const n = m.includes(e) ? m.filter((c) => c !== e) : [...m, e].filter((c) => c !== "");
+    R(n), u && u(n, h);
+  }, z = () => {
+    const e = a?.find((l) => l.value === k);
+    e && f?.length && e.label !== f && I(e.label), S();
+  }, H = () => {
+    const e = i && i[s];
+    e && (o ? A(e.value) : L(e.value));
+  }, J = (e) => {
+    if (!w) return;
+    const l = i?.length || 0;
+    switch (e.key) {
+      case "ArrowDown":
+        return e.preventDefault(), D(s === -1 ? 0 : (s + 1) % l), p(!0);
+      case "ArrowUp":
+        return e.preventDefault(), D(s === -1 || s - 1 < 0 ? l - 1 : s - 1), p(!0);
+      case "Enter":
+        return e.preventDefault(), H();
+      case "Escape":
+        return S();
+    }
+  }, Q = (e) => o ? m.includes(e) : e === k;
+  return /* @__PURE__ */ r(
+    Y,
+    {
+      scrollable: !0,
+      hasPadding: !1,
+      qa: N,
+      className: "m-autocomplete",
+      trigger: /* @__PURE__ */ r(
+        Z,
+        {
+          id: j,
+          name: h,
+          label: B,
+          onBlur: z,
+          value: f,
+          onChange: (e) => I(e.target.value),
+          role: "combobox",
+          autoComplete: "off",
+          "aria-autocomplete": "list",
+          "aria-haspopup": "true",
+          "aria-expanded": w,
+          onKeyDown: J,
+          description: _,
+          required: C,
+          state: q,
+          addOn: g ? { ...g, content: g.content } : void 0,
+          disabled: G
+        }
+      ),
+      ref: x,
+      open: w,
+      onStateChange: $,
+      children: i && i.length ? /* @__PURE__ */ r(
+        E,
+        {
+          lined: !0,
+          onItemClick: (e) => {
+            o ? A(e) : L(e);
+          },
+          children: i.map((e, l) => /* @__PURE__ */ W(
+            F,
+            {
+              id: e.key || e.value,
+              tabIndex: -1,
+              highlighted: l === s,
+              onMouseDown: (n) => n.preventDefault(),
+              active: Q(e.value),
+              name: e.value,
+              link: { href: "" },
+              children: [
+                e.label,
+                e.subLabel ? /* @__PURE__ */ r("p", { className: "small", children: e.subLabel }) : null
+              ]
+            },
+            e.key || e.value
+          ))
+        }
+      ) : /* @__PURE__ */ r(E, { lined: !0, children: /* @__PURE__ */ r(F, { id: "aui-autocomplete-no-results", children: /* @__PURE__ */ r("small", { children: K }) }) })
+    }
+  );
+}
+export {
+  ce as Autocomplete
+};

package/index50.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("./index61.js"),u=require("./index24.js"),p=require("./index10.js");function h({file:a,acceptedFormat:i,maxSize:l,onDelete:r,formatErrorLabel:t,deleteAriaLabel:c,sizeErrorLabel:m}){const s=o.hasValidFormat(a,i),n=o.hasValidSize(a,l),d=!s||!n;return e.jsxs("li",{children:[e.jsx(u.Icon,{name:s&&n?"common-file-empty":"alert-triangle"}),e.jsx("span",{className:"m-upload__filename",children:a.name}),!s&&e.jsx("span",{className:"m-upload__error",children:t}),!n&&e.jsx("span",{className:"m-upload__error",children:m}),r&&e.jsx("div",{className:"m-upload__delete",children:e.jsx(p.Button,{ariaLabel:c,addOn:{type:"icon",iconProps:{name:"remove"}},emphasis:"low",theme:d?"danger":"neutral",size:"small",onClick:()=>r(a)})})]},a.name)}exports.UploadFile=h;

package/index50.mjs

@@ -0,0 +1,35 @@
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import { hasValidFormat as p, hasValidSize as h } from "./index61.mjs";
+import { Icon as u } from "./index24.mjs";
+import { Button as _ } from "./index10.mjs";
+function z({
+  file: r,
+  acceptedFormat: n,
+  maxSize: i,
+  onDelete: m,
+  formatErrorLabel: l,
+  deleteAriaLabel: s,
+  sizeErrorLabel: t
+}) {
+  const e = p(r, n), o = h(r, i), d = !e || !o;
+  return /* @__PURE__ */ c("li", { children: [
+    /* @__PURE__ */ a(u, { name: e && o ? "common-file-empty" : "alert-triangle" }),
+    /* @__PURE__ */ a("span", { className: "m-upload__filename", children: r.name }),
+    !e && /* @__PURE__ */ a("span", { className: "m-upload__error", children: l }),
+    !o && /* @__PURE__ */ a("span", { className: "m-upload__error", children: t }),
+    m && /* @__PURE__ */ a("div", { className: "m-upload__delete", children: /* @__PURE__ */ a(
+      _,
+      {
+        ariaLabel: s,
+        addOn: { type: "icon", iconProps: { name: "remove" } },
+        emphasis: "low",
+        theme: d ? "danger" : "neutral",
+        size: "small",
+        onClick: () => m(r)
+      }
+    ) })
+  ] }, r.name);
+}
+export {
+  z as UploadFile
+};

package/index51.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function i(l){return Object.keys(l).filter(e=>!!l[e]).join(" ")}function c(l){return l.clientWidth>=l.scrollWidth||l.clientWidth+l.scrollLeft>=l.scrollWidth}exports.classNames=i;exports.isScrollAtTheEnd=c;

package/index51.mjs

@@ -0,0 +1,10 @@
+function c(l) {
+  return Object.keys(l).filter((i) => !!l[i]).join(" ");
+}
+function n(l) {
+  return l.clientWidth >= l.scrollWidth || l.clientWidth + l.scrollLeft >= l.scrollWidth;
+}
+export {
+  c as classNames,
+  n as isScrollAtTheEnd
+};

package/index52.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("./index89.js"),s="https://cdn.antwerpen.be/core_branding_scss/7.2.0/assets/images/ai.svg",_="ai-svg",n="single-neutral",e="u-screen-reader-only",A="ascending",S="descending",t="dd/MM/yyyy",T="Europe/Brussels",c=E.nlBE;exports.DEFAULT_AVATAR_ICON=n;exports.DEFAULT_DATE_FORMAT=t;exports.DEFAULT_LOCALE=c;exports.ICONS_SVG_HTML_ID=_;exports.ICONS_URL=s;exports.SCREEN_READER_CLASS=e;exports.SORT_ASCENDING=A;exports.SORT_DESCENDING=S;exports.TIMEZONE=T;

package/index52.mjs

@@ -0,0 +1,13 @@
+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 {
+  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/index53.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e=(r=>(r.HIGH="high",r.MEDIUM="medium",r.LOW="low",r))(e||{});const n="high",s={medium:"outlined",low:"transparent"};var a=(r=>(r.XS="extra-small",r.S="small",r.MD="medium",r.L="large",r))(a||{});const E="medium",S={"extra-small":"xs",small:"s",medium:"md",large:"l"};var t=(r=>(r.PRIMARY="primary",r.NEUTRAL="neutral",r.DANGER="danger",r.SUCCESS="success",r.WARNING="warning",r))(t||{});const A={success:"check-1",warning:"alert-circle",danger:"alert-triangle"};var l=(r=>(r.SUCCESS="success",r.ERROR="error",r))(l||{});exports.DEFAULT_EMPHASIS=n;exports.DEFAULT_SIZE=E;exports.EMPHASIS_MAP=s;exports.Emphasis=e;exports.SIZE_MAP=S;exports.Size=a;exports.State=l;exports.THEME_ICON_MAP=A;exports.Theme=t;

package/index53.mjs

@@ -0,0 +1,30 @@
+var a = /* @__PURE__ */ ((r) => (r.HIGH = "high", r.MEDIUM = "medium", r.LOW = "low", r))(a || {});
+const t = "high", e = {
+  medium: "outlined",
+  low: "transparent"
+};
+var n = /* @__PURE__ */ ((r) => (r.XS = "extra-small", r.S = "small", r.MD = "medium", r.L = "large", r))(n || {});
+const c = "medium", u = {
+  "extra-small": "xs",
+  small: "s",
+  medium: "md",
+  large: "l"
+};
+var l = /* @__PURE__ */ ((r) => (r.PRIMARY = "primary", r.NEUTRAL = "neutral", r.DANGER = "danger", r.SUCCESS = "success", r.WARNING = "warning", r))(l || {});
+const E = {
+  success: "check-1",
+  warning: "alert-circle",
+  danger: "alert-triangle"
+};
+var s = /* @__PURE__ */ ((r) => (r.SUCCESS = "success", r.ERROR = "error", r))(s || {});
+export {
+  t as DEFAULT_EMPHASIS,
+  c as DEFAULT_SIZE,
+  e as EMPHASIS_MAP,
+  a as Emphasis,
+  u as SIZE_MAP,
+  n as Size,
+  s as State,
+  E as THEME_ICON_MAP,
+  l as Theme
+};

package/index54.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),c=require("react"),a=require("./index53.js"),o=require("./index39.js"),f=require("./index6.js"),u=require("./index24.js");function d(e,r,t){return t?c.cloneElement(r,{children:e}):e}function p(e,r,t){if(!e?.href&&!e?.onClick)return e?.label||"";if(e?.href)return n.jsxs("a",{href:e.href,target:e.target||"_self",...t,children:[e.label||"",r?n.jsx(u.Icon,{name:r}):null]});const s=i=>(i.preventDefault(),e.onClick&&e.onClick(i)),l=i=>{if(i.key==="Enter")return i.preventDefault(),e.onClick&&e.onClick(i)};return n.jsxs("a",{style:{cursor:"pointer"},onClick:s,onKeyDown:l,role:"button",tabIndex:0,...t,children:[e.label||"",r?n.jsx(u.Icon,{name:r}):null]})}function h(e,r,t,s){return r?n.jsxs("div",{className:"a-input",children:[n.jsx("label",{className:"a-input__label",id:s,htmlFor:t,children:r}),e]}):e}function x(e,r){return e?.type==="spinner"?n.jsx(o.Spinner,{ariaHidden:!0,size:r===a.Size.S?a.Size.XS:a.Size.S}):e?.type==="avatar"?n.jsx(f.Avatar,{...e?.avatarProps,size:r}):e?.type==="icon"?n.jsx(u.Icon,{...e?.iconProps}):null}function j(){return n.jsx("span",{className:"u-text-danger","aria-hidden":"true",children:"*"})}exports.labelWrapper=h;exports.renderAddOn=x;exports.renderHTMLLink=p;exports.renderRequiredAsterisk=j;exports.wrapWithIf=d;

package/index54.mjs

@@ -0,0 +1,51 @@
+import { jsx as n, jsxs as o } from "react/jsx-runtime";
+import { cloneElement as f } from "react";
+import { Size as l } from "./index53.mjs";
+import { Spinner as c } from "./index39.mjs";
+import { Avatar as s } from "./index6.mjs";
+import { Icon as i } from "./index24.mjs";
+function x(e, r, t) {
+  return t ? f(r, { children: e }) : e;
+}
+function D(e, r, t) {
+  return !e?.href && !e?.onClick ? e?.label || "" : e?.href ? /* @__PURE__ */ o("a", { href: e.href, target: e.target || "_self", ...t, children: [
+    e.label || "",
+    r ? /* @__PURE__ */ n(i, { name: r }) : null
+  ] }) : /* @__PURE__ */ o(
+    "a",
+    {
+      style: { cursor: "pointer" },
+      onClick: (a) => (a.preventDefault(), e.onClick && e.onClick(a)),
+      onKeyDown: (a) => {
+        if (a.key === "Enter")
+          return a.preventDefault(), e.onClick && e.onClick(a);
+      },
+      role: "button",
+      tabIndex: 0,
+      ...t,
+      children: [
+        e.label || "",
+        r ? /* @__PURE__ */ n(i, { name: r }) : null
+      ]
+    }
+  );
+}
+function S(e, r, t, u) {
+  return r ? /* @__PURE__ */ o("div", { className: "a-input", children: [
+    /* @__PURE__ */ n("label", { className: "a-input__label", id: u, htmlFor: t, children: r }),
+    e
+  ] }) : e;
+}
+function w(e, r) {
+  return e?.type === "spinner" ? /* @__PURE__ */ n(c, { ariaHidden: !0, size: r === l.S ? l.XS : l.S }) : e?.type === "avatar" ? /* @__PURE__ */ n(s, { ...e?.avatarProps, size: r }) : e?.type === "icon" ? /* @__PURE__ */ n(i, { ...e?.iconProps }) : null;
+}
+function g() {
+  return /* @__PURE__ */ n("span", { className: "u-text-danger", "aria-hidden": "true", children: "*" });
+}
+export {
+  S as labelWrapper,
+  w as renderAddOn,
+  D as renderHTMLLink,
+  g as renderRequiredAsterisk,
+  x as wrapWithIf
+};

package/index55.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function o(r){console.warn(`[AUI] Warning - ${r}.`)}function n(r){console.error(`[AUI] Error - ${r}.`)}exports.logError=n;exports.logWarning=o;

package/index55.mjs

@@ -0,0 +1,10 @@
+function o(r) {
+  console.warn(`[AUI] Warning - ${r}.`);
+}
+function n(r) {
+  console.error(`[AUI] Error - ${r}.`);
+}
+export {
+  n as logError,
+  o as logWarning
+};

package/index56.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),s=require("./index53.js"),u=require("./index51.js"),S=require("./index54.js"),a=require("./index24.js"),p=({label:l,id:t,required:e,inline:n,className:r="",noMargin:c=!1})=>{const o=u.classNames({"a-input__label":!c,"a-input__label--inline":!!n,[r]:!!r});return l?i.jsxs("label",{className:o,htmlFor:t,children:[l,e&&S.renderRequiredAsterisk()]}):null},_=({id:l,description:t,state:e})=>{const n=u.classNames({"a-input__description":!0,"is-error":e===s.State.ERROR,"is-success":e===s.State.SUCCESS});return t?i.jsxs("small",{id:`${l}--description`,className:n,children:[e===s.State.SUCCESS&&i.jsx(a.Icon,{name:s.THEME_ICON_MAP[s.Theme.SUCCESS]}),e===s.State.ERROR&&i.jsx(a.Icon,{name:s.THEME_ICON_MAP[s.Theme.DANGER]}),t]}):null},C=({id:l,charCountText:t,charCounter:e,characterCount:n,maxLength:r})=>{const c=r?r-n:0,o=r&&c<=0,d=r?t?.replace("%max%",r.toString()).replace("%count%",n.toString()).replace("%left%",c.toString()):t?.replace("%count%",n.toString());return e?i.jsx("small",{"aria-live":"polite",id:`${l}--counter`,className:`a-input__description u-text-left${o?" u-text-danger":""}`,children:d}):null};exports.renderCharacterCounter=C;exports.renderDescription=_;exports.renderLabel=p;

package/index56.mjs

@@ -0,0 +1,49 @@
+import { jsxs as m, jsx as c } from "react/jsx-runtime";
+import { State as i, THEME_ICON_MAP as a, Theme as p } from "./index53.mjs";
+import { classNames as d } from "./index51.mjs";
+import { renderRequiredAsterisk as f } from "./index54.mjs";
+import { Icon as u } from "./index24.mjs";
+const b = ({ label: s, id: l, required: e, inline: n, className: r = "", noMargin: t = !1 }) => {
+  const o = d({
+    "a-input__label": !t,
+    "a-input__label--inline": !!n,
+    [r]: !!r
+  });
+  return s ? /* @__PURE__ */ m("label", { className: o, htmlFor: l, children: [
+    s,
+    e && f()
+  ] }) : null;
+}, O = ({ id: s, description: l, state: e }) => {
+  const n = d({
+    "a-input__description": !0,
+    "is-error": e === i.ERROR,
+    "is-success": e === i.SUCCESS
+  });
+  return l ? /* @__PURE__ */ m("small", { id: `${s}--description`, className: n, children: [
+    e === i.SUCCESS && /* @__PURE__ */ c(u, { name: a[p.SUCCESS] }),
+    e === i.ERROR && /* @__PURE__ */ c(u, { name: a[p.DANGER] }),
+    l
+  ] }) : null;
+}, A = ({
+  id: s,
+  charCountText: l,
+  charCounter: e,
+  characterCount: n,
+  maxLength: r
+}) => {
+  const t = r ? r - n : 0, o = r && t <= 0, S = r ? l?.replace("%max%", r.toString()).replace("%count%", n.toString()).replace("%left%", t.toString()) : l?.replace("%count%", n.toString());
+  return e ? /* @__PURE__ */ c(
+    "small",
+    {
+      "aria-live": "polite",
+      id: `${s}--counter`,
+      className: `a-input__description u-text-left${o ? " u-text-danger" : ""}`,
+      children: S
+    }
+  ) : null;
+};
+export {
+  A as renderCharacterCounter,
+  O as renderDescription,
+  b as renderLabel
+};

package/index58.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("./index52.js"),h=require("./index51.js"),S=require("./index54.js"),C=require("./index14.js");function v({columns:d,selectable:_,selected:a=[],rows:x=[],onSelectAll:g,sort:n,small:N,sortDirection:r,tableId:i,onSortClick:o,actions:u}){const b=a.length&&a.sort().join(",")===x.map(e=>e.id).sort().join(",");return t.jsx("thead",{children:t.jsxs("tr",{children:[_?t.jsx("th",{children:t.jsx(C.Checkbox,{name:`aui-table-checkbox-${i}-all`,id:`aui-table-checkbox-${i}-all`,checked:!!b,indeterminate:!!a.length&&!b,onChange:g,label:"selecteren",showLabel:!1})}):null,d.map(e=>{const j=h.classNames({"u-text-right":!!e.alignRight,"is-collapsed":!!e.sortable,"is-condensed":!!N}),l=n===e?.value&&r===s.SORT_ASCENDING,c=n===e?.value&&r===s.SORT_DESCENDING,m=h.classNames({"a-table__sort-button":!0,"a-table__sort-button--unsorted":n!==e?.value,"a-table__sort-button--sorted-asc":l,"a-table__sort-button--sorted-desc":c});return t.jsx("th",{className:j,...e.sortable&&(l||c)&&{"aria-sort":l?s.SORT_ASCENDING:s.SORT_DESCENDING},...e.sortable&&{"aria-live":"polite"},children:S.wrapWithIf(e?.label,t.jsx("button",{onClick:T=>o&&o(e.value),className:m}),!!e?.sortable)},e?.value)}),u?.buttons?.length?t.jsx("th",{children:u?.label}):null]})})}exports.TableHeader=v;

package/index58.mjs

@@ -0,0 +1,64 @@
+import { jsx as t, jsxs as v } from "react/jsx-runtime";
+import { SORT_ASCENDING as u, SORT_DESCENDING as d } from "./index52.mjs";
+import { classNames as m } from "./index51.mjs";
+import { wrapWithIf as C } from "./index54.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 {
+  w as TableHeader
+};

package/index59.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),u=require("./index51.js"),p=require("./index54.js"),g=require("./index14.js"),f=require("./index10.js");function k({actions:l,columns:d,small:o,tableId:i,selectable:s,onSelect:r,selected:m=[],rows:b}){const h=u.classNames({"is-clickable":!!s}),c=(t,e)=>{const n=t.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:(t.preventDefault(),t.stopPropagation(),s&&r&&r(e.id))};return a.jsx("tbody",{children:b.map(t=>a.jsxs("tr",{onClick:e=>c(e,t),className:h,children:[s?a.jsx("td",{children:a.jsx(g.Checkbox,{name:`aui-table-checkbox-${i}-${t.id}`,id:`aui-table-checkbox-row-${i}-${t.id}`,checked:(m||[]).includes(t.id),onChange:e=>c(e,t),label:t.checkboxLabel,showLabel:!1})}):null,d.map(e=>{const n=u.classNames({"u-text-right":!!e.alignRight,"u-text-bold":e.dataType==="primary",small:e.dataType==="secondary","is-condensed":!!o});return a.jsx("td",{className:n,children:e.transformFunction?e.transformFunction(t[e?.value]||null):t[e?.value]||null},e?.value)}),p.wrapWithIf(l?.buttons?.map(e=>a.jsx(f.Button,{onClick:n=>e?.onActionClick&&e?.onActionClick(n,t.id),...e,id:`aui-table-action-${i}-${e?.id}-${t.id}`,size:e?.size||"small",children:e?.label||e?.children},`aui-table-action-${i}-${e?.id}-${t.id}`))||null,a.jsx("td",{}),!!l?.buttons?.length)]},t?.id))})}exports.TableBody=k;

package/index59.mjs

@@ -0,0 +1,62 @@
+import { jsx as a, jsxs as b } from "react/jsx-runtime";
+import { classNames as o } from "./index51.mjs";
+import { wrapWithIf as f } from "./index54.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 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__ */ 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 {
+  N as TableBody
+};

package/index6.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),d=require("./index51.js"),m=require("./index52.js"),n=require("./index53.js"),_=require("./index24.js"),j=a=>t.jsx("span",{className:"a-avatar__letter",children:a}),g=(a,r)=>t.jsx("img",{src:`${a}`,alt:`${r}`}),q=(a,r)=>t.jsx("span",{className:"a-avatar__icon","aria-label":r,role:"img",children:t.jsx(_.Icon,{name:a})});function x({className:a,letter:r,rounded:c,size:e,ariaLabel:i="Gebruiker",image:s,imageAlt:o="Avatar",icon:u,qa:l}){const v=()=>s?g(s,o||""):r?j(r.slice(0,3)):q(u||m.DEFAULT_AVATAR_ICON,i||""),A=d.classNames({"a-avatar":!0,"a-avatar--primary":!!r,"a-avatar--rounded":!!c,[`a-avatar--${n.SIZE_MAP[e||n.DEFAULT_SIZE]}`]:!!e,[a||""]:!!a});return t.jsx("div",{className:A,"data-qa":l,children:v()})}exports.Avatar=x;

package/index6.mjs

@@ -0,0 +1,29 @@
+import { jsx as t } from "react/jsx-runtime";
+import { classNames as A } from "./index51.mjs";
+import { DEFAULT_AVATAR_ICON as p } from "./index52.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({
+  className: a,
+  letter: r,
+  rounded: e,
+  size: n,
+  ariaLabel: i = "Gebruiker",
+  image: o,
+  imageAlt: s = "Avatar",
+  icon: c,
+  qa: m
+}) {
+  const l = () => o ? E(o, s || "") : r ? _(r.slice(0, 3)) : I(c || p, i || ""), v = A({
+    "a-avatar": !0,
+    "a-avatar--primary": !!r,
+    "a-avatar--rounded": !!e,
+    [`a-avatar--${d[n || f]}`]: !!n,
+    [a || ""]: !!a
+  });
+  return /* @__PURE__ */ t("div", { className: v, "data-qa": m, children: l() });
+}
+export {
+  g as Avatar
+};

package/index60.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),u=require("./index51.js");function a(){const[l,n]=t.useState(!0),[s,c]=t.useState(!0),r=t.useRef(null),o=e=>{n(e.scrollLeft<=0),c(u.isScrollAtTheEnd(e))};return t.useEffect(()=>{const e=r.current;e&&o(e)},[r]),t.useEffect(()=>{function e(){r.current&&o(r.current)}return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),[r,e=>{const i=e.target;o(i)},l,s]}function d(l){const n=t.useRef(null),s=c=>{n?.current?.contains(c?.target)||l(c?.target)};return t.useEffect(()=>(window.addEventListener("click",s),()=>{window.removeEventListener("click",s)})),{elementRef:n}}exports.useHorizontalScroll=a;exports.useOutsideClick=d;

package/index60.mjs

@@ -0,0 +1,31 @@
+import { useRef as u, useEffect as s, useState as i } from "react";
+import { isScrollAtTheEnd as a } from "./index51.mjs";
+function E() {
+  const [l, r] = i(!0), [n, o] = i(!0), t = u(null), c = (e) => {
+    r(e.scrollLeft <= 0), o(a(e));
+  };
+  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 };
+}
+export {
+  E as useHorizontalScroll,
+  m as useOutsideClick
+};

package/index61.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index52.js"),l=1048576;function n(i,e=""){return e.split(",").map(t=>t.trim()).flatMap(t=>t.split(".")).some(t=>!t||t==="*"||t===i.type||t.includes("*")&&!!t.split("/")?.[0]&&i.type.startsWith(t.split("/")?.[0]))}function a(i,e){return!e||i.size<=e*l}function c(i,e,s){return i.map(t=>({validFormat:n(t,e),validSize:a(t,s)}))}function o(i){const e=document.getElementById(r.ICONS_SVG_HTML_ID);return e?!!e.querySelector(`symbol#ai-${i}`):!1}exports.areFilesValid=c;exports.hasValidFormat=n;exports.hasValidSize=a;exports.iconExists=o;

package/index61.mjs

@@ -0,0 +1,23 @@
+import { ICONS_SVG_HTML_ID as s } from "./index52.mjs";
+const r = 1048576;
+function a(i, e = "") {
+  return e.split(",").map((t) => t.trim()).flatMap((t) => t.split(".")).some(
+    (t) => !t || t === "*" || t === i.type || t.includes("*") && !!t.split("/")?.[0] && i.type.startsWith(t.split("/")?.[0])
+  );
+}
+function c(i, e) {
+  return !e || i.size <= e * r;
+}
+function o(i, e, n) {
+  return i.map((t) => ({ validFormat: a(t, e), validSize: c(t, n) }));
+}
+function p(i) {
+  const e = document.getElementById(s);
+  return e ? !!e.querySelector(`symbol#ai-${i}`) : !1;
+}
+export {
+  o as areFilesValid,
+  a as hasValidFormat,
+  c as hasValidSize,
+  p as iconExists
+};

package/index62.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=(e,t)=>Array(t-e+1).fill(0).map((n,o)=>o+e),M=(e,t)=>{const n=t<=7?7:e>4&&e<t-3?2:4;let o=Math.round(e-n/2),s=Math.round(e+n/2);(o-1===1||s+1===t)&&(o+=1,s+=1);let a=e>n?g(Math.min(o,t-n),Math.min(s,t)):g(1,Math.min(t,n+1));return a[0]!==1&&(a=[1,0].concat(a)),a[a.length-1]<t&&(a=a.concat([0,t])),a},d=(e,t,n,o)=>{const s=n-t,r=(e-t)/s;return Math.round(r*o)},p=(e,t,n)=>Math.min(Math.max(e,t),n),l=(e,t)=>t?e-t:e,f=(e,t,n,o,s,a,r)=>{const c=p(e,0,t)/(t||1);let i=n*Math.round(c*(r-a))/n+a;return i>=s&&(i=s),i<=o&&(i=o),i},V=(e,t,n,o,s,a,r,c)=>{const u="clientX",i=e.type!=="touchmove"?e[u]:e.touches[0][u],h=l(i,c);return f(h,t,n,o,s,a,r)},P=(e,t,n)=>{const o=[];if(n<=0)return[t];for(let s=e;s<t;s+=n)o.push(s);return[...o,t]};exports.getPosition=l;exports.getPositionValue=V;exports.getSteps=P;exports.getValueFromPosition=f;exports.lineValuesToPosition=d;exports.pagesArray=M;

package/index62.mjs

@@ -0,0 +1,32 @@
+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 {
+  l as getPosition,
+  V as getPositionValue,
+  y as getSteps,
+  M as getValueFromPosition,
+  p as lineValuesToPosition,
+  d as pagesArray
+};

package/index63.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime");function n({start:e,end:i,range:l,min:a,getPositionFromValue:r}){return d.jsx("div",{className:"a-range-slider__bar",style:{left:l?r(e)+"px":"",width:l&&i?r(i+a-e)+"px":r(e)+"px"}})}exports.RangeSliderBar=n;