@panneau/lists 5.0.0-alpha.7 → 5.0.0-alpha.8

package/dist/ItemDetails.d.ts

@@ -1,4 +1,4 @@
-import type { DisplayEntry, ListColumn, ListItem } from './types';
+import type { DisplayEntry, ListColumn, ListItem } from './types.js';
 export interface ItemDetailsProps {
     /** The item. `undefined` while it loads: the labels, with a skeleton of each value. */
     item: ListItem | undefined;

package/dist/List.d.ts

@@ -1,6 +1,6 @@
 import { type ListOptions } from '@panneau/core';
-import { type ListViewProps } from './ListView';
-import type { ListItem } from './types';
+import { type ListViewProps } from './ListView.js';
+import type { ListItem } from './types.js';
 export interface ListProps extends Omit<ListViewProps, 'list' | 'total' | 'items'> {
     /** Every item: the list searches, filters, sorts and paginates them in memory. */
     items: readonly ListItem[] | undefined;

package/dist/ListSkeleton.d.ts

@@ -1,4 +1,4 @@
-import type { ListColumn, ListLayoutEntry } from './types';
+import type { ListColumn, ListLayoutEntry } from './types.js';
 export interface ListSkeletonProps {
     Layout: ListLayoutEntry;
     columns: readonly ListColumn[];

package/dist/ListView.d.ts

@@ -1,9 +1,9 @@
 import { type ReactNode } from 'react';
 import type { List } from '@panneau/core';
 import type { Field, Filter } from '@panneau/protocol';
-import { type ListActions } from './actions/actions';
-import type { ActionIcons } from './actions/icons';
-import type { DisplayEntry, FilterEntry, ListActionHandler, ListActionPreviewer, ListColumn, ListItem, ListLayoutEntry } from './types';
+import { type ListActions } from './actions/actions.js';
+import type { ActionIcons } from './actions/icons.js';
+import type { DisplayEntry, FilterEntry, ListActionHandler, ListActionPreviewer, ListColumn, ListItem, ListLayoutEntry } from './types.js';
 export interface ListViewProps {
     /** The list state of `@panneau/core` (`useList()`): query and selection. */
     list: List;

package/dist/actions/ActionButton.d.ts

@@ -1,5 +1,5 @@
 import type { Action } from '@panneau/protocol';
-import { type ActionIcons } from './icons';
+import { type ActionIcons } from './icons.js';
 export interface ActionButtonProps {
     action: Action;
     /** Icons of actions by id, over the icon the action names. */

package/dist/actions/ConfirmDialog.d.ts

@@ -1,4 +1,4 @@
-import type { ListActionEvent, ListActionPreview } from '../types';
+import type { ListActionEvent, ListActionPreview } from '../types.js';
 /** Whether an action needs a confirmation: it asks for one, or some selected items are skipped. */
 export declare function needsConfirmation(event: ListActionEvent): boolean;
 /** The dry run of a query selection: in progress, or done with the backend's count. */

package/dist/actions/RowActions.d.ts

@@ -1,6 +1,6 @@
 import type { Action } from '@panneau/protocol';
-import type { ListItem } from '../types';
-import { type ActionIcons } from './icons';
+import type { ListItem } from '../types.js';
+import { type ActionIcons } from './icons.js';
 export interface RowActionsProps {
     item: ListItem;
     /** The label of the item, for the accessible names of its actions. */

package/dist/actions/actions.d.ts

@@ -1,5 +1,5 @@
 import type { Action, ActionPlacement } from '@panneau/protocol';
-import type { ListItem } from '../types';
+import type { ListItem } from '../types.js';
 /** Actions of a list: a list (grouped by their placements), or already grouped by placement. */
 export type ListActions = readonly Action[] | Partial<Record<ActionPlacement, readonly Action[]>>;
 /**

package/dist/displays/displays.d.ts

@@ -1,4 +1,4 @@
-import type { DisplayEntry, DisplayProps } from '../types';
+import type { DisplayEntry, DisplayProps } from '../types.js';
 /** What a cell shows without a value. Hidden from assistive technologies, which skip the cell. */
 export declare function EmptyValue(): import("react").JSX.Element;
 /** Text, on two lines at most. The default display. */

package/dist/filters/Filters.d.ts

@@ -1,5 +1,5 @@
 import type { Field, Filter, FilterValue } from '@panneau/protocol';
-import type { FilterEntry, ListColumn } from '../types';
+import type { FilterEntry, ListColumn } from '../types.js';
 /** Labels of filter values (relation ids), by filter id, for the chips. */
 export type FilterLabels = Readonly<Record<string, Readonly<Record<string, string>>>>;
 /** Remembers the labels of filter values, for the chips of active filters. */

package/dist/filters/controls.d.ts

@@ -1,4 +1,4 @@
-import type { FilterControlProps, FilterEntry } from '../types';
+import type { FilterControlProps, FilterEntry } from '../types.js';
 /** A text filter: the list changes once the user stops typing. */
 export declare function TextFilter({ label, value, onChange }: FilterControlProps): import("react").JSX.Element;
 /** A choice among the options, or several with `multiple`. */

package/dist/filters/format.d.ts

@@ -1,6 +1,6 @@
 import type { IntlShape } from 'react-intl';
 import type { Field, Filter, Option } from '@panneau/protocol';
-import type { ListColumn } from '../types';
+import type { ListColumn } from '../types.js';
 /** The label of a filter: its `label`, the label of its field, or its id. */
 export declare function getFilterLabel(filter: Filter, columns: readonly ListColumn[], fields: readonly Field[]): string;
 /** The field a filter filters, when a column or the list's fields have one with its id. */

package/dist/index.d.ts

@@ -1,20 +1,20 @@
-export { type ListActions, getActionHref, groupListActions, isAllowedOn } from './actions/actions';
-export { ConfirmDialog, type ConfirmDialogProps, type ConfirmPreview, } from './actions/ConfirmDialog';
-export { type ActionIcons, getActionIcon } from './actions/icons';
-export { BooleanDisplay, ColorDisplay, DateDisplay, DateTimeDisplay, DurationDisplay, EmailDisplay, EmbedDisplay, EmptyValue, JsonDisplay, LocationDisplay, MediaDisplay, NumberDisplay, RelationDisplay, RichTextDisplay, SelectDisplay, TagsDisplay, TelDisplay, TextDisplay, TimeDisplay, UrlDisplay, builtInDisplays, } from './displays/displays';
-export { DateFilter, DateRangeFilter, RelationFilter, SelectFilter, TextFilter, ToggleFilter, builtInFilters, } from './filters/controls';
-export { CardsLayout } from './layouts/CardsLayout';
-export { TableLayout } from './layouts/TableLayout';
-export { builtInLayouts } from './layouts/builtIn';
-export { ItemDetails, type ItemDetailsProps } from './ItemDetails';
-export { List, type ListProps } from './List';
-export { ListView, type ListViewProps } from './ListView';
-export { listsPlugin } from './plugin';
-export { type LocalQueryOptions, type LocalQueryResult, applyListQuery } from './query';
-export { countSelected, getPageSelection, isItemSelected } from './selection';
-export { Pagination, type PaginationProps } from './toolbar/Pagination';
-export { SearchField, type SearchFieldProps } from './toolbar/SearchField';
-export type { DisplayEntry, DisplayProps, FilterControlProps, FilterEntry, ListActionEvent, ListActionHandler, ListActionPreview, ListActionPreviewer, ListColumn, ListItem, ListLayoutEntry, ListLayoutProps, } from './types';
-export { useListState } from './useListState';
-export { getLocalizedValue, toText } from './values';
+export { type ListActions, getActionHref, groupListActions, isAllowedOn } from './actions/actions.js';
+export { ConfirmDialog, type ConfirmDialogProps, type ConfirmPreview, } from './actions/ConfirmDialog.js';
+export { type ActionIcons, getActionIcon } from './actions/icons.js';
+export { BooleanDisplay, ColorDisplay, DateDisplay, DateTimeDisplay, DurationDisplay, EmailDisplay, EmbedDisplay, EmptyValue, JsonDisplay, LocationDisplay, MediaDisplay, NumberDisplay, RelationDisplay, RichTextDisplay, SelectDisplay, TagsDisplay, TelDisplay, TextDisplay, TimeDisplay, UrlDisplay, builtInDisplays, } from './displays/displays.js';
+export { DateFilter, DateRangeFilter, RelationFilter, SelectFilter, TextFilter, ToggleFilter, builtInFilters, } from './filters/controls.js';
+export { CardsLayout } from './layouts/CardsLayout.js';
+export { TableLayout } from './layouts/TableLayout.js';
+export { builtInLayouts } from './layouts/builtIn.js';
+export { ItemDetails, type ItemDetailsProps } from './ItemDetails.js';
+export { List, type ListProps } from './List.js';
+export { ListView, type ListViewProps } from './ListView.js';
+export { listsPlugin } from './plugin.js';
+export { type LocalQueryOptions, type LocalQueryResult, applyListQuery } from './query.js';
+export { countSelected, getPageSelection, isItemSelected } from './selection.js';
+export { Pagination, type PaginationProps } from './toolbar/Pagination.js';
+export { SearchField, type SearchFieldProps } from './toolbar/SearchField.js';
+export type { DisplayEntry, DisplayProps, FilterControlProps, FilterEntry, ListActionEvent, ListActionHandler, ListActionPreview, ListActionPreviewer, ListColumn, ListItem, ListLayoutEntry, ListLayoutProps, } from './types.js';
+export { useListState } from './useListState.js';
+export { getLocalizedValue, toText } from './values.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/layouts/CardsLayout.d.ts

@@ -1,4 +1,4 @@
-import type { ListLayoutProps } from '../types';
+import type { ListLayoutProps } from '../types.js';
 /** Items as cards: the first column is the title, the others are listed under it. */
 export declare function CardsLayout({ items, columns, renderValue, getItemLabel, getItemHref, isCurrent, selectable, isSelected, onToggle, renderActions, label, pageSelection, }: ListLayoutProps): import("react").JSX.Element;
 //# sourceMappingURL=CardsLayout.d.ts.map

package/dist/layouts/TableLayout.d.ts

@@ -1,4 +1,4 @@
-import type { ListColumn, ListLayoutProps } from '../types';
+import type { ListColumn, ListLayoutProps } from '../types.js';
 /** The sort direction of a column, from the first `sort` value. */
 export declare function getSortDirection(sort: readonly string[], column: ListColumn): 'ascending' | 'descending' | null;
 /**

package/dist/layouts/builtIn.d.ts

@@ -1,4 +1,4 @@
-import type { ListLayoutEntry } from '../types';
+import type { ListLayoutEntry } from '../types.js';
 /** The built-in list layouts, by id. `gallery` and `calendar` come later. */
 export declare const builtInLayouts: Readonly<Record<string, ListLayoutEntry>> & {
     table: ListLayoutEntry;

package/dist/plugin.d.ts

@@ -1,4 +1,4 @@
-import type { DisplayEntry, ListLayoutEntry } from './types';
+import type { DisplayEntry, ListLayoutEntry } from './types.js';
 /**
  * The built-in displays and layouts as a `@panneau/core` plugin, with the French messages of every
  * Panneau package (from `@panneau/intl`). Lists use the built-in displays and layouts without it:

package/dist/query.d.ts

@@ -1,5 +1,5 @@
 import type { ListQuery } from '@panneau/protocol';
-import type { ListColumn, ListItem } from './types';
+import type { ListColumn, ListItem } from './types.js';
 export interface LocalQueryOptions {
     /** The columns: values of localized fields are compared in `locale`. */
     columns?: readonly ListColumn[];

package/dist/selection.d.ts

@@ -1,5 +1,5 @@
 import type { ListSelection } from '@panneau/core';
-import type { ListItem } from './types';
+import type { ListItem } from './types.js';
 /** Whether an item is selected. */
 export declare function isItemSelected(selection: ListSelection, id: string): boolean;
 /** How many items are selected, given the total of the list (or the count of items without it). */

package/dist/toolbar/SortSelect.d.ts

@@ -1,4 +1,4 @@
-import type { ListColumn } from '../types';
+import type { ListColumn } from '../types.js';
 export interface SortSelectProps {
     columns: readonly ListColumn[];
     sort: readonly string[];

package/dist/useRenderValue.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { DisplayEntry, ListColumn, ListItem } from './types';
+import type { DisplayEntry, ListColumn, ListItem } from './types.js';
 /**
  * Renders the value of a column for an item with its display: those given, over those of the
  * plugins, over the built-in ones. Columns without a known display show their value as text.

package/dist/values.d.ts

@@ -1,5 +1,5 @@
 import type { Field, Option } from '@panneau/protocol';
-import type { ListColumn, ListItem } from './types';
+import type { ListColumn, ListItem } from './types.js';
 /**
  * The value of a localized field in a locale: the locale (`fr-CA`), its language (`fr`), then the
  * first filled locale. Other values are returned as they are.

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/lists",
-    "version": "5.0.0-alpha.7",
+    "version": "5.0.0-alpha.8",
     "description": "Lists of Panneau: columns with displays, table and cards layouts, sorting, filters, search, pagination, selection and actions, driven by the list state of @panneau/core.",
     "type": "module",
     "license": "MIT",
@@ -24,9 +24,9 @@
         "dist"
     ],
     "scripts": {
-        "build": "vite build && tsc -p tsconfig.build.json",
+        "build": "vite build && node ../../scripts/declarations.js",
         "typecheck": "tsc --noEmit",
-        "api": "tsc -p tsconfig.build.json && node ../../scripts/api-report.js"
+        "api": "node ../../scripts/declarations.js && node ../../scripts/api-report.js"
     },
     "publishConfig": {
         "access": "public"
@@ -37,14 +37,14 @@
         "react-intl": "^12.0.0"
     },
     "dependencies": {
-        "@panneau/core": "5.0.0-alpha.7",
-        "@panneau/fields": "5.0.0-alpha.7",
-        "@panneau/intl": "5.0.0-alpha.7",
-        "@panneau/protocol": "5.0.0-alpha.7",
-        "@panneau/ui": "5.0.0-alpha.7",
+        "@panneau/core": "5.0.0-alpha.8",
+        "@panneau/fields": "5.0.0-alpha.8",
+        "@panneau/intl": "5.0.0-alpha.8",
+        "@panneau/protocol": "5.0.0-alpha.8",
+        "@panneau/ui": "5.0.0-alpha.8",
         "lucide-react": "^1.57.0"
     },
     "devDependencies": {
-        "@panneau/data": "5.0.0-alpha.7"
+        "@panneau/data": "5.0.0-alpha.8"
     }
 }