@slotted/react 0.1.0-beta.0 → 0.1.0-beta.10

package/dist/pagination-Cm9665gb.js

@@ -0,0 +1,299 @@
+import { n as e, t } from "./icon-DjqSEQ-o.js";
+import { r as n } from "./i18n-DpW8lqJ1.js";
+import { keyedProps as r, selectorKeyProps as i } from "@slotted/core/selector-key";
+import { createControllable as a } from "@slotted/core/state";
+import { createContext as o, useContext as s, useEffect as c, useId as l, useState as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { paginationMessages as m } from "@slotted/core/i18n";
+import { clampPage as h, itemRange as g, pageItems as _, totalPages as v } from "@slotted/core/pagination";
+//#region src/pagination/pagination-defaults.tsx
+var y = o({});
+function b() {
+	return s(y);
+}
+function x({ children: e, ...t }) {
+	let n = b();
+	return /* @__PURE__ */ f(y.Provider, {
+		value: {
+			boundaryCount: t.boundaryCount ?? n.boundaryCount,
+			defaultPageSize: t.defaultPageSize ?? n.defaultPageSize,
+			live: t.live ?? n.live,
+			pageSizeOptions: t.pageSizeOptions ?? n.pageSizeOptions,
+			siblingCount: t.siblingCount ?? n.siblingCount
+		},
+		children: e
+	});
+}
+//#endregion
+//#region src/pagination/pagination.tsx
+var S = o(void 0);
+function C() {
+	let e = s(S);
+	if (e === void 0) throw Error("Pagination parts must be rendered inside a Pagination.");
+	return e;
+}
+function w({ boundaryCount: e, children: t, count: i, defaultPage: o, defaultPageSize: s, disabled: l, itemHref: d, live: p, messages: y, loading: x, onPageChange: C, onPageSizeChange: w, page: T, pageSize: E, pageSizeOptions: D, render: O, siblingCount: k, ...A }) {
+	let j = b(), M = n(m, y), [N, P] = u(o ?? 1), [F, I] = u(s ?? j.defaultPageSize ?? 20), L = E ?? F, R = T ?? N, z = i === void 0 ? Infinity : v({
+		count: i,
+		pageSize: L
+	}), B = i === void 0 ? Math.max(1, Math.trunc(R)) : h(R, z), V = l ?? !1, H = x ?? !1, U = V || H, W = (e, t, n) => {
+		a({
+			controlled: T,
+			initial: B,
+			onRequest: (e) => C?.(e.value, e)
+		}).request(e, t, n) && P(e);
+	};
+	c(() => {
+		i !== void 0 && R !== B && W(B, "programmatic");
+	}, [
+		i,
+		B,
+		R
+	]);
+	let G = (e, t = "pointer", n) => {
+		if (U) return;
+		let r = i === void 0 ? Math.max(1, Math.trunc(e)) : h(e, z);
+		W(r, t, n);
+	}, K = {
+		canGoNext: !U && (i === void 0 || B < z),
+		canGoPrevious: !U && B > 1,
+		count: i,
+		disabled: V,
+		goToPage: G,
+		itemHref: d,
+		items: i === void 0 ? [] : _({
+			boundaryCount: e ?? j.boundaryCount ?? 1,
+			count: i,
+			page: B,
+			pageSize: L,
+			siblingCount: k ?? j.siblingCount ?? 1
+		}),
+		live: p ?? j.live ?? "polite",
+		loading: H,
+		next: (e, t) => G(B + 1, e, t),
+		page: B,
+		pages: z,
+		pageSize: L,
+		pageSizeOptions: D ?? j.pageSizeOptions ?? [
+			10,
+			20,
+			50,
+			100
+		],
+		previous: (e, t) => G(B - 1, e, t),
+		range: i === void 0 ? {
+			start: 0,
+			end: 0
+		} : g({
+			count: i,
+			page: B,
+			pageSize: L
+		}),
+		setPageSize: (e, t = "select", n) => {
+			if (U) return;
+			let r = Math.max(1, Math.trunc(e));
+			if (!a({
+				controlled: E,
+				initial: L,
+				onRequest: (e) => w?.(e.value, e)
+			}).request(r, t, n)) return;
+			I(r);
+			let o = (B - 1) * L, s = i === void 0 ? B : h(Math.floor(o / r) + 1, v({
+				count: i,
+				pageSize: r
+			}));
+			s !== B && W(s, "programmatic", n);
+		},
+		t: M
+	}, q = r({
+		"aria-label": M("label"),
+		...A,
+		"aria-busy": H ? !0 : A["aria-busy"],
+		children: t,
+		"data-disabled": V ? "" : void 0,
+		"data-loading": H ? "" : void 0,
+		"data-part": "root",
+		"data-ui": "pagination"
+	});
+	return /* @__PURE__ */ f(S.Provider, {
+		value: K,
+		children: O === void 0 ? /* @__PURE__ */ f("nav", { ...q }) : O(q)
+	});
+}
+//#endregion
+//#region src/pagination/pagination-parts.tsx
+var T = {
+	first: "chevrons-right",
+	previous: "chevron-right",
+	next: "chevron-right",
+	last: "chevrons-right"
+};
+function E({ children: n, part: i, target: a, usable: o, label: s, onClick: c, render: l, ref: u, ...d }) {
+	let p = C(), m = p.itemHref?.(a), h = !o, g = r({
+		"aria-label": s,
+		...d,
+		children: n ?? /* @__PURE__ */ f(t, {
+			directional: !0,
+			children: /* @__PURE__ */ f(e, { name: T[i] })
+		}),
+		"data-disabled": h && !p.loading ? "" : void 0,
+		"data-loading": p.loading ? "" : void 0,
+		"data-part": i,
+		onClick: (e) => {
+			c?.(e), !(e.defaultPrevented || h) && p.goToPage(a, "pointer", e);
+		}
+	});
+	return l === void 0 ? m === void 0 ? /* @__PURE__ */ f("button", {
+		...g,
+		disabled: h,
+		ref: u,
+		type: "button"
+	}) : /* @__PURE__ */ f("a", {
+		...g,
+		"aria-disabled": h ? !0 : void 0,
+		...h ? {} : { href: m },
+		ref: u
+	}) : l(g);
+}
+function D(e) {
+	let t = C();
+	return /* @__PURE__ */ f(E, {
+		...e,
+		label: e["aria-label"] ?? t.t("first"),
+		part: "first",
+		target: 1,
+		usable: t.canGoPrevious
+	});
+}
+function O(e) {
+	let t = C();
+	return /* @__PURE__ */ f(E, {
+		...e,
+		label: e["aria-label"] ?? t.t("previous"),
+		part: "previous",
+		target: t.page - 1,
+		usable: t.canGoPrevious
+	});
+}
+function k(e) {
+	let t = C();
+	return /* @__PURE__ */ f(E, {
+		...e,
+		label: e["aria-label"] ?? t.t("next"),
+		part: "next",
+		target: t.page + 1,
+		usable: t.canGoNext
+	});
+}
+function A(e) {
+	let t = C();
+	return /* @__PURE__ */ f(E, {
+		...e,
+		label: e["aria-label"] ?? t.t("last"),
+		part: "last",
+		target: t.pages,
+		usable: t.canGoNext
+	});
+}
+function j({ ref: e, render: t, ...n }) {
+	let i = C();
+	if (i.count === void 0) return null;
+	let a = r({
+		...n,
+		children: i.items.map((e) => e.type === "ellipsis" ? /* @__PURE__ */ f("li", {
+			"data-part": "item",
+			"data-part-item": "",
+			children: /* @__PURE__ */ f("span", {
+				"aria-hidden": "true",
+				"data-part": "ellipsis",
+				"data-part-ellipsis": "",
+				children: "…"
+			})
+		}, `ellipsis-${e.side}`) : /* @__PURE__ */ f("li", {
+			"data-part": "item",
+			"data-part-item": "",
+			children: /* @__PURE__ */ f(M, { page: e.value })
+		}, e.value)),
+		"data-part": "list"
+	});
+	return /* @__PURE__ */ p(d, { children: [t === void 0 ? /* @__PURE__ */ f("ul", {
+		...a,
+		ref: e
+	}) : t(a), /* @__PURE__ */ f("span", {
+		"data-part": "summary",
+		"data-part-summary": "",
+		children: i.t("summary", {
+			page: i.page,
+			pages: i.pages
+		})
+	})] });
+}
+function M({ page: e }) {
+	let t = C(), n = e === t.page, r = t.itemHref?.(e), a = t.disabled || t.loading, o = {
+		"aria-current": n ? "page" : void 0,
+		"aria-label": t.t("page", { page: e }),
+		children: e,
+		"data-disabled": t.disabled ? "" : void 0,
+		"data-loading": t.loading ? "" : void 0,
+		"data-part": "page",
+		...i("part", "page"),
+		onClick: (n) => {
+			n.defaultPrevented || t.goToPage(e, "pointer", n);
+		}
+	};
+	return r === void 0 ? /* @__PURE__ */ f("button", {
+		...o,
+		disabled: a,
+		type: "button"
+	}) : /* @__PURE__ */ f("a", {
+		...o,
+		"aria-disabled": a ? !0 : void 0,
+		...a ? {} : { href: r }
+	});
+}
+function N({ children: e, ref: t, render: n, ...i }) {
+	let a = C(), o = r({
+		...i,
+		"aria-live": a.live,
+		children: e ?? a.t("range", {
+			start: a.range.start,
+			end: a.range.end,
+			count: a.count ?? 0
+		}),
+		"data-part": "status"
+	});
+	return n === void 0 ? /* @__PURE__ */ f("p", {
+		...o,
+		ref: t
+	}) : n(o);
+}
+function P({ label: n, onChange: i, ref: a, render: o, ...s }) {
+	let c = C(), u = l(), d = r({
+		...s,
+		children: c.pageSizeOptions.map((e) => /* @__PURE__ */ f("option", {
+			value: e,
+			children: e
+		}, e)),
+		"data-part": "page-size",
+		disabled: s.disabled ?? (c.disabled || c.loading),
+		id: s.id ?? u,
+		onChange: (e) => {
+			i?.(e), !e.defaultPrevented && c.setPageSize(Number(e.currentTarget.value), "select", e);
+		},
+		value: s.value ?? c.pageSize
+	}), m = o === void 0 ? /* @__PURE__ */ f("select", {
+		...d,
+		ref: a
+	}) : o(d);
+	return /* @__PURE__ */ p("label", {
+		"data-part": "page-size-label",
+		"data-part-page-size-label": "",
+		children: [
+			n ?? c.t("pageSize"),
+			m,
+			/* @__PURE__ */ f(t, { children: /* @__PURE__ */ f(e, { name: "chevron-down" }) })
+		]
+	});
+}
+//#endregion
+export { P as a, w as c, b as d, k as i, C as l, j as n, O as o, A as r, N as s, D as t, x as u };

package/dist/pagination.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, d as n, i as r, l as i, n as a, o, r as s, s as c, t as l, u } from "./pagination-DWJc521r.js";
+import { a as e, c as t, d as n, i as r, l as i, n as a, o, r as s, s as c, t as l, u } from "./pagination-Cm9665gb.js";
 export { t as Pagination, u as PaginationDefaultsProvider, l as PaginationFirst, a as PaginationItems, s as PaginationLast, r as PaginationNext, e as PaginationPageSize, o as PaginationPrevious, c as PaginationStatus, i as usePagination, n as usePaginationDefaults };