@webority/ui-react 0.13.4 → 0.13.5

package/dist/types/components/AppDataTable.d.ts

@@ -14,7 +14,10 @@
  * @param {number} [props.sourceCount]
  * @param {(row: object) => import('react').ReactNode} [props.rowActions]
  * @param {string} [props.rowActionsLabel]
- * @param {object} [props.pagination]
+ * @param {object} [props.pagination] The footer's state, usually straight from usePagination:
+ *   `{ page, totalPages, pageSize, total, firstRow, lastRow, setPage, setPageSize }`, plus the
+ *   optional `pageSizes` and `mode` that AppTablePagination takes. The footer shows once `total`
+ *   is above 0 and stays in place while `loading`, so the table does not jump between pages.
  * @param {string} [props.ariaLabel]
  * @param {string} [props.className] Extra classes on the <table> (column/table styling).
  * @param {string} [props.wrapperClassName] Extra classes on the `.table-wrap` outer div — the

package/dist/types/components/AppFilePicker.d.ts

@@ -17,7 +17,8 @@
  * @param {boolean} [props.multiple=false]
  * @param {number} [props.maxFiles] Cap on total files in multiple mode.
  * @param {string} [props.accept=".jpg,.jpeg,.png"] Accepted file types (the `accept` attribute).
- * @param {number} [props.maxSizeMb] Defaults to the shared DEFAULT_MAX_SIZE_MB.
+ * @param {number} [props.maxSizeMb] Defaults to the shared DEFAULT_MAX_SIZE_MB. 0 means no size
+ *   limit: nothing is rejected for its size, and the hint names no size.
  * @param {boolean} [props.required]
  * @param {string} [props.error]
  * @param {string} [props.hint] Helper text below the control; an error (the caller's or a rejected

package/dist/ui-react.js

@@ -2511,7 +2511,7 @@ function Gt({ columns: e, rows: n, rowKey: r = (e) => e.id, sort: i, onSort: a,
 				children: I
 			}) : I
 		})]
-	}), m && !o && m.total > 0 && /* @__PURE__ */ E(Ht, {
+	}), m && m.total > 0 && /* @__PURE__ */ E(Ht, {
 		page: m.page,
 		totalPages: m.totalPages,
 		pageSize: m.pageSize,
@@ -2519,7 +2519,9 @@ function Gt({ columns: e, rows: n, rowKey: r = (e) => e.id, sort: i, onSort: a,
 		firstRow: m.firstRow,
 		lastRow: m.lastRow,
 		onPageChange: m.setPage,
-		onPageSizeChange: m.setPageSize
+		onPageSizeChange: m.setPageSize,
+		pageSizes: m.pageSizes,
+		mode: m.mode
 	})] });
 }
 //#endregion
