@blueprint-ts/core 4.1.0-beta.1 → 4.1.0-beta.3

package/CHANGELOG.md

@@ -1,213 +0,0 @@
-## 4.1.0-beta.1 - 2026-03-21 (beta)
-
-# [4.1.0-beta.1](/compare/v4.0.0...v4.1.0-beta.1) (2026-03-21)
-
-
-### Bug Fixes
-
-* **requests:** export HeaderValue type 15e55c1
-
-
-### Features
-
-* **requests:** add XMLHttpRequest upload progress support 19123df
-## v4.0.0 - 2026-03-01
-
-# [4.0.0](/compare/v4.0.0-beta.10...v4.0.0) (2026-03-01)
-## v4.0.0-beta.10 - 2026-02-28 (beta)
-
-# [4.0.0-beta.10](/compare/v4.0.0-beta.9...v4.0.0-beta.10) (2026-02-28)
-
-
-### Features
-
-* **pagination:** support local row removal without reload 3a66689
-## v4.0.0-beta.9 - 2026-02-28 (beta)
-
-# [4.0.0-beta.9](/compare/v4.0.0-beta.8...v4.0.0-beta.9) (2026-02-28)
-## v4.0.0-beta.8 - 2026-02-28 (beta)
-
-# [4.0.0-beta.8](/compare/v4.0.0-beta.7...v4.0.0-beta.8) (2026-02-28)
-
-
-### Features
-
-* **requests:** add concurrency policy, stale-response handling, and docs 5feb49d
-## v4.0.0-beta.7 - 2026-02-27 (beta)
-
-# [4.0.0-beta.7](/compare/v4.0.0-beta.6...v4.0.0-beta.7) (2026-02-27)
-
-
-### Bug Fixes
-
-* Make cause public in InvalidJsonException 3aab192
-## v4.0.0-beta.6 - 2026-02-27 (beta)
-
-# [4.0.0-beta.6](/compare/v4.0.0-beta.5...v4.0.0-beta.6) (2026-02-27)
-
-
-### Bug Fixes
-
-*  bind BaseForm getters to preserve this 5e44296
-* Type propertyAwareToRaw properly 1fe2f28
-
-
-### Features
-
-* Make state protected readonly in BaseForm e6e2f81
-* Removed deprecated Paginator alias 7f07617
-## v4.0.0-beta.5 - 2026-02-27 (beta)
-
-# [4.0.0-beta.5](/compare/v4.0.0-beta.4...v4.0.0-beta.5) (2026-02-27)
-
-
-### Bug Fixes
-
-* satisfy paginator updater typing and type-only import in VueRequestLoaderFactory 6468368
-## v4.0.0-beta.4 - 2026-02-26 (beta)
-
-# [4.0.0-beta.4](/compare/v4.0.0-beta.3...v4.0.0-beta.4) (2026-02-26)
-
-
-### Bug Fixes
-
-* Use WritableComputedRef for field models 3cdb7dc
-## v4.0.0-beta.3 - 2026-02-26 (beta)
-
-# [4.0.0-beta.3](/compare/v4.0.0-beta.2...v4.0.0-beta.3) (2026-02-26)
-
-
-### Bug Fixes
-
-* Make PropertyAwareArray nominal to avoid array type confusion b68b6fe
-## v4.0.0-beta.2 - 2026-02-26 (beta)
-
-# [4.0.0-beta.2](/compare/v4.0.0-beta.1...v4.0.0-beta.2) (2026-02-26)
-
-
-### Bug Fixes
-
-* Loosen typeing in FormDataFactory.ts fed4475
-## v4.0.0-beta.1 - 2026-02-26 (beta)
-
-# [4.0.0-beta.1](/compare/v3.0.1...v4.0.0-beta.1) (2026-02-26)
-
-
-### Features
-
-* Added abortBatch to VueRequestBatchLoader; Improved documentation for loading 9701045
-* Added multiple exceptions; Improved request error handling docs a6e4559
-* Improved BaseForm fdda88c
-* Improved documentation for supprt and helpers; Moved helpers into support namespace f92edef
-* Improved Laravel docs; Removed obsolte code 415273c
-* Improved laravel documentation; Moved laravel code outside of service directory bb9a708
-* Improved pagination docs; Refactored paginator ee1b901
-* Improved state class ffe3b03
-* Removed service namespace and moved core items directly under core namespace 3def966
-* Updated docs and introduced minor changes 2d51524
-## v3.0.1 - 2026-02-21
-
-## [3.0.1](/compare/v3.0.0...v3.0.1) (2026-02-21)
-## v3.0.0 - 2026-02-19
-
-# [3.0.0](/compare/v2.0.0...v3.0.0) (2026-02-19)
-
-
-### Features
-
-* Omit BaseForm fields when transformer returns undefined 26c0d0e
-* Removed suggestions feature from BaseForm.ts f21d6ce
-* Support file uploads in BaseForm and improve form data handling in requests d765cae
-## v2.0.0 - 2026-02-18
-
-# [2.0.0](/compare/v1.2.0...v2.0.0) (2026-02-18)
-
-
-### Features
-
-* Cache resolved route resources for child routes db70b77
-## v1.2.0 - 2026-01-25
-
-# [1.2.0](/compare/v1.1.2...v1.2.0) (2026-01-25)
-
-
-### Features
-
-* Added state paginator feature 87a9466
-## v1.1.2 - 2026-01-09
-
-## [1.1.2](/compare/v1.1.1...v1.1.2) (2026-01-09)
-
-
-### Bug Fixes
-
-* Adjusted PropertyAware type 893f705
-* Change @ts-expect-error to @ts-ignore to prevent errors in consuming projects 346a5b0
-## v1.1.1 - 2026-01-08
-
-## [1.1.1](/compare/v1.1.0...v1.1.1) (2026-01-08)
-## v1.1.0 - 2026-01-07
-
-# 1.1.0 (2026-01-07)
-
-
-### Bug Fixes
-
-* Added BulkRequestExecutionMode enum to export a284ac8
-* Added missing exports c90cc0b
-* Added missing exports for types 8de86cb
-* Added persistence enhancements and dynamic suffix support. Fix: Improved typing 614cd9d
-* Adjust access token var name in publishing script 81efc7b
-* Fix imports in persistenceDrivers 5ee838e
-* Fix paths for state b5af348
-* Fix typescript errors in state class b7c6809
-* Import BaseRequestContract as type c639617
-* Make BaseForm accept different types in RequestBody and FormBody 227d0e8
-* Make request methods uppercase fac7c07
-* Prevent subscriptions from being triggered multiple times by the same event 890d9db
-* Recreate AbortController before sending requests 876c4e3
-* Rename appends to append; chore: Lower type constraints for FormBody; chore: Bump up version to 2.7.1 d37e7f5
-
-
-### Features
-
-* Added BaseForm and Array Pagination Driver def6b52
-* Added batch loader e6a8ebb
-* Added bulk requests feature df2055f
-* Added checked ref to useGlobalCheckbox composable ddcceee
-* Added ci scripts 89e8417
-* Added DeferredPromise; feat: Added supports export ba9a1c3
-* Added getBody method f1e7dc3
-* Added getRequest() method to RequestDriver; feat: Added Access to dataDriver to Paginator; feat: Generate uuid per request; fix: Ensure request params arent mutated; chore: Added Tests for mergeDeep and ignore some typescript errors 8202db6
-* Added helper for setting abort signal on request b2679c4
-* Added initial loading state to vue request loader 6b34b82
-* Added mode feature to BulkRequestSender; feat: Added retry feature to BulkRequestSender ea27dec
-* Added off method to BulkRequestSender to clear event listeners 12593e3
-* Added PropertyAwareArray class which enables the array to property conversion feature 5c23c89
-* Added propertyAwareToRaw() helper; chore: Bump up version to 3.1.0 8a12a7e
-* Added script for publishing docs c29d3a6
-* Added sent state and removed semicolons 8d7b56c
-* Added setRequests method to BulkRequestSender e377538
-* Added some array helper methods to BaseForm 98cd03e
-* Added State class; Added vitepress with documentation for forms and states 3f519ed
-* Added sync value method 9ea03c1
-* Added types for PropertyAwareArray; Bump up version to 3.2.0 137ba48
-* Added useRouteResource composable with refresh method 60f5435
-* Added validation to BaseForm ba5a342
-* Added viewDriverFactory param (via options object) to paginator 63533d0
-* Added vue route model binding feature fcf4330
-* Allow form class to dynamically generate properties, ignore certain properties and remap errors to different fields ca65690
-* Ignore some type errors 6f08557
-* Improve docs building 5be5af0
-* Improve global checkbox handling 30d2756
-* Improve global checkbox handling 0bcf75d
-* Improve state class 649963b
-* Improved typing in bulk request feature edc6cc2
-* Make PropertyAwareArray a subtype of array 9e2e05e
-* Make VueRequestLoader track requests; fix: useIsOpenFromVar should always return a boolean as isOpenFromVar 5579aa1
-* Move persistence drivers to own service and make them more generic dbe27a9
-* Refactored composables cf86741
-* Refactored library using typescript; Bump version to 2.0.0 ba17085
-* Refactored loading feature 0f8163d
-* Refactored PropertyAwareArray to inherit array; Adjustd BaseForm accordingly 1c85f2e
-* Resolve callbacks in header object to string f7534bb

