@webority/ui-react 0.23.1 → 0.24.0

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

@@ -21,9 +21,10 @@ import "@webority/ui-elements";
  * @param {{ key: string, label: import('react').ReactNode, items: { key: string,
  *   label: import('react').ReactNode, description?: import('react').ReactNode,
  *   icon?: string | import('react').ReactNode, meta?: import('react').ReactNode,
- *   onSelect?: () => void }[] }[]} [props.groups=[]] Results, rendered in order under
- *   their group headings. Keys must be unique within their group; groups with no items are
- *   left out. `icon` is a library icon name or a node; `meta` is short trailing text or a node.
+ *   disabled?: boolean, onSelect?: () => void }[] }[]} [props.groups=[]] Results, rendered in
+ *   order under their group headings. Keys must be unique within their group; groups with no
+ *   items are left out. `icon` is a library icon name or a node; `meta` is short trailing text
+ *   or a node. A `disabled` item is listed but cannot be chosen: the arrow keys skip it.
  * @param {boolean} [props.loading=false] Shows the library spinner in the input.
  * @param {import('react').ReactNode} [props.emptyText='No results'] Shown when the query is
  *   not blank, nothing is loading, and no group has items.
@@ -49,6 +50,7 @@ export default function AppCommandPalette({ open, onClose, query, onQueryChange,
             description?: import('react').ReactNode;
             icon?: string | import('react').ReactNode;
             meta?: import('react').ReactNode;
+            disabled?: boolean;
             onSelect?: () => void;
         }[];
     }[];

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

@@ -4,10 +4,8 @@
  * A page-size menu ("10 per page") beside the page buttons. It shows no row range and no total:
  * the page buttons already say where you are.
  *
- * `page` is ONE-BASED, matching `<app-table-pagination page="…">` (the shared 1-based pagination contract). It used to be zero-based here while
- * Razor's was one-based — the same prop name meaning different things on the two surfaces,
- * which no name-level check can see. `pageCount` is likewise now `totalPages`, the name
- * Razor and the shared response shape already use.
+ * `page` is ONE-BASED, matching `<app-table-pagination page="…">` and the shared pagination contract.
+ * `totalPages` is the page count, the name Razor and the shared response shape use.
  *
  * @param {object} props
  * @param {number} props.page 1-based.

package/dist/ui-react.js