@@ -2809,15 +2811,15 @@ function rn({ item: e, isImage: t, onRemove: n, noun: r = "attachment" }) {
 //#region src/components/AppFileAttachment.jsx
 function an({ label: e = "Attachment", value: t, name: n, onChange: r, multiple: i = !1, accept: a = k, maxSizeMb: o = A, optional: c = !1, validate: l = !0, error: u, id: d, ...p }) {
 	U("AppFileAttachment", p);
-	let m = s(), h = d || m, [g, _] = f(""), v = i && Array.isArray(t) ? t : t ? [t] : [], y = F(a), b = (e) => e instanceof File ? P(e) : y || P(e), x = !i && v.length === 1 && b(v[0]), S = o > 0, C = on(a, S ? o : 0);
-	function w(e) {
+	let m = s(), h = d || m, [g, _] = f(""), v = i && Array.isArray(t) ? t : t ? [t] : [], y = F(a), b = (e) => e instanceof File ? P(e) : y || P(e), x = !i && v.length === 1 && b(v[0]), S = on(a, o);
+	function C(e) {
 		let n = Array.from(e.target.files || []);
 		if (e.target.value = "", !n.length) return;
 		let s = [], c = "";
 		for (let e of n) {
 			let t = l ? I(e, {
 				accept: a,
-				maxSizeMb: S ? o : Infinity
+				maxSizeMb: o
 			}) : null;
 			if (t) {
 				c ||= t;
@@ -2830,10 +2832,10 @@ function an({ label: e = "Attachment", value: t, name: n, onChange: r, multiple:
 			r(e.concat(s.filter((e) => !n.has($t(e)))));
 		} else r(s[0]);
 	}
-	function O(e) {
+	function w(e) {
 		_(""), r(i ? v.filter((t, n) => n !== e) : null);
 	}
-	let j = u || g, M = j ? `${h}-error` : void 0, N = i || v.length === 0, L = y ? "image" : "file", R = i ? `Add ${L}s` : `Add ${y ? "an" : "a"} ${L}`;
+	let O = u || g, j = O ? `${h}-error` : void 0, M = i || v.length === 0, N = y ? "image" : "file", L = i ? `Add ${N}s` : `Add ${y ? "an" : "a"} ${N}`;
 	return /* @__PURE__ */ D("div", {
 		className: "field",
 		children: [
@@ -2845,7 +2847,7 @@ function an({ label: e = "Attachment", value: t, name: n, onChange: r, multiple:
 					children: " (optional)"
 				})]
 			}),
-			N && /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ D("label", {
+			M && /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ D("label", {
 				className: "attach-drop",
 				htmlFor: h,
 				children: [
@@ -2860,10 +2862,10 @@ function an({ label: e = "Attachment", value: t, name: n, onChange: r, multiple:
 						className: "attach-drop-copy",
 						children: [/* @__PURE__ */ E("span", {
 							className: "attach-drop-title",
-							children: R
-						}), C && /* @__PURE__ */ E("span", {
+							children: L
+						}), S && /* @__PURE__ */ E("span", {
 							className: "attach-drop-hint",
-							children: C
+							children: S
 						})]
 					}),
 					/* @__PURE__ */ E("span", {
@@ -2878,26 +2880,26 @@ function an({ label: e = "Attachment", value: t, name: n, onChange: r, multiple:
 				name: n,
 				accept: a || void 0,
 				multiple: i || void 0,
-				"aria-describedby": M,
-				onChange: w,
+				"aria-describedby": j,
+				onChange: C,
 				...p
 			})] }),
 			x ? /* @__PURE__ */ E(sn, {
 				item: v[0],
 				isImage: !0,
-				onRemove: () => O(0)
+				onRemove: () => w(0)
 			}) : v.length > 0 && /* @__PURE__ */ E("div", {
 				className: "attach-list",
 				children: v.map((e, t) => /* @__PURE__ */ E(rn, {
 					item: e,
 					isImage: b(e),
-					onRemove: () => O(t)
+					onRemove: () => w(t)
 				}, $t(e)))
 			}),
-			j && /* @__PURE__ */ E("div", {
+			O && /* @__PURE__ */ E("div", {
 				className: "field-error",
 				id: `${h}-error`,
-				children: j
+				children: O
 			})
 		]
 	});
@@ -3103,14 +3105,9 @@ function cn({ label: e, value: t, name: n, id: r, onPick: i, multiple: a = !1, m
 									children: "Click to upload"
 								}), " or drag & drop"]
 							}),
-							/* @__PURE__ */ D("span", {
+							/* @__PURE__ */ E("span", {
 								className: "file-input-text",
-								children: [
-									j(l),
-									" · up to ",
-									u,
-									" MB"
-								]
+								children: u > 0 ? `${j(l)} · up to ${u} MB` : j(l)
 							})
 						]
 					}),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority/ui-react",
-  "version": "0.13.4",
+  "version": "0.13.5",
   "description": "Webority shared React component library — App* primitives on react-bootstrap + the @webority/theme design system.",
   "license": "SEE LICENSE IN LICENSE",
   "type": "module",
@@ -28,8 +28,8 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@webority/theme": "0.13.4",
-    "@webority/ui-elements": "0.13.4"
+    "@webority/theme": "0.13.5",
+    "@webority/ui-elements": "0.13.5"
   },
   "peerDependencies": {
     "@webority/analytics": "^0.5.2",