# Overview
URL: /docs/web/hooks

Reusable React hooks for common patterns.

Browse all available Docyrus UI hooks.

## Available Hooks

| Hook | Description |
|-----------|-------------|
| [useClickOutside](/docs/web/hooks/use-click-outside) | useClickOutside hook. |
| [useDateFormat](/docs/web/hooks/use-date-format) | Provider-agnostic date / datetime / time formatting context for Docyrus UI components. Wired automatically by DocyrusTenantProvider, but works with any date library. |
| [useNumberFormat](/docs/web/hooks/use-number-format) | Provider-agnostic number formatting context for Docyrus UI components. Mirror of useDateFormat — wired automatically by DocyrusTenantProvider, but works with any number formatting library. |
| [useUiTranslation](/docs/web/hooks/use-ui-translation) | useUiTranslation hook. |
| [useAdaptiveCard](/docs/web/hooks/use-adaptive-card) | Headless state, validation, visibility, and action dispatch for the Adaptive Cards 1.5 renderer. Drives the `AdaptiveCard` component and is exported so consumers can wire custom toolbars or server-side validation. |
| [useDataExport](/docs/web/hooks/use-data-export) | Project an in-memory array of rows through a column definition and trigger a browser download as CSV, JSON, Markdown, or XLSX. |
| [useDocyrusAdaptiveCardItemDetail](/docs/web/hooks/use-docyrus-adaptive-card-item-detail) | Generate an Adaptive Card JSON payload from a Docyrus field list + a single record — mapping Docyrus field types onto the Adaptive Cards element vocabulary — and render it with the shared AdaptiveCard renderer. |
| [useDocyrusAdaptiveCardItemList](/docs/web/hooks/use-docyrus-adaptive-card-item-list) | Generate an array of Adaptive Card JSON payloads from a Docyrus field list + many records, and render them as a responsive grid, a stacked list, or a single Carousel card with the shared AdaptiveCard renderer. |
| [useDocyrusAgentAttachments](/docs/web/hooks/use-docyrus-agent-attachments) | useDocyrusAgentAttachments hook. |
| [useDocyrusAgentInfo](/docs/web/hooks/use-docyrus-agent-info) | useDocyrusAgentInfo hook. |
| [useDocyrusAgentMemories](/docs/web/hooks/use-docyrus-agent-memories) | useDocyrusAgentMemories hook. |
| [useDocyrusAgentMemoryCandidates](/docs/web/hooks/use-docyrus-agent-memory-candidates) | useDocyrusAgentMemoryCandidates hook. |
| [useDocyrusAgentProjects](/docs/web/hooks/use-docyrus-agent-projects) | useDocyrusAgentProjects hook. |
| [useDocyrusAgentThreads](/docs/web/hooks/use-docyrus-agent-threads) | useDocyrusAgentThreads hook. |
| [useDocyrusCalendar](/docs/web/hooks/use-docyrus-calendar) | Wire a Docyrus data source to a fully configured calendar with auto-detected date / title / user fields, view-aware date-range fetching, color mapping, and drag-and-drop persistence. |
| [useDocyrusContactActivity](/docs/web/hooks/use-docyrus-contact-activity) | Merge a Docyrus record's audit log, threaded comments, related events, tasks, and status updates into one timeline for ``, plus comment and status mutations. |
| [useDocyrusContactChannels](/docs/web/hooks/use-docyrus-contact-channels) | useDocyrusContactChannels hook. |
| [useDocyrusDataExport](/docs/web/hooks/use-docyrus-data-export) | Server-side export for Docyrus data sources — POSTs a query payload to the export edge function and streams the result file straight to the browser. |
| [useDocyrusDataGallery](/docs/web/hooks/use-docyrus-data-gallery) | One-call wiring of a Docyrus data source to a fully configured DataGallery + toolbar (DataGridViewSelect, search, filters, sort, group, gallery display menu, card config menu) — including row fetching, saved views, pivot filters, and automatic card field detection. |
| [useDocyrusDataGrid](/docs/web/hooks/use-docyrus-data-grid) | One-call wiring of a Docyrus data source to a fully configured DataGrid + toolbar (DataGridViewSelect, search, filters, group, sort, row height, display) — including row fetching with view-derived query parameters. |
| [useDocyrusDataImportWizard](/docs/web/hooks/use-docyrus-data-import-wizard) | One-call wiring of a Docyrus data source to the DataImportWizard — handles upload, analyse, mapping, preview, and import in a single guided flow. |
| [useDocyrusDataSourceJsonSchema](/docs/web/hooks/use-docyrus-data-source-json-schema) | Generate a JSON Schema (object schema, properties keyed by field slug) from a Docyrus data source field list. |
| [useDocyrusDataTable](/docs/web/hooks/use-docyrus-data-table) | One-call wiring of a Docyrus data source to a fully configured DataTable + toolbar (DataGridViewSelect, search, filters, group, sort) — including row fetching with view-derived query parameters and an optional side-panel filter rail. |
| [useDocyrusDataViewSelect](/docs/web/hooks/use-docyrus-data-view-select) | Fetch data source fields and saved views from Docyrus and wire them into DataGridViewSelect with a single hook. |
| [useDocyrusDummyDataGeneratorWizard](/docs/web/hooks/use-docyrus-dummy-data-generator-wizard) | One-call wiring of a Docyrus data source to the DummyDataGenerator — handles field-aware strategies, deterministic generation, preview, and batch insert in a single guided flow. |
| [useDocyrusEmailComposer](/docs/web/hooks/use-docyrus-email-composer) | Wire an `` to the Docyrus messaging API — loads sender accounts, lets the user pick a From address, and ships emails through `/v1/messaging/email/accounts/{id}/send`. |
| [useDocyrusFieldComponent](/docs/web/hooks/use-docyrus-field-component) | Resolve the right UI component (form input, value renderer, data-grid cell, editable value, or TanStack column def builder) for any Docyrus data source field type. |
| [useDocyrusFormView](/docs/web/hooks/use-docyrus-form-view) | One-call wiring of a Docyrus data source item to create, edit, and read-only layouts with shared field-component mapping, item loading, option hydration, and submit handling. |
| [useDocyrusInstantMessageComposer](/docs/web/hooks/use-docyrus-instant-message-composer) | useDocyrusInstantMessageComposer hook. |
| [useDocyrusInventory](/docs/web/hooks/use-docyrus-inventory) | Shared app-utils inventory cache for Docyrus metadata (apps, data sources with fields/enums/views/forms, users, brands, preferences) plus a post-sign-in load() warm-up hook that drives an application loading dialog. |
| [useDocyrusKanban](/docs/web/hooks/use-docyrus-kanban) | One-call wiring of a Docyrus data source to a fully configured Kanban board with select/status/radio-group, user, and date columns, drag-to-update persistence, final-zone integration, and a standard Docyrus card layout. |
| [useDocyrusLogActivity](/docs/web/hooks/use-docyrus-log-activity) | useDocyrusLogActivity hook. |
| [useDocyrusMapView](/docs/web/hooks/use-docyrus-map-view) | Build Docyrus-backed map pages from a locationSelect field with saved views, marker models, and ready-to-render Leaflet or Google Maps canvases. |
| [useDocyrusPivotCalendar](/docs/web/hooks/use-docyrus-pivot-calendar) | Wires the PivotCalendar component to a Docyrus data source using the items endpoint's pivot parameter for server-side aggregation. |
| [useDocyrusPivotFilter](/docs/web/hooks/use-docyrus-pivot-filter) | Wire a Docyrus data source to a `<PivotFilter>` strip — auto-detects the field type, runs a pivot/aggregate query, transforms results into pill items, and emits filter rules ready to merge into a grid query. |
| [useDocyrusPivotGrid](/docs/web/hooks/use-docyrus-pivot-grid) | Wires the PivotGrid component to a Docyrus data source with optional server-side aggregation via pivot.matrix + calculations. |
| [useDocyrusTenant](/docs/web/hooks/use-docyrus-tenant) | Single-line tenant integration that fetches tenant preferences, builds dateUtils + numberUtils, and wires DateFormatProvider + NumberFormatProvider so every UI component (data grids, calendars, filters, value renderers) picks up the tenant's configured date/time/number formats automatically. |
| [useDynamicFormView](/docs/web/hooks/use-dynamic-form-view) | Backend-agnostic dynamic form renderer — the sibling of useDocyrusFormView with no Docyrus wiring. Supply fields, values, options, and an onSubmit sink to render create/edit/view forms against any backend. |
| [useLocalDataSourceDataGrid](/docs/web/hooks/use-local-data-source-data-grid) | Wire a LocalDataSource object into the Docyrus DataGrid hook stack, including toolbar search, filters, sorting, grouping, saved views, and local CRUD. |
| [useLocalDataSource](/docs/web/hooks/use-local-data-source) | Create an in-memory Docyrus-compatible data source from a JSON array, with local CRUD and Docyrus-style query parameters. |
| [useParameterPersistence](/docs/web/hooks/use-parameter-persistence) | useParameterPersistence hook. |
| [useSpeechRecognition](/docs/web/hooks/use-speech-recognition) | useSpeechRecognition hook. |