@@ -2021,6 +2021,7 @@ function $t({ baseId: e, query: t, onQueryChange: n, placeholder: r, groups: i,
 							id: `${r}-${tn(e.key)}`,
 							"data-group-key": String(n.key),
 							"data-key": String(e.key),
+							"aria-disabled": e.disabled ? "true" : void 0,
 							children: [
 								e.icon != null && /* @__PURE__ */ E("span", {
 									className: "wui-cmd-item-icon",
@@ -3899,11 +3900,45 @@ function fr(e, t) {
 	}
 	return [];
 }
-function pr({ facet: e, value: t, onChange: n }) {
+function pr({ facets: e, value: t, onChange: n, className: r = "", ...i }) {
+	K("AppFilterBar", i);
+	for (let t of e) J("AppFilterBar", "facets[].type", t.type, lr);
+	let a = e.flatMap((e) => fr(e, t[e.key]).map((t) => ({
+		...t,
+		facet: e
+	}))), o = e.filter((e) => $n(e, t[e.key]));
+	return /* @__PURE__ */ D("div", {
+		className: `wui-filter-bar d-flex flex-wrap align-items-center gap-2${r ? ` ${r}` : ""}`,
+		...i,
+		children: [
+			e.map((e) => /* @__PURE__ */ E(mr, {
+				facet: e,
+				value: t[e.key],
+				onChange: (t) => n(e.key, t)
+			}, e.key)),
+			a.map((e) => /* @__PURE__ */ E(Pt, {
+				size: "sm",
+				label: `${e.facet.label}: ${e.text}`,
+				removeLabel: `Remove ${e.facet.label} filter ${e.text}`,
+				onRemove: () => n(e.facet.key, e.clear())
+			}, e.id)),
+			o.length > 1 && /* @__PURE__ */ E(et, {
+				variant: "ghost",
+				size: "sm",
+				onClick: () => {
+					for (let e of o) n(e.key, Qn(e));
+				},
+				children: "Clear all"
+			})
+		]
+	});
+}
+function mr({ facet: e, value: t, onChange: n }) {
 	if (e.type === "enum") {
 		let r = e.options ?? [];
 		return r.length < ur ? /* @__PURE__ */ E(or, {
 			label: e.label,
+			name: e.key,
 			size: "sm",
 			value: t ?? "",
 			onChange: n,
@@ -3913,6 +3948,7 @@ function pr({ facet: e, value: t, onChange: n }) {
 			}, ...r]
 		}) : /* @__PURE__ */ E(cr, {
 			"aria-label": e.label,
+			name: e.key,
 			placeholder: e.label,
 			size: "sm",
 			clearable: !0,
@@ -3923,6 +3959,7 @@ function pr({ facet: e, value: t, onChange: n }) {
 	}
 	return e.type === "multiEnum" ? /* @__PURE__ */ E(rr, {
 		"aria-label": e.label,
+		name: e.key,
 		placeholder: e.label,
 		size: "sm",
 		collapseChips: !0,
@@ -3931,6 +3968,8 @@ function pr({ facet: e, value: t, onChange: n }) {
 		options: e.options ?? []
 	}) : e.type === "dateRange" ? /* @__PURE__ */ E(Dn, {
 		ariaLabel: e.label,
+		startName: `${e.key}From`,
+		endName: `${e.key}To`,
 		placeholder: e.label,
 		size: "sm",
 		start: t?.from ?? "",
@@ -3941,45 +3980,13 @@ function pr({ facet: e, value: t, onChange: n }) {
 		})
 	}) : /* @__PURE__ */ E(ir, {
 		ariaLabel: e.label,
+		name: e.key,
 		placeholder: e.label,
 		size: "sm",
 		value: t ?? "",
 		onChange: n
 	});
 }
-function mr({ facets: e, value: t, onChange: n, className: r = "", ...i }) {
-	K("AppFilterBar", i);
-	for (let t of e) J("AppFilterBar", "facets[].type", t.type, lr);
-	let a = e.flatMap((e) => fr(e, t[e.key]).map((t) => ({
-		...t,
-		facet: e
-	}))), o = e.filter((e) => $n(e, t[e.key]));
-	return /* @__PURE__ */ D("div", {
-		className: `wui-filter-bar d-flex flex-wrap align-items-center gap-2${r ? ` ${r}` : ""}`,
-		...i,
-		children: [
-			e.map((e) => /* @__PURE__ */ E(pr, {
-				facet: e,
-				value: t[e.key],
-				onChange: (t) => n(e.key, t)
-			}, e.key)),
-			a.map((e) => /* @__PURE__ */ E(Pt, {
-				size: "sm",
-				label: `${e.facet.label}: ${e.text}`,
-				removeLabel: `Remove ${e.facet.label} filter ${e.text}`,
-				onRemove: () => n(e.facet.key, e.clear())
-			}, e.id)),
-			o.length > 1 && /* @__PURE__ */ E(et, {
-				variant: "ghost",
-				size: "sm",
-				onClick: () => {
-					for (let e of o) n(e.key, Qn(e));
-				},
-				children: "Clear all"
-			})
-		]
-	});
-}
 //#endregion
 //#region src/components/AppFloatingDock.jsx
 function hr({ items: e = [], linkComponent: t, ariaLabel: n = "Quick navigation", magnify: r = !0, maxScale: i, radius: a, className: o = "", ...s }) {
@@ -7571,4 +7578,4 @@ function Va(e, { sort: t } = {}) {
 	};
 }
 //#endregion
-export { Ue as AppAccordion, Ge as AppActionIcon, Xe as AppAlert, rt as AppAsyncBlock, gt as AppAutocomplete, St as AppAvatar, Tt as AppAvatarGroup, Et as AppBadge, Ot as AppBanner, kt as AppBreadcrumbs, et as AppButton, jt as AppCard, Nt as AppCheckbox, Pt as AppChip, Rt as AppChoiceCard, zt as AppChoiceChip, Bt as AppColorField, Gt as AppColumnMenu, Qt as AppCommandPalette, rn as AppCompareTable, cn as AppConfirmDialog, un as AppConsentBanner, fn as AppCopyButton, mn as AppCountrySelect, Tn as AppDataTable, En as AppDatePicker, Dn as AppDateRangePicker, On as AppDescriptions, Ut as AppDropdown, tt as AppEmptyState, jn as AppErrorSummary, Ln as AppFileAttachment, Bn as AppFilePicker, Wn as AppFileViewer, mr as AppFilterBar, hr as AppFloatingDock, gr as AppFormActions, _r as AppFormRow, xr as AppFormSection, Y as AppIcon, Sr as AppInfoList, st as AppInfoTip, an as AppInput, Dr as AppKpiTile, jr as AppLink, Nr as AppLogoPicker, Lr as AppMeter, Xt as AppModal, rr as AppMultiSelect, Rr as AppNumberInput, zr as AppOtpInput, Vr as AppPageHeader, Hr as AppPagination, Ur as AppPhoneNumberInput, at as AppPopover, Wr as AppPricingCard, qr as AppProgress, Si as AppQrCode, Ci as AppRadio, wi as AppRadioGroup, Ti as AppRepeater, Z as AppRequiredMark, Ei as AppResourceCard, Oi as AppResult, ki as AppScrollbar, ir as AppSearch, or as AppSegmented, cr as AppSelect, yn as AppSelectMini, Ai as AppShell, Ni as AppSidebarMenu, hn as AppSkeleton, gn as AppSkeletonRows, Pi as AppSlider, nt as AppSpinner, Ii as AppSplash, Li as AppStatusBadge, Ri as AppStepper, Bi as AppSwitch, Vi as AppTableEmptyState, xn as AppTablePagination, Hi as AppTableToolbar, Ki as AppTabs, qi as AppTagInput, Ji as AppTextarea, Qi as AppThemeToggle, ta as AppTimePicker, ea as AppTimeline, xa as AppToast, Ca as AppToolbar, be as AppTooltip, wa as AppWizard, Ea as AppWorkspaceSwitcher, sn as MODAL_ICONS, Zn as buildListQuery, ja as dismissAll, Pa as errorToast, Be as iconNames, nr as parseListQuery, He as registerIcons, Na as toast, Fa as useCommandPaletteShortcut, La as useListQuery, Ra as usePagination, Va as useTableView };
+export { Ue as AppAccordion, Ge as AppActionIcon, Xe as AppAlert, rt as AppAsyncBlock, gt as AppAutocomplete, St as AppAvatar, Tt as AppAvatarGroup, Et as AppBadge, Ot as AppBanner, kt as AppBreadcrumbs, et as AppButton, jt as AppCard, Nt as AppCheckbox, Pt as AppChip, Rt as AppChoiceCard, zt as AppChoiceChip, Bt as AppColorField, Gt as AppColumnMenu, Qt as AppCommandPalette, rn as AppCompareTable, cn as AppConfirmDialog, un as AppConsentBanner, fn as AppCopyButton, mn as AppCountrySelect, Tn as AppDataTable, En as AppDatePicker, Dn as AppDateRangePicker, On as AppDescriptions, Ut as AppDropdown, tt as AppEmptyState, jn as AppErrorSummary, Ln as AppFileAttachment, Bn as AppFilePicker, Wn as AppFileViewer, pr as AppFilterBar, hr as AppFloatingDock, gr as AppFormActions, _r as AppFormRow, xr as AppFormSection, Y as AppIcon, Sr as AppInfoList, st as AppInfoTip, an as AppInput, Dr as AppKpiTile, jr as AppLink, Nr as AppLogoPicker, Lr as AppMeter, Xt as AppModal, rr as AppMultiSelect, Rr as AppNumberInput, zr as AppOtpInput, Vr as AppPageHeader, Hr as AppPagination, Ur as AppPhoneNumberInput, at as AppPopover, Wr as AppPricingCard, qr as AppProgress, Si as AppQrCode, Ci as AppRadio, wi as AppRadioGroup, Ti as AppRepeater, Z as AppRequiredMark, Ei as AppResourceCard, Oi as AppResult, ki as AppScrollbar, ir as AppSearch, or as AppSegmented, cr as AppSelect, yn as AppSelectMini, Ai as AppShell, Ni as AppSidebarMenu, hn as AppSkeleton, gn as AppSkeletonRows, Pi as AppSlider, nt as AppSpinner, Ii as AppSplash, Li as AppStatusBadge, Ri as AppStepper, Bi as AppSwitch, Vi as AppTableEmptyState, xn as AppTablePagination, Hi as AppTableToolbar, Ki as AppTabs, qi as AppTagInput, Ji as AppTextarea, Qi as AppThemeToggle, ta as AppTimePicker, ea as AppTimeline, xa as AppToast, Ca as AppToolbar, be as AppTooltip, wa as AppWizard, Ea as AppWorkspaceSwitcher, sn as MODAL_ICONS, Zn as buildListQuery, ja as dismissAll, Pa as errorToast, Be as iconNames, nr as parseListQuery, He as registerIcons, Na as toast, Fa as useCommandPaletteShortcut, La as useListQuery, Ra as usePagination, Va as useTableView };

package/package.json

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