@protobase/ui 0.54.4 → 0.54.6

package/dist/chat/chat-thread.js

@@ -1,25 +1,11 @@
 import { cn } from "../lib/cn.js";
 import { Button } from "../primitives/button.js";
 import { text } from "./messages.js";
-import { isAtEnd, scrollAfterChange } from "./thread-scroll.js";
+import { scrollAfterChange } from "./thread-scroll.js";
+import { readPlace } from "./read-place.js";
 import { useEffect, useLayoutEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/chat/chat-thread.tsx
-/** The message the reader is reading: the first whose bottom shows. */
-const readPlace = (box, list, followKey) => {
-	const top = box.getBoundingClientRect().top;
-	const element = [...list.children].find((child) => child.getBoundingClientRect().bottom > top);
-	const anchor = element && { anchor: {
-		element,
-		top: element.getBoundingClientRect().top - top
-	} };
-	return {
-		atEnd: isAtEnd(box),
-		first: list.firstElementChild ?? void 0,
-		followKey,
-		...anchor
-	};
-};
 /**
 * The scrolling list of a chat's messages. A reader at the end follows new messages; one who scrolled back stays where
 * they are until `followKey` changes, and earlier messages loaded above keep them on the message they were reading. It

package/dist/chat/read-place.js

@@ -0,0 +1,22 @@
+import { isAtEnd } from "./thread-scroll.js";
+//#region src/chat/read-place.ts
+/**
+* The message the reader is reading: the first whose bottom shows, or the first below the top when none shows. Never a
+* divider, since a day divider moves to the new first message when earlier ones of the same day load above it.
+*/
+const readPlace = (box, list, followKey) => {
+	const top = box.getBoundingClientRect().top;
+	const element = Array.from(list.children).find((child) => !child.hasAttribute("data-chat-divider") && child.getBoundingClientRect().bottom > top);
+	const anchor = element && { anchor: {
+		element,
+		top: element.getBoundingClientRect().top - top
+	} };
+	return {
+		atEnd: isAtEnd(box),
+		first: list.firstElementChild ?? void 0,
+		followKey,
+		...anchor
+	};
+};
+//#endregion
+export { readPlace };

package/dist/data/query-keys.js

@@ -114,6 +114,13 @@ const keys = {
 		resource,
 		id
 	],
+	/** The fields a record pointed at is read with for its view to derive its title. */
+	titleRow: (resource, id, fields) => [
+		"title-row",
+		resource,
+		id,
+		fields
+	],
 	labels: (resource, ids) => [
 		"labels",
 		resource,

package/dist/index.d.ts

@@ -2,6 +2,7 @@ import { LogoMark, ShellLogoProps } from "./app-shell/logo.js";
 import { FieldWidget, FieldWidgetEditorProps, FieldWidgetProps } from "./app/field-types/field-widget.js";
 import { BoardDrop, BoardDropContext, BoardDropUndo, BoardDropWrite } from "./app/displays/board-drop.js";
 import { Drop, DropRule } from "./app/hand-order/drop-rule.js";
+import { TitleReader, TitleRule } from "./app/titles/title-rule.js";
 import { ActionContext, ActionHandler, BeforeSignInProps, ProjectUi, definePlugin, defineUi } from "./app/pages/project-ui.js";
 import { PluginInfo, usePlugin } from "./plugins/plugin-context.js";
 import { App, AppProps } from "./app/app.js";
@@ -80,4 +81,4 @@ import { Section } from "./record-view/section.js";
 import { Form, FormProps } from "./app/create/form.js";
 import { RecordPicker, RecordPickerProps } from "./app/record-picker.js";
 import { Spinner } from "./primitives/spinner.js";
-export { ActionCard, type ActionCardProps, type ActionContext, type ActionHandler, ActionInputError, type ActionInputProps, ApiProvider, type ApiProviderProps, App, AppLink, type AppProps, AssistantDock, type AssistantDockProps, AuthLayout, type AuthLayoutProps, type BackendData, type BackendRefresh, type BeforeSignInProps, type BoardDrop, type BoardDropContext, type BoardDropUndo, type BoardDropWrite, Button, type ButtonProps, type CardAction, type CardTone, Carousel, type CarouselImage, type CarouselProps, type ChatAuthor, ChatDivider, type ChatDividerProps, ChatMessage, type ChatMessageProps, ChatThread, type ChatThreadProps, type ChoiceOption, Choices, type ChoicesProps, CodeForm, type CodeFormProps, CompactTable, type CompactTableProps, Composer, type ComposerProps, type CurrentAddress, Dialog, type DialogProps, type DiffLine, DiffView, type DiffViewProps, type Drop, type DropRule, Field, FieldList, type FieldProps, type FieldWidget, type FieldWidgetEditorProps, type FieldWidgetProps, Form, type FormProps, Input, type InputProps, type LayoutRecord, type ListAddress, type ListChange, type ListDisplay, type ListDisplayRow, LogoMark, Markdown, type MarkdownContentProps as MarkdownProps, type MembersResult, MentionBox, type MentionBoxProps, type MentionDraft, MentionedText, MenuSelect, type MenuSelectProps, type MetaData, OtpInput, type OtpInputProps, PartView, type PeopleSearch, type PickedUser, type PluginInfo, type ProjectUi, type PushState, type RecordCardProps, RecordLink, RecordPicker, type RecordPickerProps, ResendCodeButton, type ResendCodeButtonProps, ResponsiveDialog, type ResponsiveDialogProps, Section, Segmented, type SegmentedOption, type SegmentedProps, type ShellLogoProps, SidePanel, type SidePanelProps, SignInPrompt, type SignInPromptProps, Spinner, type Step, StepList, type StepState, Textarea, type TextareaProps, allowDelayMs, buttonClass, chatDayLabel, definePlugin, defineUi, diffStats, emptyDraft, isConflict, isFramed, mentionedIds, mergeUi, parseDiff, pluginApi, protobaseVersion, sameChatDay, uiFromModule, useApiToken, useAppAddress, useArmedAfterFocus, useAssistant, useAssistantClient, useBackendData, useClient, useFacets, useFieldControl, useGuardedPress, useHistogram, useInbox, useLayoutRecord, useList, useListDisplay, useMarkNotificationsRead, useMembers, useMeta, usePlugin, usePushNotifications, useRecord, useResourceClient, useSeries, useUnreadNotifications, useUpdateRecord };
+export { ActionCard, type ActionCardProps, type ActionContext, type ActionHandler, ActionInputError, type ActionInputProps, ApiProvider, type ApiProviderProps, App, AppLink, type AppProps, AssistantDock, type AssistantDockProps, AuthLayout, type AuthLayoutProps, type BackendData, type BackendRefresh, type BeforeSignInProps, type BoardDrop, type BoardDropContext, type BoardDropUndo, type BoardDropWrite, Button, type ButtonProps, type CardAction, type CardTone, Carousel, type CarouselImage, type CarouselProps, type ChatAuthor, ChatDivider, type ChatDividerProps, ChatMessage, type ChatMessageProps, ChatThread, type ChatThreadProps, type ChoiceOption, Choices, type ChoicesProps, CodeForm, type CodeFormProps, CompactTable, type CompactTableProps, Composer, type ComposerProps, type CurrentAddress, Dialog, type DialogProps, type DiffLine, DiffView, type DiffViewProps, type Drop, type DropRule, Field, FieldList, type FieldProps, type FieldWidget, type FieldWidgetEditorProps, type FieldWidgetProps, Form, type FormProps, Input, type InputProps, type LayoutRecord, type ListAddress, type ListChange, type ListDisplay, type ListDisplayRow, LogoMark, Markdown, type MarkdownContentProps as MarkdownProps, type MembersResult, MentionBox, type MentionBoxProps, type MentionDraft, MentionedText, MenuSelect, type MenuSelectProps, type MetaData, OtpInput, type OtpInputProps, PartView, type PeopleSearch, type PickedUser, type PluginInfo, type ProjectUi, type PushState, type RecordCardProps, RecordLink, RecordPicker, type RecordPickerProps, ResendCodeButton, type ResendCodeButtonProps, ResponsiveDialog, type ResponsiveDialogProps, Section, Segmented, type SegmentedOption, type SegmentedProps, type ShellLogoProps, SidePanel, type SidePanelProps, SignInPrompt, type SignInPromptProps, Spinner, type Step, StepList, type StepState, Textarea, type TextareaProps, type TitleReader, type TitleRule, allowDelayMs, buttonClass, chatDayLabel, definePlugin, defineUi, diffStats, emptyDraft, isConflict, isFramed, mentionedIds, mergeUi, parseDiff, pluginApi, protobaseVersion, sameChatDay, uiFromModule, useApiToken, useAppAddress, useArmedAfterFocus, useAssistant, useAssistantClient, useBackendData, useClient, useFacets, useFieldControl, useGuardedPress, useHistogram, useInbox, useLayoutRecord, useList, useListDisplay, useMarkNotificationsRead, useMembers, useMeta, usePlugin, usePushNotifications, useRecord, useResourceClient, useSeries, useUnreadNotifications, useUpdateRecord };

package/dist/index.js

@@ -18,6 +18,7 @@ import { Markdown } from "./markdown/markdown.js";
 import { ActionInputError } from "./app/pages/action-inputs/input-errors.js";
 import { useLayoutRecord } from "./app/pages/record-scope.js";
 import { useFacets, useHistogram, useSeries } from "./data/use-aggregates.js";
+import { useMembers } from "./people/use-members.js";
 import { LogoMark } from "./app-shell/logo.js";
 import { SignInPrompt } from "./auth/sign-in-prompt.js";
 import { useListDisplay } from "./app/displays/display-context.js";
@@ -58,7 +59,6 @@ import { useInbox, useMarkNotificationsRead, useUnreadNotifications } from "./no
 import { isConflict, useUpdateRecord } from "./data/use-update-record.js";
 import { App } from "./app/app.js";
 import { RecordLink } from "./app/displays/record-link.js";
-import { useMembers } from "./people/use-members.js";
 import { Carousel } from "./carousel/carousel.js";
 import { Choices } from "./primitives/choices.js";
 import { RecordPicker } from "./app/record-picker.js";

package/dist/package.js

@@ -1,5 +1,5 @@
 //#region package.json
-var version = "0.54.4";
+var version = "0.54.6";
 var protobase = { "pluginApi": 1 };
 //#endregion
 export { protobase, version };

package/dist/plugins/plugin-ui.js

@@ -42,6 +42,7 @@ const pluginUi = (plugin, module) => {
 		...ui.actions && { actions: ui.actions },
 		...ui.dropRules && { dropRules: ui.dropRules },
 		...ui.boardDrops && { boardDrops: ui.boardDrops },
+		...ui.titles && { titles: ui.titles },
 		...fields && { fields },
 		...shell && { shell },
 		...beforeSignIn && { beforeSignIn }