package/docker-compose.yaml

@@ -1,8 +0,0 @@
-name: blueprint-ts-core
-services:
-  vite:
-    image: node:22-alpine
-    working_dir: /home/node/app
-    entrypoint: npm run dev
-    volumes:
-      - "./:/home/node/app"

package/docs/.vitepress/config.ts

@@ -1,124 +0,0 @@
-import { defineConfig } from 'vitepress'
-
-export default defineConfig({
-  title: '@blueprint-ts/core',
-  description: 'Documentation for the @blueprint-ts/core library',
-
-  base: process.env['DOCS_BASE'] || '/blueprint-ts-core/',
-
-  themeConfig: {
-    sidebar: [
-      {
-        text: 'Introduction',
-        items: [{ text: 'Getting Started', link: '/' }]
-      },
-      {
-        text: 'Services',
-        collapsed: false,
-        items: [
-          {
-            text: 'Requests',
-            items: [
-              { text: 'Getting Started', link: '/services/requests/getting-started' },
-              { text: 'Loading', link: '/services/requests/loading' },
-              { text: 'Drivers', link: '/services/requests/drivers' },
-              { text: 'Responses', link: '/services/requests/responses' },
-              { text: 'Request Bodies', link: '/services/requests/request-bodies' },
-              { text: 'File Uploads', link: '/services/requests/file-uploads' },
-              { text: 'Headers', link: '/services/requests/headers' },
-              { text: 'Concurrency', link: '/services/requests/concurrency' },
-              { text: 'Aborting Requests', link: '/services/requests/abort-requests' },
-              { text: 'Events', link: '/services/requests/events' },
-              { text: 'Bulk Requests', link: '/services/requests/bulk-requests' },
-              { text: 'Error Handling', link: '/services/requests/error-handling' }
-            ]
-          },
-          {
-            text: 'Pagination',
-            items: [
-              { text: 'Overview', link: '/services/pagination/' },
-              { text: 'Page-Aware', link: '/services/pagination/page-aware' },
-              { text: 'Infinite Scroller', link: '/services/pagination/infinite-scroller' },
-              { text: 'State/Cursor', link: '/services/pagination/state-pagination' },
-              { text: 'Updating Rows', link: '/services/pagination/updating-rows' }
-            ]
-          },
-          {
-            text: 'Support',
-            items: [
-              { text: 'Overview', link: '/services/support/' },
-              { text: 'Helpers', link: '/services/support/helpers' },
-              { text: 'DeferredPromise', link: '/services/support/deferred-promise' }
-            ]
-          },
-          {
-            text: 'Persistence',
-            link: '/services/persistence/'
-          }
-        ]
-      },
-      {
-        text: 'Laravel',
-        collapsed: false,
-        items: [
-          { text: 'Requests', link: '/laravel/requests' },
-          { text: 'Pagination', link: '/laravel/pagination' }
-        ]
-      },
-      {
-        text: 'Vue',
-        collapsed: false,
-        items: [
-          { text: 'State', link: '/vue/state/' },
-          {
-            text: 'Composables',
-            items: [
-              { text: 'useConfirmDialog', link: '/vue/composables/use-confirm-dialog' },
-              { text: 'useGlobalCheckbox', link: '/vue/composables/use-global-checkbox' },
-              { text: 'useIsEmpty', link: '/vue/composables/use-is-empty' },
-              { text: 'useIsOpen', link: '/vue/composables/use-is-open' },
-              { text: 'useIsOpenFromVar', link: '/vue/composables/use-is-open-from-var' },
-              { text: 'useModelWrapper', link: '/vue/composables/use-model-wrapper' },
-              { text: 'useOnOpen', link: '/vue/composables/use-on-open' }
-            ]
-          },
-          {
-            text: 'Forms',
-            items: [
-              { text: 'Overview', link: '/vue/forms/' },
-              { text: 'State And Properties', link: '/vue/forms/state-and-properties' },
-              { text: 'Validation', link: '/vue/forms/validation' },
-              { text: 'Building Payloads', link: '/vue/forms/payloads' },
-              { text: 'Errors', link: '/vue/forms/errors' },
-              { text: 'Persistence', link: '/vue/forms/persistence' },
-              { text: 'Arrays', link: '/vue/forms/arrays' },
-              { text: 'Utilities', link: '/vue/forms/utilities' }
-            ]
-          },
-          {
-            text: 'Requests',
-            items: [
-              { text: 'Loading', link: '/vue/requests/loading' }
-            ]
-          },
-          {
-            text: 'Router',
-            items: [{ text: 'Route Resource Binding', link: '/vue/router/route-resource-binding' }]
-          }
-        ]
-      },
-      {
-        text: 'Upgrading',
-        items: [
-          { text: 'v1 to v2', link: '/upgrading/v1-to-v2' },
-          { text: 'v2 to v3', link: '/upgrading/v2-to-v3' },
-          { text: 'v3 to v4', link: '/upgrading/v3-to-v4' }
-        ]
-      }
-    ],
-    nav: [
-      { text: 'Home', link: '/' },
-      { text: 'GitHub', link: 'https://github.com/Hank-IT/blueprint-ts-core' }
-    ]
-  }
-})

