@igne-agency/react-web-ui 0.3.1 → 0.5.0

package/dist/data-table/data-table.js

@@ -1,13 +1,15 @@
 import { Pagination } from "../components/pagination/pagination.js";
 import { DataTableContent } from "./data-table-content.js";
+import { Body, Cell, ErrorMessage, Frame, Head, HeaderCell, HeaderRow, LoadingCaption, PlaceholderRows, RefreshFailed, Row, Scroller, SortButton, StaleOverlay, StateRow, SubRow, Table } from "./data-table-parts.js";
 import { DataTableContext, useDataTable } from "./data-table-context.js";
 import { DataTableSelectionBar } from "./data-table-selection.js";
 import { PAGE_SIZE_OPTIONS } from "./table-features.js";
 import data_table_module_default from "./data-table.module.js";
 import { c } from "react/compiler-runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
+import { jsx } from "react/jsx-runtime";
 // src/data-table/data-table.tsx
+/** Holds the table instance and the injected query state for the parts inside it. */
 var Root = (t0) => {
 	const $ = c(14);
 	const { table, selection, status, isFetching: t1, onRetry, children, className } = t0;
@@ -16,6 +18,7 @@ var Root = (t0) => {
 	if ($[0] !== isFetching || $[1] !== onRetry || $[2] !== selection || $[3] !== status || $[4] !== table) {
 		t2 = {
 			table,
+			sorting: table.state.sorting,
 			selection,
 			status,
 			isFetching,
@@ -79,109 +82,94 @@ var Toolbar = (t0) => {
 	return t2;
 };
 /**
-* The kit's `Pagination`, driven by the instance's pagination API (built with
-* `manualPagination` + server `rowCount`). The page sizes come from the
-* table's `meta.pageSizeOptions`, and picking one returns to the first page.
+* The pager driven by the instance's pagination API (built with
+* `manualPagination` + server `rowCount`): the ready-made `Pagination` from its
+* labels and icons, or a `Pagination.Root` holding the parts it is given. The
+* page sizes come from the table's `meta.pageSizeOptions`, and picking one
+* returns to the first page.
 */
-var DataTablePagination = (t0) => {
-	const $ = c(27);
-	const { pageSizeLabel, indexLabel, firstLabel, previousLabel, nextLabel, lastLabel, className } = t0;
+var DataTablePagination = (props) => {
+	const $ = c(18);
 	const { table } = useDataTable();
 	const { pageIndex, pageSize } = table.state.pagination;
+	let t0;
+	if ($[0] !== props.className) {
+		t0 = clsx(data_table_module_default.pagination, props.className);
+		$[0] = props.className;
+		$[1] = t0;
+	} else t0 = $[1];
 	let t1;
-	if ($[0] !== className) {
-		t1 = clsx(data_table_module_default.pagination, className);
-		$[0] = className;
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
 	if ($[2] !== table) {
-		t2 = table.getPageCount();
+		t1 = table.getPageCount();
 		$[2] = table;
-		$[3] = t2;
-	} else t2 = $[3];
-	const t3 = Math.max(t2, 1);
-	const t4 = table.options.meta?.pageSizeOptions ?? PAGE_SIZE_OPTIONS;
+		$[3] = t1;
+	} else t1 = $[3];
+	const t2 = Math.max(t1, 1);
+	const t3 = table.options.meta?.pageSizeOptions ?? PAGE_SIZE_OPTIONS;
+	let t4;
 	let t5;
-	let t6;
 	if ($[4] !== table) {
-		t5 = (next) => {
+		t4 = (next) => {
 			table.setPageIndex(next);
 		};
-		t6 = (next_0) => {
+		t5 = (next_0) => {
 			table.setPagination({
 				pageIndex: 0,
 				pageSize: next_0
 			});
 		};
 		$[4] = table;
-		$[5] = t5;
-		$[6] = t6;
+		$[5] = t4;
+		$[6] = t5;
 	} else {
-		t5 = $[5];
-		t6 = $[6];
+		t4 = $[5];
+		t5 = $[6];
 	}
-	let t7;
-	if ($[7] !== pageSizeLabel) {
-		t7 = /* @__PURE__ */ jsx(Pagination.PageSize, { label: pageSizeLabel });
-		$[7] = pageSizeLabel;
-		$[8] = t7;
-	} else t7 = $[8];
-	let t8;
-	if ($[9] !== indexLabel) {
-		t8 = /* @__PURE__ */ jsx(Pagination.Index, { label: indexLabel });
-		$[9] = indexLabel;
-		$[10] = t8;
-	} else t8 = $[10];
-	let t9;
-	if ($[11] !== firstLabel || $[12] !== lastLabel || $[13] !== nextLabel || $[14] !== previousLabel) {
-		t9 = /* @__PURE__ */ jsx(Pagination.Controls, {
-			firstLabel,
-			previousLabel,
-			nextLabel,
-			lastLabel
-		});
-		$[11] = firstLabel;
-		$[12] = lastLabel;
-		$[13] = nextLabel;
-		$[14] = previousLabel;
-		$[15] = t9;
-	} else t9 = $[15];
-	let t10;
-	if ($[16] !== pageIndex || $[17] !== pageSize || $[18] !== t1 || $[19] !== t3 || $[20] !== t4 || $[21] !== t5 || $[22] !== t6 || $[23] !== t7 || $[24] !== t8 || $[25] !== t9) {
-		t10 = /* @__PURE__ */ jsxs(Pagination.Root, {
-			className: t1,
+	let t6;
+	if ($[7] !== pageIndex || $[8] !== pageSize || $[9] !== t0 || $[10] !== t2 || $[11] !== t3 || $[12] !== t4 || $[13] !== t5) {
+		t6 = {
+			className: t0,
 			pageIndex,
-			pageCount: t3,
+			pageCount: t2,
 			pageSize,
-			pageSizes: t4,
-			onPageIndexChange: t5,
-			onPageSizeChange: t6,
-			children: [
-				t7,
-				t8,
-				t9
-			]
+			pageSizes: t3,
+			onPageIndexChange: t4,
+			onPageSizeChange: t5
+		};
+		$[7] = pageIndex;
+		$[8] = pageSize;
+		$[9] = t0;
+		$[10] = t2;
+		$[11] = t3;
+		$[12] = t4;
+		$[13] = t5;
+		$[14] = t6;
+	} else t6 = $[14];
+	const bound = t6;
+	let t7;
+	if ($[15] !== bound || $[16] !== props) {
+		t7 = props.indexLabel === void 0 ? /* @__PURE__ */ jsx(Pagination.Root, {
+			...props,
+			...bound
+		}) : /* @__PURE__ */ jsx(Pagination, {
+			...props,
+			...bound
 		});
-		$[16] = pageIndex;
-		$[17] = pageSize;
-		$[18] = t1;
-		$[19] = t3;
-		$[20] = t4;
-		$[21] = t5;
-		$[22] = t6;
-		$[23] = t7;
-		$[24] = t8;
-		$[25] = t9;
-		$[26] = t10;
-	} else t10 = $[26];
-	return t10;
+		$[15] = bound;
+		$[16] = props;
+		$[17] = t7;
+	} else t7 = $[17];
+	return t7;
 };
 /**
 * Composite data table over a TanStack Table instance. `Root` holds the
 * instance and the injected query state in context; the parts lay it out:
-* `Toolbar`, `SelectionBar`, `Content` and `Pagination`. A nested sub-table
-* gets its own `DataTable.Root`, with its own instance and context.
+* `Toolbar`, `SelectionBar`, `Content` and `Pagination`. `Content` is the
+* whole table; where a table needs other markup, compose its parts instead:
+* `RefreshFailed`, then a `Frame` holding a `Scroller` and a `StaleOverlay`,
+* the `Scroller` holding the `Table` and its rows and cells, with
+* `useDataTableView` to pick the body. A nested sub-table gets its own
+* `DataTable.Root`, with its own instance and context.
 *
 * @example
 * <DataTable.Root table={table} status={query.status} isFetching={query.isFetching}>
@@ -189,11 +177,13 @@ var DataTablePagination = (t0) => {
 * 		<FilterBar.Root filters={filters}>…</FilterBar.Root>
 * 	</DataTable.Toolbar>
 * 	<DataTable.Content
-* 		emptyState="No declarations yet."
-* 		errorLabel="The declarations could not be loaded."
-* 		loadingLabel="Loading declarations"
+* 		emptyState="No invoices yet."
+* 		errorLabel="The invoices could not be loaded."
+* 		loadingLabel="Loading invoices"
 * 		slowLabel="This is taking longer than usual."
 * 		retryLabel="Try again"
+* 		sortAscendingIcon={<ArrowUpwardIcon />}
+* 		sortDescendingIcon={<ArrowDownwardIcon />}
 * 	/>
 * 	<DataTable.Pagination
 * 		pageSizeLabel="Rows per page"
@@ -202,6 +192,11 @@ var DataTablePagination = (t0) => {
 * 		previousLabel="Previous page"
 * 		nextLabel="Next page"
 * 		lastLabel="Last page"
+* 		firstIcon={<FirstPageIcon />}
+* 		previousIcon={<ChevronLeftIcon />}
+* 		nextIcon={<ChevronRightIcon />}
+* 		lastIcon={<LastPageIcon />}
+* 		checkIcon={<CheckIcon />}
 * 	/>
 * </DataTable.Root>
 */
@@ -210,6 +205,23 @@ var DataTable = {
 	Toolbar,
 	Content: DataTableContent,
 	Pagination: DataTablePagination,
-	SelectionBar: DataTableSelectionBar
+	SelectionBar: DataTableSelectionBar,
+	RefreshFailed,
+	Frame,
+	Scroller,
+	StaleOverlay,
+	Table,
+	LoadingCaption,
+	Head,
+	HeaderRow,
+	HeaderCell,
+	SortButton,
+	Body,
+	Row,
+	Cell,
+	SubRow,
+	PlaceholderRows,
+	StateRow,
+	ErrorMessage
 };
 export { DataTable };

package/dist/data-table/data-table.module.js

@@ -1,36 +1,36 @@
 import './data-table.css';// src/data-table/data-table.module.scss
-var root = "_root_i4wmq_3";
-var toolbar = "_toolbar_i4wmq_77";
-var scrollFrame = "_scrollFrame_i4wmq_84";
-var stale = "_stale_i4wmq_92";
-var staleOverlay = "_staleOverlay_i4wmq_98";
-var contentWrap = "_contentWrap_i4wmq_101";
-var th = "_th_i4wmq_132";
-var edgeStart = "_edgeStart_i4wmq_1";
-var edgeEnd = "_edgeEnd_i4wmq_1";
-var refreshFailed = "_refreshFailed_i4wmq_165";
-var table = "_table_i4wmq_177";
-var thead = "_thead_i4wmq_185";
-var sortToggle = "_sortToggle_i4wmq_200";
-var sortIconIdle = "_sortIconIdle_i4wmq_251";
-var td = "_td_i4wmq_255";
-var row = "_row_i4wmq_280";
-var subRow = "_subRow_i4wmq_302";
-var skeletonBar = "_skeletonBar_i4wmq_311";
-var busyCaption = "_busyCaption_i4wmq_314";
-var stateCell = "_stateCell_i4wmq_322";
-var errorState = "_errorState_i4wmq_327";
-var pagination = "_pagination_i4wmq_330";
-var selectionContainer = "_selectionContainer_i4wmq_334";
-var selectionBar = "_selectionBar_i4wmq_338";
-var selectionSummary = "_selectionSummary_i4wmq_408";
-var selectionTotal = "_selectionTotal_i4wmq_423";
-var selectionCount = "_selectionCount_i4wmq_424";
-var selectionMeasure = "_selectionMeasure_i4wmq_425";
-var selectionStatus = "_selectionStatus_i4wmq_457";
-var selectionActions = "_selectionActions_i4wmq_465";
-var selectionSelectAll = "_selectionSelectAll_i4wmq_495";
-var selectionBulk = "_selectionBulk_i4wmq_498";
+var root = "_root_k21i7_3";
+var toolbar = "_toolbar_k21i7_77";
+var scrollFrame = "_scrollFrame_k21i7_84";
+var stale = "_stale_k21i7_92";
+var staleOverlay = "_staleOverlay_k21i7_98";
+var contentWrap = "_contentWrap_k21i7_101";
+var th = "_th_k21i7_132";
+var edgeStart = "_edgeStart_k21i7_1";
+var edgeEnd = "_edgeEnd_k21i7_1";
+var refreshFailed = "_refreshFailed_k21i7_165";
+var table = "_table_k21i7_177";
+var thead = "_thead_k21i7_185";
+var sortToggle = "_sortToggle_k21i7_200";
+var sortIcon = "_sortIcon_k21i7_251";
+var td = "_td_k21i7_260";
+var row = "_row_k21i7_285";
+var subRow = "_subRow_k21i7_307";
+var skeletonBar = "_skeletonBar_k21i7_316";
+var busyCaption = "_busyCaption_k21i7_319";
+var stateCell = "_stateCell_k21i7_327";
+var errorState = "_errorState_k21i7_332";
+var pagination = "_pagination_k21i7_335";
+var selectionContainer = "_selectionContainer_k21i7_339";
+var selectionBar = "_selectionBar_k21i7_343";
+var selectionSummary = "_selectionSummary_k21i7_413";
+var selectionTotal = "_selectionTotal_k21i7_428";
+var selectionCount = "_selectionCount_k21i7_429";
+var selectionMeasure = "_selectionMeasure_k21i7_430";
+var selectionStatus = "_selectionStatus_k21i7_462";
+var selectionActions = "_selectionActions_k21i7_470";
+var selectionSelectAll = "_selectionSelectAll_k21i7_500";
+var selectionBulk = "_selectionBulk_k21i7_503";
 var data_table_module_default = {
 	root,
 	toolbar,
@@ -45,7 +45,7 @@ var data_table_module_default = {
 	table,
 	thead,
 	sortToggle,
-	sortIconIdle,
+	sortIcon,
 	td,
 	row,
 	subRow,
@@ -65,4 +65,4 @@ var data_table_module_default = {
 	selectionSelectAll,
 	selectionBulk
 };
-export { busyCaption, contentWrap, data_table_module_default as default, edgeEnd, edgeStart, errorState, pagination, refreshFailed, root, row, scrollFrame, selectionActions, selectionBar, selectionBulk, selectionContainer, selectionCount, selectionMeasure, selectionSelectAll, selectionStatus, selectionSummary, selectionTotal, skeletonBar, sortIconIdle, sortToggle, stale, staleOverlay, stateCell, subRow, table, td, th, thead, toolbar };
+export { busyCaption, contentWrap, data_table_module_default as default, edgeEnd, edgeStart, errorState, pagination, refreshFailed, root, row, scrollFrame, selectionActions, selectionBar, selectionBulk, selectionContainer, selectionCount, selectionMeasure, selectionSelectAll, selectionStatus, selectionSummary, selectionTotal, skeletonBar, sortIcon, sortToggle, stale, staleOverlay, stateCell, subRow, table, td, th, thead, toolbar };

package/dist/data-table/index.d.ts

@@ -1,6 +1,7 @@
 export * from "./data-table.tsx";
 export type { DataTableContentProps } from "./data-table-content.tsx";
 export { type DataTableState, useDataTable, } from "./data-table-context.tsx";
+export { type DataTableBodyProps, type DataTableCellProps, type DataTableErrorMessageProps, type DataTableFrameProps, type DataTableHeadProps, type DataTableHeaderCellProps, type DataTableHeaderRowProps, type DataTableLoadingCaptionProps, type DataTableRefreshFailedProps, type DataTableRowProps, type DataTableScrollerProps, type DataTableSortButtonProps, type DataTableStateRowProps, type DataTableSubRowProps, type DataTableTableProps, useDataTableView, } from "./data-table-parts.tsx";
 export { type DataTableSelectionBarProps, type SelectionColumnOptions, selectionColumn, } from "./data-table-selection.tsx";
-export type { DataTableStatus } from "./resolve-view.ts";
+export type { DataTableStatus, ResolvedView, TableView, } from "./resolve-view.ts";
 export * from "./table-features.ts";

package/dist/data-table/index.js

@@ -1,5 +1,6 @@
 import { DataTable } from "./data-table.js";
 import { useDataTable } from "./data-table-context.js";
+import { useDataTableView } from "./data-table-parts.js";
 import { selectionColumn } from "./data-table-selection.js";
 import { EMPTY_ROWS, PAGE_SIZE_OPTIONS, dataTableFeatures } from "./table-features.js";
-export { DataTable, EMPTY_ROWS, PAGE_SIZE_OPTIONS, dataTableFeatures, selectionColumn, useDataTable };
+export { DataTable, EMPTY_ROWS, PAGE_SIZE_OPTIONS, dataTableFeatures, selectionColumn, useDataTable, useDataTableView };

package/dist/data-view/use-data-view.d.ts

@@ -69,11 +69,11 @@ export type DataView<TFilters extends object, TRow extends RowData, TQueryData,
  *
  * @example
  * const { filters, table, query, selection } = useDataView({
- * 	tableId: "declarations",
+ * 	tableId: "invoices",
  * 	initialFilters: {},
  * 	columns,
  * 	queryOptions: ({ filters, search, pagination, sorting }) =>
- * 		declarationsQuery({ filters, search, pagination, sorting }),
+ * 		invoicesQuery({ filters, search, pagination, sorting }),
  * 	getRowId: row => row.id,
  * 	getRows: data => data.rows,
  * 	getRowCount: data => data.totalCount,

package/dist/data-view/use-data-view.js

@@ -22,11 +22,11 @@ var DEFAULT_PAGINATION = {
 *
 * @example
 * const { filters, table, query, selection } = useDataView({
-* 	tableId: "declarations",
+* 	tableId: "invoices",
 * 	initialFilters: {},
 * 	columns,
 * 	queryOptions: ({ filters, search, pagination, sorting }) =>
-* 		declarationsQuery({ filters, search, pagination, sorting }),
+* 		invoicesQuery({ filters, search, pagination, sorting }),
 * 	getRowId: row => row.id,
 * 	getRows: data => data.rows,
 * 	getRowCount: data => data.totalCount,

package/dist/index.js

@@ -1,13 +1,12 @@
-import { Icon } from "./components/icon/icon.js";
 import { Accordion } from "./components/accordion/accordion.js";
 import { describeFlag, describeList, describeValue } from "./components/active-filters/active-filter-describers.js";
 import { useFilterView } from "./components/filter-bar/use-filter-view.js";
 import { Tooltip } from "./components/tooltip/tooltip.js";
 import { TagGroup } from "./components/tag-group/tag-group.js";
-import { ActiveFilters } from "./components/active-filters/active-filters.js";
+import { ActiveFilters, useActiveFilterChips } from "./components/active-filters/active-filters.js";
 import { useBusyPhase } from "./lib/hooks/use-busy-phase.js";
 import { Skeleton } from "./components/skeleton/skeleton.js";
-import { AttachmentPreview, useAttachmentPreview } from "./components/attachment-tile/attachment-preview.js";
+import { useAttachmentPreview } from "./components/attachment-tile/attachment-preview.js";
 import { Button } from "./components/button/button.js";
 import { AttachmentTile, SentAttachmentTile } from "./components/attachment-tile/attachment-tile.js";
 import { Avatar } from "./components/avatar/avatar.js";
@@ -22,13 +21,12 @@ import { getFieldErrors, normalizeFieldErrors } from "./lib/forms/errors.js";
 import { ErrorText } from "./components/error-text/error-text.js";
 import { Spinner } from "./components/spinner/spinner.js";
 import { useFieldContext, useFormContext } from "./lib/forms/context.js";
-import { Field, useFieldIds } from "./components/field/field.js";
+import { Field } from "./components/field/field.js";
 import { fieldStateAttributes } from "./components/field/field-state.js";
 import { optionsLoad } from "./components/field/options-load.js";
 import { useFieldFocus } from "./components/field/use-field-focus.js";
 import { useFormDisabled } from "./components/form/form-context.js";
 import { useFieldState } from "./components/field/use-field-state.js";
-import { CheckboxGlyph } from "./components/checkbox-field/checkbox-glyph.js";
 import { Checkbox } from "./components/checkbox-field/checkbox.js";
 import { CheckboxField } from "./components/checkbox-field/checkbox-field.js";
 import { useConnectedField } from "./lib/forms/use-connected-field.js";
@@ -42,8 +40,8 @@ import { ComboboxField } from "./components/combobox-field/combobox-field.js";
 import { TSFComboboxField } from "./components/combobox-field/tsf-combobox-field.js";
 import { ConfirmDialog } from "./components/confirm-dialog/confirm-dialog.js";
 import { TimeZoneProvider, useTimeZone } from "./components/time-zone-provider/time-zone-provider.js";
-import { Conversation } from "./components/conversation/conversation.js";
 import { groupByBurst, groupByDay } from "./components/conversation/group-messages.js";
+import { Conversation } from "./components/conversation/conversation.js";
 import { isoDateRangeToInstants } from "./lib/calendar/temporal-value.js";
 import { DateInput } from "./components/date-field/date-input.js";
 import { DateField } from "./components/date-field/date-field.js";
@@ -77,6 +75,7 @@ import { FilterBar } from "./components/filter-bar/filter-bar.js";
 import { never, whenDirty } from "./lib/unsaved-changes/policy.js";
 import { useReportUnsavedChanges, useUnsavedChanges } from "./lib/unsaved-changes/registry.js";
 import { Form } from "./components/form/form.js";
+import { Icon } from "./components/icon/icon.js";
 import { Link } from "./components/link/link.js";
 import { LinkButton } from "./components/link-button/link-button.js";
 import { LoadingMessage } from "./components/loading-message/loading-message.js";
@@ -123,7 +122,7 @@ import { TimeInput } from "./components/time-field/time-input.js";
 import { TimeField } from "./components/time-field/time-field.js";
 import { TSFTimeField } from "./components/time-field/tsf-time-field.js";
 import { toast, toastManager } from "./components/toast/toast.js";
-import { ToastProvider } from "./components/toast/toast-provider.js";
+import { Toast, ToastProvider } from "./components/toast/toast-provider.js";
 import { ToggleGroup } from "./components/toggle-group-field/toggle-group.js";
 import { ToggleGroupField } from "./components/toggle-group-field/toggle-group-field.js";
 import { TSFToggleGroupField } from "./components/toggle-group-field/tsf-toggle-group-field.js";
@@ -133,4 +132,4 @@ import { useTheme } from "./lib/hooks/use-theme.js";
 import { storedPageSize, tableStoredValue } from "./lib/table-storage.js";
 import { useBeforeUnload } from "./lib/unsaved-changes/before-unload.js";
 import { LeaveGuardDialog, useLeaveGuard } from "./lib/unsaved-changes/leave-guard.js";
-export { Accordion, ActiveFilters, AttachmentPreview, AttachmentTile, Avatar, AvatarGroup, Badge, Breadcrumbs, Button, Checkbox, CheckboxField, CheckboxGlyph, CheckboxGroup, CheckboxGroupField, Collapsible, Combobox, ComboboxField, ConfirmDialog, Conversation, DateField, DateInput, DateRangeField, DateRangeInput, DetailList, Dialog, Divider, Drawer, EmailField, EmptyMessage, ErrorBoundary, ErrorMessage, ErrorText, Field, FieldGroup, FieldPlaceholder, Fieldset, FileField, FileInput, FilterBar, Form, Icon, LeaveGuardDialog, Link, LinkButton, LoadingMessage, LocaleProvider, Menu, Nav, NavItemView, NumberField, NumberInput, OtpField, OtpInput, Pagination, PasswordField, PasswordStrength, PhoneField, PhotoField, PhotoInput, Popover, RadioGroup, RadioGroupField, SearchField, SegmentedControl, SegmentedControlField, Select, SelectField, SentAttachmentTile, Skeleton, Spinner, Stale, StatusMessage, Switch, SwitchField, TSFCheckboxField, TSFCheckboxGroupField, TSFComboboxField, TSFDateField, TSFDateRangeField, TSFEmailField, TSFFieldGroup, TSFFileField, TSFNumberField, TSFOtpField, TSFPasswordField, TSFPhoneField, TSFPhotoField, TSFRadioGroupField, TSFSearchField, TSFSegmentedControlField, TSFSelectField, TSFSwitchField, TSFTextField, TSFTextareaField, TSFTimeField, TSFToggleGroupField, Tabs, Tag, TagGroup, TextField, TextInput, Textarea, TextareaField, TimeField, TimeInput, TimeZoneProvider, ToastProvider, ToggleGroup, ToggleGroupField, Tooltip, connectTextPreset, createAppForm, currencyFormat, describeFlag, describeList, describeValue, fieldStateAttributes, getFieldErrors, groupByBurst, groupByDay, isoDateRangeToInstants, never, normalizeFieldErrors, optionsLoad, percentFormat, storedPageSize, tableStoredValue, toast, toastManager, unitFormat, useAttachmentPreview, useBeforeUnload, useBusyPhase, useConnectedField, useFieldContext, useFieldFocus, useFieldIds, useFieldState, useFilterView, useFold, useFormContext, useFormDisabled, useLeaveGuard, useLocale, useMediaQuery, usePresence, useReportUnsavedChanges, useRowSelection, useTheme, useTimeZone, useUnsavedChanges, whenDirty };
+export { Accordion, ActiveFilters, AttachmentTile, Avatar, AvatarGroup, Badge, Breadcrumbs, Button, Checkbox, CheckboxField, CheckboxGroup, CheckboxGroupField, Collapsible, Combobox, ComboboxField, ConfirmDialog, Conversation, DateField, DateInput, DateRangeField, DateRangeInput, DetailList, Dialog, Divider, Drawer, EmailField, EmptyMessage, ErrorBoundary, ErrorMessage, ErrorText, Field, FieldGroup, FieldPlaceholder, Fieldset, FileField, FileInput, FilterBar, Form, Icon, LeaveGuardDialog, Link, LinkButton, LoadingMessage, LocaleProvider, Menu, Nav, NavItemView, NumberField, NumberInput, OtpField, OtpInput, Pagination, PasswordField, PasswordStrength, PhoneField, PhotoField, PhotoInput, Popover, RadioGroup, RadioGroupField, SearchField, SegmentedControl, SegmentedControlField, Select, SelectField, SentAttachmentTile, Skeleton, Spinner, Stale, StatusMessage, Switch, SwitchField, TSFCheckboxField, TSFCheckboxGroupField, TSFComboboxField, TSFDateField, TSFDateRangeField, TSFEmailField, TSFFieldGroup, TSFFileField, TSFNumberField, TSFOtpField, TSFPasswordField, TSFPhoneField, TSFPhotoField, TSFRadioGroupField, TSFSearchField, TSFSegmentedControlField, TSFSelectField, TSFSwitchField, TSFTextField, TSFTextareaField, TSFTimeField, TSFToggleGroupField, Tabs, Tag, TagGroup, TextField, TextInput, Textarea, TextareaField, TimeField, TimeInput, TimeZoneProvider, Toast, ToastProvider, ToggleGroup, ToggleGroupField, Tooltip, connectTextPreset, createAppForm, currencyFormat, describeFlag, describeList, describeValue, fieldStateAttributes, getFieldErrors, groupByBurst, groupByDay, isoDateRangeToInstants, never, normalizeFieldErrors, optionsLoad, percentFormat, storedPageSize, tableStoredValue, toast, toastManager, unitFormat, useActiveFilterChips, useAttachmentPreview, useBeforeUnload, useBusyPhase, useConnectedField, useFieldContext, useFieldFocus, useFieldState, useFilterView, useFold, useFormContext, useFormDisabled, useLeaveGuard, useLocale, useMediaQuery, usePresence, useReportUnsavedChanges, useRowSelection, useTheme, useTimeZone, useUnsavedChanges, whenDirty };

package/dist/lib/calendar/calendar-navigation.d.ts

@@ -8,12 +8,19 @@ export type CalendarNavigationLabels = Readonly<{
     /** What the year list says when no year matches the typed text. */
     noMatchingYearLabel: string;
 }>;
+/** The icons the month and year lists in a calendar header show. */
+export type CalendarNavigationIcons = Readonly<{
+    /** The mark beside the selected month and year in their lists, their only sign of selection. */
+    checkIcon: ReactNode;
+    /** The chevron on the month and year controls. Left out, none shows. */
+    expandIcon?: ReactNode;
+}>;
 /**
  * The month and year controls in a calendar header, driven by whichever
  * calendar state is above them. The month list holds the months the focused
  * year actually has; the year list is every year in its era.
  *
  * @example
- * <CalendarNavigation monthLabel="Month" yearLabel="Year" noMatchingYearLabel="No matching year." />
+ * <CalendarNavigation monthLabel="Month" yearLabel="Year" noMatchingYearLabel="No matching year." checkIcon={<CheckIcon />} />
  */
-export declare const CalendarNavigation: ({ monthLabel, yearLabel, noMatchingYearLabel, }: CalendarNavigationLabels) => ReactNode;
+export declare const CalendarNavigation: ({ monthLabel, yearLabel, noMatchingYearLabel, checkIcon, expandIcon, }: CalendarNavigationLabels & CalendarNavigationIcons) => ReactNode;