@declarion/react 0.1.79 → 0.1.81

package/dist-lib/components/fields/EmailField.d.ts

@@ -1,2 +1,2 @@
 import type { FieldRendererProps } from "./index";
-export declare function EmailField({ value, onChange }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;
+export declare function EmailField({ field, fieldName, value, onChange, fieldId }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/fields/EnumField.d.ts

@@ -1,2 +1,2 @@
 import type { FieldRendererProps } from "./index";
-export declare function EnumField({ field, value, mode, onChange }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;
+export declare function EnumField({ field, value, mode, onChange, fieldId, labelId }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/fields/IntArrayField.d.ts

@@ -1,2 +1,2 @@
 import type { FieldRendererProps } from "./index";
-export declare function IntArrayField({ value, mode, onChange }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;
+export declare function IntArrayField({ field, fieldName, value, mode, onChange, fieldId }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/fields/JsonEditor.d.ts

@@ -4,6 +4,7 @@ interface JsonEditorProps {
     onChange?: (value: unknown) => void;
     readOnly?: boolean;
     schema?: Record<string, unknown>;
+    id?: string;
 }
-export declare function JsonEditor({ value, onChange, readOnly }: JsonEditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function JsonEditor({ value, onChange, readOnly, id }: JsonEditorProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist-lib/components/fields/JsonField.d.ts

@@ -1,2 +1,2 @@
 import type { FieldRendererProps } from "./index";
-export declare function JsonField({ value, mode, onChange }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;
+export declare function JsonField({ value, mode, onChange, fieldId }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/fields/MultilangField.d.ts

@@ -1,2 +1,2 @@
 import type { FieldRendererProps } from "./index";
-export declare function MultilangField({ value, mode, onChange }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;
+export declare function MultilangField({ field, fieldName, value, mode, onChange, fieldId }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/fields/MultilangTextField.d.ts

@@ -1,2 +1,2 @@
 import type { FieldRendererProps } from "./index";
-export declare function MultilangTextField({ value, mode, onChange }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;
+export declare function MultilangTextField({ field, fieldName, value, mode, onChange, fieldId }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/fields/NumberField.d.ts

@@ -1,2 +1,2 @@
 import type { FieldRendererProps } from "./index";
-export declare function NumberField({ field, fieldName, value, mode, onChange, record }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;
+export declare function NumberField({ field, fieldName, value, mode, onChange, record, fieldId }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/fields/PasswordField.d.ts

@@ -1,2 +1,2 @@
 import type { FieldRendererProps } from "./index";
-export declare function PasswordField({ value, mode, onChange, record }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;
+export declare function PasswordField({ field, fieldName, value, mode, onChange, record, fieldId }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/fields/PhoneField.d.ts

@@ -1,2 +1,2 @@
 import type { FieldRendererProps } from "./index";
-export declare function PhoneField({ value, onChange }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;
+export declare function PhoneField({ field, fieldName, value, onChange, fieldId }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/fields/RefField.d.ts

@@ -1,2 +1,2 @@
 import type { FieldRendererProps } from "./index";
-export declare function RefField({ field, value, mode, onChange, refs }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;
+export declare function RefField({ field, value, mode, onChange, refs, fieldId, labelId }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/fields/SecretField.d.ts

@@ -1,2 +1,2 @@
 import type { FieldRendererProps } from "./index";
-export declare function SecretField({ value, mode, onChange, record }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;
+export declare function SecretField({ field, fieldName, value, mode, onChange, record, fieldId }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/fields/StringArrayField.d.ts

@@ -1,2 +1,2 @@
 import type { FieldRendererProps } from "./index";
-export declare function StringArrayField({ value, mode, onChange }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;
+export declare function StringArrayField({ field, fieldName, value, mode, onChange, fieldId }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/fields/StringField.d.ts

@@ -1,2 +1,2 @@
 import type { FieldRendererProps } from "./index";
-export declare function StringField({ field, value, mode, onChange }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;
+export declare function StringField({ field, fieldName, value, mode, onChange, fieldId }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/fields/TextField.d.ts

@@ -1,2 +1,2 @@
 import type { FieldRendererProps } from "./index";
-export declare function TextField({ field, value, mode, onChange, fill, compact }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;
+export declare function TextField({ field, fieldName, value, mode, onChange, fill, compact, fieldId }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/fields/TimestampField.d.ts

@@ -1,2 +1,2 @@
 import type { FieldRendererProps } from "./index";
-export declare function TimestampField({ field, value, mode, onChange }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;
+export declare function TimestampField({ field, fieldName, value, mode, onChange, fieldId }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/fields/UrlField.d.ts

@@ -1,2 +1,2 @@
 import type { FieldRendererProps } from "./index";
-export declare function UrlField({ value, onChange }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;
+export declare function UrlField({ field, fieldName, value, onChange, fieldId }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/fields/cells/factories/markdownToPlainText.d.ts

@@ -1,16 +1,9 @@
+export interface MarkdownPreview {
+    text: string;
+    isPlain: boolean;
+}
 /**
- * Convert markdown source to a single-line plain-text preview. Whitespace is
- * collapsed; block boundaries (paragraphs, list items, table cells) become
- * single spaces. No length cap — server-side `list_preview` already bounds
- * the wire payload, and the calling cell's CSS ellipsis bounds the visual.
+ * Convert markdown source to a single-line plain-text preview plus an
+ * `isPlain` signal. One synchronous pass, no parser.
  */
-export declare function markdownToPlainText(src: string): string;
-/**
- * Returns true when the parsed AST contains ONLY plain types
- * (root / paragraph / text / break). In that case the popover would show a
- * format that is visually equivalent to the in-cell span, so callers should
- * skip the HoverCard and use a native title tooltip alone — no popover
- * noise on prose that just happens to contain parens, asterisks-as-stars,
- * or other characters that look markdown-ish but parse as text.
- */
-export declare function looksLikePlainText(src: string): boolean;
+export declare function markdownPreview(src: string): MarkdownPreview;

package/dist-lib/components/fields/index.d.ts

@@ -8,6 +8,8 @@ export interface FieldRendererProps {
     value: unknown;
     mode: "display" | "edit";
     onChange?: (value: unknown) => void;
+    fieldId?: string;
+    labelId?: string;
     record?: Record<string, unknown>;
     refs?: RefsMap;
     fill?: boolean;

package/dist-lib/components/file-widgets/GridLazy.d.ts

@@ -0,0 +1,2 @@
+import type { FileWidgetProps } from "./types";
+export declare function GridLazy(props: FileWidgetProps): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/file-widgets/host.d.ts

@@ -21,4 +21,6 @@ export declare function renderSchemaField(props: {
     screens?: Record<string, Screen>;
     navigate?: (href: string) => void;
     locale: string;
+    fieldId?: string;
+    labelId?: string;
 }): ReactNode;

package/dist-lib/components/file-widgets/index.d.ts

@@ -1,7 +1,7 @@
 export { SquareImage } from "./SquareImage";
 export { CircleImage } from "./CircleImage";
 export { WideBanner } from "./WideBanner";
-export { Grid } from "./Grid";
+export { GridLazy as Grid } from "./GridLazy";
 export { DocumentCard } from "./DocumentCard";
 export { FileList } from "./FileList";
 export { LabeledSlots } from "./LabeledSlots";

package/dist-lib/components/file-widgets/types.d.ts

@@ -11,5 +11,6 @@ export interface FileWidgetProps {
     alt?: string;
     uploadFieldCode?: string;
     uploadSlotCode?: string;
+    fieldId?: string;
 }
 export type FileWidget = React.ComponentType<FileWidgetProps>;

package/dist-lib/components/pages/list/DataCell.d.ts

@@ -0,0 +1,7 @@
+import type { Cell } from "@tanstack/react-table";
+type RowData = Record<string, unknown>;
+export declare function DataCell({ cell, isRowSelected, }: {
+    cell: Cell<RowData, unknown>;
+    isRowSelected: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist-lib/components/pages/list/ListBulkBar.d.ts

@@ -0,0 +1,27 @@
+import { type ResolvedActionLayoutNode } from "../../../lib/actions";
+import { type WidgetContext } from "../../../components/shared/ResponsiveActionBar";
+import type { Action } from "../../../types/schema";
+export interface ListBulkBarProps {
+    selectedIds: string[];
+    /** Actions whose visibility includes `list_floatbar` - the bulk pill slot.
+     *  Reason: the parent owns slot filtering via `getScreenActions(...)`;
+     *  passing `toolbarActions` (list_toolbar slice) here silently dropped
+     *  __delete (which is list_floatbar/list_row/detail, NOT list_toolbar)
+     *  and rendered an empty pill. */
+    floatbarActions: {
+        code: string;
+        action: Action;
+    }[];
+    /** Server-emitted action_layout from screen (highest precedence per plan §3.9). */
+    screenActionLayout?: ResolvedActionLayoutNode[];
+    /** Server-emitted action_layout from entity. Used when screen has none. */
+    entityActionLayout?: ResolvedActionLayoutNode[];
+    data: Record<string, unknown>[];
+    rowKey: (row: Record<string, unknown>) => string;
+    entityCode?: string;
+    onClear: () => void;
+    onActionSuccess: () => void;
+    /** Dispatch surface threaded into ResponsiveActionBar (plan §8 Task 10). */
+    widgetContext: WidgetContext;
+}
+export declare function ListBulkBar({ selectedIds, floatbarActions, screenActionLayout, entityActionLayout, data, rowKey, entityCode, onClear, onActionSuccess, widgetContext, }: ListBulkBarProps): import("react/jsx-runtime").JSX.Element | null;

package/dist-lib/components/pages/list/ListHeader.d.ts

@@ -0,0 +1,23 @@
+import { type ResolvedActionLayoutNode } from "../../../lib/actions";
+import { type WidgetContext } from "../../../components/shared/ResponsiveActionBar";
+import type { Action } from "../../../types/schema";
+export interface ListHeaderProps {
+    title: string;
+    total: number | undefined;
+    loaded: number;
+    toolbarActions: {
+        code: string;
+        action: Action;
+    }[];
+    /** Server-emitted action_layout from screen (highest precedence per plan §3.9). */
+    screenActionLayout?: ResolvedActionLayoutNode[];
+    /** Server-emitted action_layout from entity. Used when screen has none. */
+    entityActionLayout?: ResolvedActionLayoutNode[];
+    selectedIds: string[];
+    data: Record<string, unknown>[];
+    rowKey: (row: Record<string, unknown>) => string;
+    onActionSuccess: () => void;
+    /** Dispatch surface threaded into ResponsiveActionBar (plan §8 Task 10). */
+    widgetContext: WidgetContext;
+}
+export declare function ListHeader({ title, total, loaded, toolbarActions, screenActionLayout, entityActionLayout, selectedIds, data, rowKey, onActionSuccess, widgetContext, }: ListHeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/pages/list/RowActionsCell.d.ts

@@ -0,0 +1,38 @@
+import type { Action, Entity, Screen } from "../../../types/schema";
+export interface RowActionsCellProps {
+    row: Record<string, unknown>;
+    rowId: string;
+    /** detail_screen for row-click navigation. The component reads
+     *  screen.action_layout via cast to ResolvedActionLayoutNode[] (server emits
+     *  the resolved wire shape per plan §8 even though the raw Screen TS type
+     *  declares ActionLayoutNode[] for authoring). */
+    screen: {
+        detail_screen?: string;
+    };
+    /** Full Screen object used to build the row-scoped WidgetContext that the
+     *  ResponsiveActionBar dispatcher passes to href/widget action modes. */
+    fullScreen: Screen;
+    entity: Entity;
+    entityCode?: string;
+    /** Gate flags that determine whether the kebab column renders at all.
+     *  After the unified-toolbar Phase 1 cleanup the kebab's Edit/Delete
+     *  affordances come from the __edit / __delete platform-default actions
+     *  (injected server-side at load), so these flags now only control
+     *  column visibility - the legacy trailing-item content they once
+     *  feed has been removed. */
+    hasDefaultEditAction: boolean;
+    hasDefaultDeleteAction: boolean;
+    rowActions: {
+        code: string;
+        action: Action;
+    }[];
+    tabNavigate: (href: string, opts?: {
+        title?: string;
+        icon?: string;
+        search?: string;
+    }) => void;
+    onPeek?: () => void;
+    /** Active UI locale, forwarded into the row-scoped WidgetContext. */
+    locale: string;
+}
+export declare function RowActionsCell({ row, rowId, screen, fullScreen, entity, entityCode, hasDefaultEditAction, hasDefaultDeleteAction, rowActions, tabNavigate, onPeek, locale, }: RowActionsCellProps): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/pages/list/SaveViewDialog.d.ts

@@ -0,0 +1,6 @@
+export declare function SaveViewDialog({ open, pending, onClose, onSave, }: {
+    open: boolean;
+    pending: boolean;
+    onClose: () => void;
+    onSave: (name: string) => Promise<void>;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist-lib/components/pages/list/columns.d.ts

@@ -0,0 +1,42 @@
+import { type RefObject } from "react";
+import type { ColumnDef } from "@tanstack/react-table";
+import { type RefsMap } from "../../../components/fields/cells/registry";
+import type { Action, Entity, Screen } from "../../../types/schema";
+type RowData = Record<string, unknown>;
+type SchemaMaps = {
+    entities?: Record<string, Entity>;
+    screens?: Record<string, Screen>;
+};
+export interface BuildListColumnsArgs {
+    /** Visible column keys from URL state (not the full screen.columns pool). */
+    visibleCols: string[];
+    entity: Entity | undefined;
+    screen: Screen | undefined;
+    schema: SchemaMaps | undefined;
+    entityCode: string | undefined;
+    /** list_row-slot actions resolved by getScreenActions. */
+    rowActions: {
+        code: string;
+        action: Action;
+    }[];
+    hasBatchActions: boolean;
+    /** True when the screen explicitly binds row_actions (controls full menu). */
+    hasExplicitRowActions: boolean;
+    canUpdate: boolean;
+    canDelete: boolean;
+    peekEnabled: boolean;
+    userLocale: string;
+    tabNavigate: (href: string, opts?: {
+        title?: string;
+        icon?: string;
+        search?: string;
+    }) => void;
+    /** Latest $refs payload, read through a ref so column identity is stable
+     *  across data fetches (see SmartListPageInner refsRef comment). */
+    refsRef: RefObject<RefsMap | undefined>;
+    /** Row-selection key, used as the stable rowId for per-row action dispatch. */
+    rowSelectionKey: (entity: Entity, row: RowData) => string;
+    setPeekRow: (row: RowData) => void;
+}
+export declare function buildListColumns(args: BuildListColumnsArgs): ColumnDef<RowData>[];
+export {};

package/dist-lib/components/pages/list/filter-meta.d.ts

@@ -0,0 +1,9 @@
+import type { Entity } from "../../../types/schema";
+import type { FilterFieldMeta } from "../../../components/filters/FilterDrawer";
+import type { FilterOp } from "../../../lib/filters";
+/** Build FilterFieldMeta array from screen + entity for the FilterDrawer. */
+export declare function buildFilterFieldMeta(screen: {
+    filters?: string[];
+} | undefined, entity: Pick<Entity, "fields" | "status_groups" | "properties"> | undefined, entities?: Record<string, Entity>): FilterFieldMeta[];
+/** Map field type to available filter operators. */
+export declare function fieldTypeToOperators(type: string): FilterOp[];

package/dist-lib/components/primitives/BoolToggle.d.ts

@@ -1,5 +1,7 @@
 export type BoolToggleProps = {
     value?: boolean;
     onChange?: (v: boolean) => void;
+    id?: string;
+    ariaLabelledby?: string;
 };
-export declare function BoolToggle({ value, onChange }: BoolToggleProps): import("react/jsx-runtime").JSX.Element;
+export declare function BoolToggle({ value, onChange, id, ariaLabelledby }: BoolToggleProps): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/primitives/Fields.d.ts

@@ -19,8 +19,11 @@ export type TextAreaProps = {
     placeholder?: string;
     rows?: number;
     fill?: boolean;
+    id?: string;
+    name?: string;
+    ariaRequired?: boolean;
 };
-export declare function TextArea({ value, onChange, placeholder, rows, fill }: TextAreaProps): import("react/jsx-runtime").JSX.Element;
+export declare function TextArea({ value, onChange, placeholder, rows, fill, id, name, ariaRequired }: TextAreaProps): import("react/jsx-runtime").JSX.Element;
 export type SelectOption = {
     value: string;
     label: ReactNode;
@@ -42,8 +45,11 @@ export type PasswordInputProps = {
     onChange?: (v: string) => void;
     placeholder?: string;
     showStrength?: boolean;
+    id?: string;
+    name?: string;
+    ariaRequired?: boolean;
 };
-export declare function PasswordInput({ value, onChange, placeholder, showStrength, }: PasswordInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function PasswordInput({ value, onChange, placeholder, showStrength, id, name, ariaRequired, }: PasswordInputProps): import("react/jsx-runtime").JSX.Element;
 export type TagsInputProps = {
     value?: string[];
     onChange: (v: string[]) => void;
@@ -63,8 +69,11 @@ export type RefFieldProps = {
     entity?: string;
     onChange?: (v: string) => void;
     items?: RefFieldItem[];
+    id?: string;
+    ariaLabelledby?: string;
+    ariaRequired?: boolean;
 };
-export declare function RefField({ value, entity, onChange, items }: RefFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function RefField({ value, entity, onChange, items, id, ariaLabelledby, ariaRequired }: RefFieldProps): import("react/jsx-runtime").JSX.Element;
 export type ViewFieldProps = {
     label: ReactNode;
     children?: ReactNode;

package/dist-lib/components/shared/Markdown.d.ts

@@ -0,0 +1,3 @@
+import type { MarkdownRendererProps } from "./MarkdownRenderer";
+export declare function Markdown(props: MarkdownRendererProps): import("react/jsx-runtime").JSX.Element;
+export type { MarkdownRendererProps } from "./MarkdownRenderer";

package/dist-lib/components/shared/MarkdownRenderer.d.ts

@@ -0,0 +1,11 @@
+import { type Components } from "react-markdown";
+import type { HydratedFile } from "../../types/files";
+export interface MarkdownRendererProps {
+    content: string;
+    plugins?: "breaks" | "gfm";
+    files?: Record<string, HydratedFile>;
+    components?: Components;
+    skipHtml?: boolean;
+    prose?: boolean;
+}
+export declare function MarkdownRenderer({ content, plugins, files, components, skipHtml, prose, }: MarkdownRendererProps): import("react/jsx-runtime").JSX.Element;