package/docs/index.md

@@ -1,13 +0,0 @@
-# Getting Started
-
-This library may be integrated with any frontend framework. It comes with built-in support for Vue 3, which is assumed
-throughout the documentation. It also has features which are Vue-specific, such as form handling and validation.
-
-````bash
-npm install @blueprint-ts/core --save
-````
-
-## Versioning
-
-Blueprint TS follows [Semantic Versioning](https://semver.org/). Upgrading from one major version to another may require
-some changes to your code, which will be documented in the Upgrading section of this documentation.

package/docs/laravel/pagination.md

@@ -1,67 +0,0 @@
-# Working with Laravel Pagination
-The `PaginationJsonBaseRequest` class extends the functionality to handle Laravel's pagination response format.
-
-## RequestDriver
-
-Use the Laravel `RequestDriver` to turn a `PaginationJsonBaseRequest` into a pagination data driver for the core
-paginator classes.
-
-## Example: Paginated Users List
-
-````typescript
-import { PaginationJsonBaseRequest } from '@blueprint-ts/core/laravel/requests'
-import { PaginationResponse } from '@blueprint-ts/core/laravel/requests/responses'
-import { RequestDriver } from '@blueprint-ts/core/laravel/pagination'
-import { PageAwarePaginator } from '@blueprint-ts/core/pagination'
-
-export interface UserListParams {
-  search?: string
-  sort_by?: string
-  sort_direction?: 'asc' | 'desc'
-  page?: number
-  per_page?: number
-}
-
-// Paginated GET request to list users
-export class UserIndexRequest extends PaginationJsonBaseRequest<
-  boolean, // Loading indicator type
-  LaravelErrorResponse, // Laravel-style error response
-  UserResource, // The resource type being paginated
-  undefined, // No request body for GET
-  UserListParams // Query parameters including pagination
-> {
-  public method(): RequestMethodEnum {
-    return RequestMethodEnum.GET
-  }
-
-  public url(): string {
-    return '/api/users'
-  }
-}
-````
-
-And now we send the request using the paginator:
-
-````typescript
-const request = new UserIndexRequest()
-
-const paginator = new PageAwarePaginator(new RequestDriver(request))
-
-// Fetch the initial data
-paginator.load(1)
-
-// Get current page data
-paginator.getPageData()
-
-// Change page
-await paginator.setPageSize(value).load()
-
-// Get current page size
-paginator.getPageSize()
-````
-
-## Types
-
-For stricter typing, the Laravel pagination package also exports:
-
-- `PaginationResponseBodyContract` for the expected pagination response body shape

package/docs/laravel/requests.md

@@ -1,62 +0,0 @@
-# Laravel Request Integration
-The Laravel integration provides specialized request classes that work seamlessly with Laravel backend APIs, handling common Laravel-specific response formats and features like pagination.
-
-## Using JsonBaseRequest
-The `JsonBaseRequest` class is designed to work with Laravel's JSON responses, automatically handling content negotiation and response parsing. 
-
-### Example: User API Request
-
-We assume that Laravel's resources are used which output the requested data on the `data` json key.
-
-````typescript
-import { JsonBaseRequest } from '@blueprint-ts/core/laravel/requests'
-
-export interface LaravelErrorResponse {
-  message: string;
-  errors?: Record<string, string[]>
-}
-
-export interface UserResource {
-  id: number
-  name: string
-  email: string
-  created_at: string
-}
-
-export interface UserRequestParams {
-  include?: string[]
-}
-
-// Simple GET request to fetch a user
-export class UserShowRequest extends JsonBaseRequest<
-  boolean, // Loading indicator type
-  LaravelErrorResponse, // Laravel-style error response
-  UserResource, // Response data structure
-  undefined, // No request body for GET
-  UserRequestParams // Query parameters
-> {
-  constructor(private userId: number) {
-    super()
-  }
-
-  public method(): RequestMethodEnum {
-    return RequestMethodEnum.GET
-  }
-
-  public url(): string {
-    return `/api/users/${this.userId}`
-  }
-}
-````
-
-## Sending the Request
-
-Once the request is defined, you can send it using the following code:
-
-```typescript
-const request = new UserShowRequest()
-
-const response: JsonResponse<UserResource> = await request.send()
-
-const data: UserResource[] = response.getData()
-```

package/docs/services/pagination/index.md

@@ -1,46 +0,0 @@
-# Pagination
-
-Pagination is built around three parts:
-
-1. **Data drivers** fetch pages and return a `PaginationDataDto`.
-2. **View drivers** store pagination state (page, size, total) and expose page data.
-3. **Paginators** orchestrate loading and state updates.
-
-## Drivers
-
-Pagination uses two kinds of drivers:
-
-- **Data drivers** fetch pages and return a `PaginationDataDto`.
-- **View drivers** store pagination state (page, size, total) and expose page data.
-
-You can implement your own drivers by following these contracts:
-
-- `PaginationDataDriverContract` or `StatePaginationDataDriverContract` for data drivers
-- `ViewDriverFactoryContract` or `BaseViewDriverFactoryContract` for view drivers
-
-If you are using Vue, the library provides `VuePaginationDriverFactory` and `VueBaseViewDriverFactory`.
-
-### Built-in Data Drivers
-
-- `ArrayDriver`: paginate an in-memory array.
-- `RequestDriver`: paginate using a request. See the Laravel pagination integration for usage details.
-
-## Paginators
-
-- [Page-Aware Pagination](./page-aware)
-- [Infinite Scroll](./infinite-scroller)
-- [State/Cursor Pagination](./state-pagination)
-
-## Load Options
-
-`load()` accepts `PaginatorLoadDataOptions`:
-
-- `flush`: clears existing data before applying the next page
-- `replace`: replaces existing data instead of appending (useful for infinite scroll)
-
-`updateRows` and `removeRows` are available on all paginators. See [Updating Rows](./updating-rows).
-
-## Using Laravel Pagination
-
-If you use Laravel pagination responses, see the Laravel pagination docs for the `PaginationJsonBaseRequest` and
-`RequestDriver` integration.

package/docs/services/pagination/infinite-scroller.md

@@ -1,20 +0,0 @@
-# Infinite Scroll
-
-Use `InfiniteScroller` when you want to append pages to the existing list. It extends `PageAwarePaginator`, so all
-page-aware features and helpers are available.
-
-```typescript
-import { InfiniteScroller } from '@blueprint-ts/core/pagination'
-
-const scroller = new InfiniteScroller(dataDriver, 1, 10)
-
-await scroller.load()
-await scroller.toNextPage()
-```
-
-You can pass `{ flush: true }` to clear existing data before loading a page. In addition, `InfiniteScroller` supports
-`{ replace: true }` to replace the current list instead of appending.
-
-## Scroll Detection Helper
-
-See the Support Helpers docs for `isAtBottom` usage.

package/docs/services/pagination/page-aware.md

@@ -1,51 +0,0 @@
-# Page-Aware Pagination
-
-Use `PageAwarePaginator` for classic page/size pagination. It requires a view driver factory:
-
-```typescript
-import { PageAwarePaginator, ArrayDriver, type ViewDriverFactoryContract } from '@blueprint-ts/core/pagination'
-
-class MyViewDriverFactory implements ViewDriverFactoryContract {
-    public make<ResourceInterface>(pageNumber: number, pageSize: number) {
-        // Return a ViewDriverContract<ResourceInterface[]> implementation.
-        throw new Error('Not implemented')
-    }
-}
-
-PageAwarePaginator.setViewDriverFactory(new MyViewDriverFactory())
-
-const dataDriver = new ArrayDriver(users)
-const paginator = new PageAwarePaginator(dataDriver, 1, 10)
-
-await paginator.load()
-
-const pageData = paginator.getPageData()
-const total = paginator.getTotal()
-const pages = paginator.getPages()
-```
-
-`dataDriver` must implement `PaginationDataDriverContract` and return a `PaginationDataDto`.
-If you are using Vue, the library provides `VuePaginationDriverFactory`.
-
-## Changing Page or Page Size
-
-`setPageNumber()` and `setPageSize()` only update state. Call `load()` to fetch data:
-
-```typescript
-await paginator.setPageNumber(2).load()
-
-await paginator.setPageSize(25).load()
-```
-
-Page navigation helpers (`toNextPage`, `toPreviousPage`, `toFirstPage`, `toLastPage`) update the page number and load
-the new page in one call.
-
-## Concurrency
-
-If the underlying request uses concurrency mode `LATEST` or `REPLACE_LATEST`, stale responses are ignored. In that case,
-`load()` resolves with the current page data without updating the view, so older responses cannot overwrite newer ones.
-
-
-## Updating Rows
-
-`updateRows` is available on all paginators. See [Updating Rows](./updating-rows) for details.

package/docs/services/pagination/state-pagination.md

@@ -1,77 +0,0 @@
-# State/Cursor Pagination
-
-Use `StatePaginator` for cursor-based APIs that return a next-state token. It requires a base view driver factory:
-
-```typescript
-import { StatePaginator, type BaseViewDriverFactoryContract } from '@blueprint-ts/core/pagination'
-
-class MyBaseViewDriverFactory implements BaseViewDriverFactoryContract {
-    public make<ResourceInterface>() {
-        // Return a BaseViewDriverContract<ResourceInterface[]> implementation.
-        throw new Error('Not implemented')
-    }
-}
-
-StatePaginator.setViewDriverFactory(new MyBaseViewDriverFactory())
-
-const paginator = new StatePaginator(dataDriver)
-
-await paginator.load()
-await paginator.loadNext()
-```
-
-`dataDriver` must implement `StatePaginationDataDriverContract` and return a `StatePaginationDataDto`.
-If you are using Vue, the library provides `VueBaseViewDriverFactory`.
-
-## Example Driver
-
-```typescript
-import { type StatePaginationDataDriverContract, StatePaginationDataDto } from '@blueprint-ts/core/pagination'
-import { type MailListResource } from '@/types/MailListResource.ts'
-import { MailIndexRequest, type MailIndexRequestRequestParams } from '@/requests/MailIndexRequest.ts'
-import { RequestEvents } from '@blueprint-ts/core/requests'
-
-export class MailPaginationDataDriver implements StatePaginationDataDriverContract<MailListResource[]> {
-    public constructor(
-        protected accountId: string,
-        protected filters?: MailIndexRequestRequestParams['filter']
-    ) {}
-
-    public get(state?: string | null): Promise<StatePaginationDataDto<MailListResource[]>> {
-        const request = new MailIndexRequest(this.accountId)
-
-        request.setParams({
-            state: state || undefined,
-            filter: this.filters
-        })
-
-        return request
-            .send()
-            .then((response) => {
-                const data = response.getData() || []
-                const body = response.getBody() as unknown as { meta?: { state?: string; total?: number } }
-                const nextState = body.meta?.state || null
-                const total = body.meta?.total || data.length
-
-                return new StatePaginationDataDto(data, total, nextState)
-            })
-    }
-}
-
-const paginator = new StatePaginator(new MailPaginationDataDriver(props.accountId))
-
-function loadMails() {
-    paginator.flush()
-    paginator.load().catch((error) => {
-        console.error(error)
-    })
-}
-
-function loadMoreMails() {
-    if (!paginator.hasNextPage()) return
-
-    paginator.loadNext().catch((error) => {
-        console.error(error)
-    })
-}
-```