@a-ui/react 7.13.0-beta.4 → 7.13.0-beta.5

package/es/index59.mjs

@@ -1,51 +1,19 @@
-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: "*" });
-}
+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);
 export {
-  S as labelWrapper,
-  w as renderAddOn,
-  D as renderHTMLLink,
-  g as renderRequiredAsterisk,
-  x as wrapWithIf
+  n as default
 };

package/es/index6.mjs

@@ -1,7 +1,7 @@
 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 { 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 { 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,64 +1,31 @@
-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 "./index59.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
-  ] }) });
+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));
+  };
+  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 {
-  w as TableHeader
+  E as useHorizontalScroll,
+  m as useOutsideClick
 };