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

package/index5.mjs

@@ -1,136 +0,0 @@
-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

@@ -1 +0,0 @@
-"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

@@ -1,35 +0,0 @@
-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

@@ -1 +0,0 @@
-"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

@@ -1,10 +0,0 @@
-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

@@ -1 +0,0 @@
-"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

@@ -1,13 +0,0 @@
-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

@@ -1 +0,0 @@
-"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

@@ -1,30 +0,0 @@
-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

@@ -1 +0,0 @@
-"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

@@ -1,51 +0,0 @@
-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

@@ -1 +0,0 @@
-"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

@@ -1,10 +0,0 @@
-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

@@ -1 +0,0 @@
-"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

@@ -1,49 +0,0 @@
-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

@@ -1 +0,0 @@
-"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

@@ -1,64 +0,0 @@
-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

@@ -1 +0,0 @@
-"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

@@ -1,62 +0,0 @@
-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

@@ -1 +0,0 @@
-"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

@@ -1,29 +0,0 @@
-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

@@ -1 +0,0 @@
-"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

@@ -1,31 +0,0 @@
-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

@@ -1 +0,0 @@
-"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

@@ -1,23 +0,0 @@
-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

@@ -1 +0,0 @@
-"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

@@ -1,32 +0,0 @@
-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

@@ -1 +0,0 @@
-"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;