@bryntum/taskboard-react-thin 7.1.1

package/src/BryntumTaskBoardProjectModel.tsx

@@ -0,0 +1,779 @@
+/**
+ * React wrapper for Bryntum ProjectModel
+ */
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React, { RefObject } from 'react';
+import { Base, Model, ModelConfig, StateTrackingManager, StateTrackingManagerConfig, Store, StoreConfig } from '@bryntum/core-thin';
+import { AbstractCrudManager, AssignmentModel, AssignmentModelConfig, AssignmentStore, AssignmentStoreConfig, CrudManagerStoreDescriptor, DependencyModel, DependencyModelConfig, DependencyStore, DependencyStoreConfig, EventModel, EventModelConfig, EventStore, EventStoreConfig, ProjectModel, ProjectModel as SchedulerProjectModel, ProjectModelListeners, ResourceModel, ResourceModelConfig, ResourceStore, ResourceStoreConfig, ResourceTimeRangeModel, ResourceTimeRangeModelConfig, TaskModel, TaskModelConfig, TaskStore, TaskStoreConfig, TimeRangeModel, TimeRangeModelConfig } from '@bryntum/taskboard-thin';
+
+import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
+
+export type BryntumTaskBoardProjectModelProps = {
+    // Configs
+    /**
+     * A flag, indicating whether the dates and duration calculations should adjust the result to DST time shift.
+     */
+    adjustDurationToDST? : boolean
+    /**
+     * The constructor of the assignment model class, to be used in the project. Will be set as the
+     * [modelClass](https://bryntum.com/products/taskboard/docs/api/Core/data/Store#config-modelClass) property of the [assignmentStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-assignmentStore)
+     */
+    assignmentModelClass? : typeof AssignmentModel
+    /**
+     * Data use to fill the [assignmentStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-assignmentStore). Should be an array of
+     * [AssignmentModels](https://bryntum.com/products/scheduler/docs#Scheduler/model/AssignmentModel) or its configuration objects.
+     */
+    assignments? : AssignmentModel[]|AssignmentModelConfig[]
+    /**
+     * The initial data, to fill the [assignmentStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-assignmentStore) with.
+     * Should be an array of [AssignmentModels](https://bryntum.com/products/scheduler/docs#Scheduler/model/AssignmentModel) or its configuration
+     * objects.
+     * @deprecated 6.3.0 Use [assignments](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#config-assignments) instead
+     */
+    assignmentsData? : AssignmentModel[]|AssignmentModelConfig[]
+    /**
+     * An [AssignmentStore](https://bryntum.com/products/scheduler/docs#Scheduler/data/AssignmentStore) instance or a config object.
+     */
+    assignmentStore? : AssignmentStore|AssignmentStoreConfig
+    /**
+     * The constructor to create an assignment store instance with. Should be a class, subclassing the
+     * [AssignmentStore](https://bryntum.com/products/scheduler/docs#Scheduler/data/AssignmentStore)
+     */
+    assignmentStoreClass? : typeof AssignmentStore|object
+    /**
+     * Specify `true` to automatically call [load](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-load) method on the next frame after creation.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-autoLoad)
+     */
+    autoLoad? : boolean
+    /**
+     * `true` to automatically persist store changes after edits are made in any of the stores monitored.
+     * Please note that sync request will not be invoked immediately but only after
+     * [autoSyncTimeout](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#config-autoSyncTimeout) interval.
+     */
+    autoSync? : boolean
+    /**
+     * The timeout in milliseconds to wait before persisting changes to the server.
+     * Used when [autoSync](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#config-autoSync) is set to `true`.
+     */
+    autoSyncTimeout? : number
+    /**
+     * An object where property names with a truthy value indicate which events should bubble up the ownership
+     * hierarchy when triggered.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-bubbleEvents)
+     */
+    bubbleEvents? : object
+    /**
+     * Set to `true` to call onXXX method names (e.g. `onShow`, `onClick`), as an easy way to listen for events.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-callOnFunctions)
+     */
+    callOnFunctions? : boolean
+    /**
+     * By default, if an event handler throws an exception, the error propagates up the stack and the
+     * application state is undefined. Code which follows the event handler will *not* be executed.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-catchEventHandlerExceptions)
+     */
+    catchEventHandlerExceptions? : boolean
+    /**
+     * Child nodes. To allow loading children on demand, specify `children : true` in your data. Omit the field for leaf
+     * tasks.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-children)
+     */
+    children? : boolean|object[]|Model[]|ModelConfig[]
+    /**
+     * Sets the list of stores controlled by the CRUD manager.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-crudStores)
+     */
+    crudStores? : Store[]|string[]|CrudManagerStoreDescriptor[]|StoreConfig[]
+    /**
+     * Data use to fill the [dependencyStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-dependencyStore). Should be an array of
+     * [DependencyModels](https://bryntum.com/products/scheduler/docs#Scheduler/model/DependencyModel) or its configuration objects.
+     */
+    dependencies? : DependencyModel[]|DependencyModelConfig[]
+    /**
+     * The initial data, to fill the [dependencyStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-dependencyStore) with.
+     * Should be an array of [DependencyModels](https://bryntum.com/products/scheduler/docs#Scheduler/model/DependencyModel) or its configuration
+     * objects.
+     * @deprecated 6.3.0 Use [dependencies](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#config-dependencies) instead
+     */
+    dependenciesData? : DependencyModel[]|DependencyModelConfig[]
+    /**
+     * The constructor of the dependency model class, to be used in the project. Will be set as the
+     * [modelClass](https://bryntum.com/products/taskboard/docs/api/Core/data/Store#config-modelClass) property of the [dependencyStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-dependencyStore)
+     */
+    dependencyModelClass? : typeof DependencyModel
+    /**
+     * A [DependencyStore](https://bryntum.com/products/scheduler/docs#Scheduler/data/DependencyStore) instance or a config object.
+     */
+    dependencyStore? : DependencyStore|DependencyStoreConfig
+    /**
+     * The constructor to create a dependency store instance with. Should be a class, subclassing the
+     * [DependencyStore](https://bryntum.com/products/scheduler/docs#Scheduler/data/DependencyStore)
+     */
+    dependencyStoreClass? : typeof DependencyStore|object
+    /**
+     * Configuration of the JSON encoder used by the *Crud Manager*.
+     */
+    encoder? : {
+        requestData?: object
+    }
+    /**
+     * Data use to fill the [eventStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-eventStore). Should be an array of
+     * [EventModels](https://bryntum.com/products/scheduler/docs#Scheduler/model/EventModel) or its configuration objects.
+     */
+    events? : EventModel[]|EventModelConfig[]
+    /**
+     * The initial data, to fill the [eventStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-eventStore) with.
+     * Should be an array of [EventModels](https://bryntum.com/products/scheduler/docs#Scheduler/model/EventModel) or its configuration objects.
+     * @deprecated 6.3.0 Use [events](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#config-events) instead
+     */
+    eventsData? : EventModel[]|EventModelConfig[]
+    /**
+     * An [EventStore](https://bryntum.com/products/scheduler/docs#Scheduler/data/EventStore) instance or a config object.
+     */
+    eventStore? : EventStore|EventStoreConfig
+    /**
+     * Start expanded or not (only valid for tree data)
+     */
+    expanded? : boolean
+    /**
+     * Specify as `true` to force sync requests to be sent when calling `sync()`, even if there are no local
+     * changes. Useful in a polling scenario, to keep client up to date with the backend.
+     */
+    forceSync? : boolean
+    /**
+     * Unique identifier for the record. Might be mapped to another dataSource using idField, but always exposed as
+     * record.id. Will get a generated value if none is specified in records data.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-id)
+     */
+    id? : string|number
+    /**
+     * Set to `true` to make STM ignore changes coming from the backend. This will allow user to only undo redo
+     * local changes.
+     */
+    ignoreRemoteChangesInSTM? : boolean
+    /**
+     * Set to `false` to only include the id of a removed parent node in the request to the backend (also
+     * affects programmatic calls to get [changes](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#property-changes) etc.), and not the ids of its children.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-includeChildrenInRemoveRequest)
+     */
+    includeChildrenInRemoveRequest? : boolean
+    /**
+     * Whether to include legacy data properties in the JSON / inlineData output. The legacy data properties are
+     * the `xxData` (`eventsData`, `resourcesData` etc.) properties that are deprecated and will be removed in
+     * the future.
+     * @deprecated 6.3.0 This config will be removed when the eventsData, resourcesData etc. properties are removed in a future release.
+     */
+    includeLegacyDataProperties? : boolean
+    /**
+     * This field is added to the class at runtime when the Store is configured with
+     * [lazyLoad](https://bryntum.com/products/taskboard/docs/api/Core/data/Store#config-lazyLoad). If set on a parent record at load time, that parent will not cause any
+     * more child load requests. If omitted, it will be automatically set to `true` when a load request receives fewer
+     * child records than requested.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-isFullyLoaded)
+     */
+    isFullyLoaded? : boolean
+    /**
+     * Project data as a JSON string, used to populate its stores.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-json)
+     */
+    json? : string
+    /**
+     * The listener set for this object.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-listeners)
+     */
+    listeners? : ProjectModelListeners
+    /**
+     * Convenience shortcut to set only the url to load from, when you do not need to supply any other config
+     * options in the `load` section of the `transport` config.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-loadUrl)
+     */
+    loadUrl? : string
+    /**
+     * This is a read-only field provided in server synchronization packets to specify
+     * which position the node takes in the parent's ordered children array.
+     * This index is set on load and gets updated on reordering nodes in tree. Sorting and filtering
+     * have no effect on it.
+     */
+    orderedParentIndex? : number
+    /**
+     * This is a read-only field provided in server synchronization packets to specify
+     * which record id is the parent of the record.
+     */
+    parentId? : string|number|null
+    /**
+     * This is a read-only field provided in server synchronization packets to specify
+     * which position the node takes in the parent's children array.
+     * This index is set on load and gets updated automatically after row reordering, sorting, etc.
+     * To save the order, need to persist the field on the server and when data is fetched to be loaded,
+     * need to sort by this field.
+     */
+    parentIndex? : number
+    /**
+     * Field name to be used to transfer a phantom record identifier.
+     */
+    phantomIdField? : string
+    /**
+     * Field name to be used to transfer a phantom parent record identifier.
+     */
+    phantomParentIdField? : string
+    /**
+     * Flag the record as read-only on the UI level, preventing the end user from manipulating it using editing
+     * features such as cell editing and event dragging.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-readOnly)
+     */
+    readOnly? : boolean
+    /**
+     * This field is added to the class at runtime when the Store is configured with
+     * [lazyLoad](https://bryntum.com/products/taskboard/docs/api/Core/data/Store#config-lazyLoad). The
+     * number specified should reflect the <strong>total</strong> amount of children of a parent node, including nested descendants.
+     * @deprecated This field has been deprecated. Please read the [guide](https://bryntum.com/products/grid/docs/guide/Grid/data/lazyloading) to find out if your app needs to use the new [isFullyLoaded](https://bryntum.com/products/taskboard/docs/api/Core/data/mixin/TreeNode#field-isFullyLoaded) field.
+     */
+    remoteChildCount? : number
+    /**
+     * `True` to reset identifiers (defined by `idField` config) of phantom records before submitting them
+     * to the server.
+     */
+    resetIdsBeforeSync? : boolean
+    /**
+     * The constructor of the resource model class, to be used in the project. Will be set as the
+     * [modelClass](https://bryntum.com/products/taskboard/docs/api/Core/data/Store#config-modelClass) property of the [resourceStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-resourceStore)
+     */
+    resourceModelClass? : typeof ResourceModel
+    /**
+     * Data use to fill the [resourceStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-resourceStore). Should be an array of
+     * [ResourceModels](https://bryntum.com/products/scheduler/docs#Scheduler/model/ResourceModel) or its configuration objects.
+     */
+    resources? : ResourceModel[]|ResourceModelConfig[]
+    /**
+     * The initial data, to fill the [resourceStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-resourceStore) with.
+     * Should be an array of [ResourceModels](https://bryntum.com/products/scheduler/docs#Scheduler/model/ResourceModel) or its configuration objects.
+     * @deprecated 6.3.0 Use [resources](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#config-resources) instead
+     */
+    resourcesData? : ResourceModel[]|ResourceModelConfig[]
+    /**
+     * A [ResourceStore](https://bryntum.com/products/scheduler/docs#Scheduler/data/ResourceStore) instance or a config object.
+     */
+    resourceStore? : ResourceStore|ResourceStoreConfig
+    /**
+     * The constructor to create a resource store instance with. Should be a class, subclassing the
+     * [ResourceStore](https://bryntum.com/products/scheduler/docs#Scheduler/data/ResourceStore)
+     */
+    resourceStoreClass? : typeof ResourceStore|object
+    /**
+     * Experimental hook that lets the app determine if a bound dataset needs syncing with the store or not, and
+     * if it does - which records that should be processed. Only called for stores that are configured with
+     * `syncDataOnLoad: true` (which is the default in the React, Angular and Vue wrappers).
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-shouldSyncDataOnLoad)
+     * @param {object} options Options passed by the store to this hook
+     * @param {Core.data.Store} options.store Store about to be synced
+     * @param {Core.data.Model} options.records Records currently in the store
+     * @param {object[]} options.data Incoming data
+     * @returns {Set<any>,boolean} Return `false` to prevent the store from syncing, or a set of record ids that need further processing (for records that has some kind of change, eg. an update, removal or addition)
+     */
+    shouldSyncDataOnLoad? : (options: { store: Store, records: Model, data: object[] }) => Set<any>|boolean
+    /**
+     * Silences propagations caused by the project loading.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-silenceInitialCommit)
+     */
+    silenceInitialCommit? : boolean
+    /**
+     * When `true` treats parsed responses without `success` property as successful.
+     * In this mode a parsed response is treated as invalid if it has explicitly set `success : false`.
+     */
+    skipSuccessProperty? : boolean
+    /**
+     * Configuration options to provide to the STM manager
+     */
+    stm? : StateTrackingManagerConfig|StateTrackingManager
+    /**
+     * Name of a store property to retrieve store identifiers from. Make sure you have an instance of a
+     * store to use it by id. Store identifier is used as a container name holding corresponding store data
+     * while transferring them to/from the server. By default, `id` property is used. And in case a
+     * container identifier has to differ this config can be used:
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-storeIdProperty)
+     */
+    storeIdProperty? : string
+    /**
+     * When `true` the Crud Manager does not require all updated and removed records to be mentioned in the
+     * *sync* response. In this case response should include only server side changes.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-supportShortSyncResponse)
+     */
+    supportShortSyncResponse? : boolean
+    /**
+     * An array of store identifiers sets an alternative sync responses apply order.
+     * By default, the order in which sync responses are applied to the stores is the same as they
+     * registered in. But in case of some tricky dependencies between stores this order can be changed:
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-syncApplySequence)
+     */
+    syncApplySequence? : string[]|CrudManagerStoreDescriptor[]
+    /**
+     * Convenience shortcut to set only the url to sync to, when you do not need to supply any other config
+     * options in the `sync` section of the `transport` config.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-syncUrl)
+     */
+    syncUrl? : string
+    /**
+     * The constructor of the task model class, to be used in the project.
+     * Will be set as the [modelClass](https://bryntum.com/products/taskboard/docs/api/Core/data/Store#config-modelClass)
+     * property of the [taskStore](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#property-taskStore).
+     */
+    taskModelClass? : typeof TaskModel
+    /**
+     * The initial data, to fill the [taskStore](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#property-taskStore) with. Should be an array of
+     * [TaskModel](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/TaskModel) or its configuration objects.
+     */
+    tasks? : TaskModel[]|TaskModelConfig[]
+    /**
+     * The initial data, to fill the [taskStore](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#property-taskStore) with.
+     * Should be an array of [TaskModel](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/TaskModel) instances or its configuration objects.
+     * @deprecated 6.3.0 Use [tasks](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-tasks) instead
+     */
+    tasksData? : TaskModel[]|TaskModelConfig[]
+    /**
+     * An [TaskStore](https://bryntum.com/products/taskboard/docs/api/TaskBoard/store/TaskStore) instance or a config object.
+     */
+    taskStore? : TaskStoreConfig|TaskStore
+    /**
+     * The constructor to create a task store instance with.
+     * Should be a class, subclassing the [TaskStore](https://bryntum.com/products/taskboard/docs/api/TaskBoard/store/TaskStore).
+     */
+    taskStoreClass? : typeof TaskStore
+    /**
+     * Set to a IANA time zone (i.e. `Europe/Stockholm`) or a UTC offset in minutes (i.e. `-120`). This will
+     * convert all events, tasks and time ranges to the specified time zone or offset. It will also affect the
+     * displayed timeline's headers as well at the start and end date of it.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-timeZone)
+     */
+    timeZone? : string|number
+    /**
+     * Specifies the output format of [toJSON](https://bryntum.com/products/scheduler/docs#Scheduler/model/mixin/ProjectModelCommon#function-toJSON).
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-toJSONResultFormat)
+     */
+    toJSONResultFormat? : 'inlineData'|'model'
+    /**
+     * When `true` forces the CRUD manager to process responses depending on their `type` attribute.
+     * So `load` request may be responded with `sync` response for example.
+     * Can be used for smart server logic allowing the server to decide when it's better to respond with a
+     * complete data set (`load` response) or it's enough to return just a delta (`sync` response).
+     */
+    trackResponseType? : boolean
+    /**
+     * Configuration of the AJAX requests used by *Crud Manager* to communicate with a server-side.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-transport)
+     */
+    transport? : {
+        load?: object
+        sync?: object
+    }
+    /**
+     * By default, the stores of a project use the raw data objects passed to them as the data source for their
+     * records if data is loaded remotely (using an `AjaxStore` or a `CrudManager`). For data supplied inline,
+     * the data objects are instead by default cloned to avoid the original data object being modified by the
+     * store.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-useRawData)
+     */
+    useRawData? : boolean
+    /**
+     * This config validates the response structure for requests made by the Crud Manager.
+     * When `true`, the Crud Manager checks every parsed response structure for errors
+     * and if the response format is invalid, a warning is logged to the browser console.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-validateResponse)
+     */
+    validateResponse? : boolean
+    /**
+     * `true` to write all fields from the record to the server.
+     * If set to `false` it will only send the fields that were modified.
+     * Note that any fields that have [persist](https://bryntum.com/products/taskboard/docs/api/Core/data/field/DataField#config-persist) set to `false` will
+     * still be ignored and fields having [alwaysWrite](https://bryntum.com/products/taskboard/docs/api/Core/data/field/DataField#config-alwaysWrite) set to `true`
+     * will always be included.
+     */
+    writeAllFields? : boolean
+
+    // Events
+    /**
+     * Fires before an object is destroyed.
+     * @param {object} event Event object
+     * @param {Core.Base} event.source The Object that is being destroyed.
+     */
+    onBeforeDestroy? : ((event: { source: Base }) => void)|string
+    /**
+     * Fires before [load request](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-load) is sent. Return `false` to cancel load request.
+     * @param {object} event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} event.source The CRUD manager.
+     * @param {object} event.pack The data package which contains data for all stores managed by the crud manager.
+     */
+    onBeforeLoad? : ((event: { source: AbstractCrudManager, pack: object }) => Promise<boolean>|boolean|void)|string
+    /**
+     * Fires before loaded data get applied to the stores. Return `false` to prevent data applying.
+     * This event can be used for server data preprocessing. To achieve it user can modify the `response` object.
+     * @param {object} event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} event.source The CRUD manager.
+     * @param {object} event.response The decoded server response object.
+     * @param {object} event.options Options provided to the [load](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-load) method.
+     */
+    onBeforeLoadApply? : ((event: { source: AbstractCrudManager, response: object, options: object }) => Promise<boolean>|boolean|void)|string
+    /**
+     * Fires before server response gets applied to the stores. Return `false` to prevent data applying.
+     * This event can be used for server data preprocessing. To achieve it user can modify the `response` object.
+     * @param {object} event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} event.source The CRUD manager.
+     * @param {'sync','load'} event.requestType The request type (`sync` or `load`).
+     * @param {object} event.response The decoded server response object.
+     */
+    onBeforeResponseApply? : ((event: { source: AbstractCrudManager, requestType: 'sync'|'load', response: object }) => Promise<boolean>|boolean|void)|string
+    /**
+     * Fires before a request is sent to the server.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#event-beforeSend)
+     * @param {object} event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} event.crudManager The CRUD manager.
+     * @param {object} event.params HTTP request params to be passed in the request URL.
+     * @param {'sync','load'} event.requestType CrudManager request type (`load`/`sync`)
+     * @param {object} event.requestConfig Configuration object for Ajax request call
+     */
+    onBeforeSend? : ((event: { crudManager: AbstractCrudManager, params: object, requestType: 'sync'|'load', requestConfig: object }) => Promise<void>)|string
+    /**
+     * Fires before [sync request](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-sync) is sent. Return `false` to cancel sync request.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#event-beforeSync)
+     * @param {object} event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} event.source The CRUD manager.
+     * @param {object} event.pack The data package which contains data for all stores managed by the crud manager.
+     */
+    onBeforeSync? : ((event: { source: AbstractCrudManager, pack: object }) => Promise<boolean>|boolean|void)|string
+    /**
+     * Fires before sync response data get applied to the stores. Return `false` to prevent data applying.
+     * This event can be used for server data preprocessing. To achieve it user can modify the `response` object.
+     * @param {object} event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} event.source The CRUD manager.
+     * @param {object} event.response The decoded server response object.
+     */
+    onBeforeSyncApply? : ((event: { source: AbstractCrudManager, response: object }) => Promise<boolean>|boolean|void)|string
+    /**
+     * Fires when any other event is fired from the object.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#event-catchAll)
+     * @param {object} event Event object
+     * @param {{[key: string]: any, type: string}} event.event The Object that contains event details
+     * @param {string} event.event.type The type of the event which is caught by the listener
+     */
+    onCatchAll? : ((event: {[key: string]: any, type: string}) => void)|string
+    /**
+     * Fired when data in any of the projects stores changes.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#event-change)
+     * @param {object} event Event object
+     * @param {Scheduler.model.SchedulerProjectModel,any} event.source This project
+     * @param {Core.data.Store} event.store Affected store
+     * @param {'remove','removeAll','add','clearchanges','filter','update','dataset','replace'} event.action Name of action which triggered the change. May be one of:  * `'remove'` * `'removeAll'` * `'add'` * `'clearchanges'` * `'filter'` * `'update'` * `'dataset'` * `'replace'`
+     * @param {Core.data.Model} event.record Changed record, for actions that affects exactly one record (`'update'`)
+     * @param {Core.data.Model[]} event.records Changed records, passed for all actions except `'removeAll'`
+     * @param {object} event.changes Passed for the `'update'` action, info on which record fields changed
+     */
+    onChange? : ((event: { source: SchedulerProjectModel|any, store: Store, action: 'remove'|'removeAll'|'add'|'clearchanges'|'filter'|'update'|'dataset'|'replace', record: Model, records: Model[], changes: object }) => void)|string
+    /**
+     * Fired when the engine has finished its calculations and the results has been written back to the records.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#event-dataReady)
+     * @param {object} event Event object
+     * @param {Scheduler.model.SchedulerProjectModel,any} event.source The project
+     * @param {boolean} event.isInitialCommit Flag that shows if this commit is initial
+     * @param {Set<any>} event.records Set of all [Model](https://bryntum.com/products/taskboard/docs/api/Core/data/Model)s that were modified in the completed transaction. Use the [modifications](https://bryntum.com/products/taskboard/docs/api/Core/data/Model#property-modifications) property of each Model to identify modified fields.
+     */
+    onDataReady? : ((event: { source: SchedulerProjectModel|any, isInitialCommit: boolean, records: Set<any> }) => void)|string
+    /**
+     * Fires when an object is destroyed.
+     * @param {object} event Event object
+     * @param {Core.Base} event.source The Object that is being destroyed.
+     */
+    onDestroy? : ((event: { source: Base }) => void)|string
+    /**
+     * Fires when data in any of the registered data stores is changed.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#event-hasChanges)
+     * @param {object} event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} event.source The CRUD manager.
+     */
+    onHasChanges? : ((event: { source: AbstractCrudManager }) => void)|string
+    /**
+     * Fires on successful [load request](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-load) completion after data gets loaded to the stores.
+     * @param {object} event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} event.source The CRUD manager.
+     * @param {object} event.response The decoded server response object.
+     * @param {object} event.responseOptions [DEPRECATED] see `requestOptions`
+     * @param {object} event.requestOptions The request options passed to the request.
+     * @param {Response} event.rawResponse The native Response object
+     */
+    onLoad? : ((event: { source: AbstractCrudManager, response: object, responseOptions: object, requestOptions: object, rawResponse: any }) => void)|string
+    /**
+     * Fired after [load request](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-load) was canceled by some [beforeLoad](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#event-beforeLoad)
+     * listener or due to incomplete prior load request.
+     * @param {object} event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} event.source The CRUD manager.
+     * @param {object} event.pack The data package which contains data for all stores managed by the crud manager.
+     */
+    onLoadCanceled? : ((event: { source: AbstractCrudManager, pack: object }) => void)|string
+    /**
+     * Fires when a [load request](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-load) fails.
+     * @param {object} event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} event.source The CRUD manager instance.
+     * @param {object} event.response The decoded server response object.
+     * @param {string} event.responseText The raw server response text
+     * @param {object} event.responseOptions [DEPRECATED] see `requestOptions`
+     * @param {object} event.requestOptions The request options passed to the request.
+     * @param {Response} event.rawResponse The native Response object
+     */
+    onLoadFail? : ((event: { source: AbstractCrudManager, response: object, responseText: string, responseOptions: object, requestOptions: object, rawResponse: any }) => void)|string
+    /**
+     * Fires when registered stores get into state when they don't have any
+     * not persisted change. This happens after [load](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-load) or [sync](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-sync) request
+     * completion. Or this may happen after a record update which turns its fields back to their original state.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#event-noChanges)
+     * @param {object} event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} event.source The CRUD manager.
+     */
+    onNoChanges? : ((event: { source: AbstractCrudManager }) => void)|string
+    /**
+     * Fires on successful request completion after data gets applied to the stores.
+     * @param {object} event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} event.source The CRUD manager.
+     * @param {'sync','load'} event.requestType The request type (`sync` or `load`).
+     * @param {object} event.response The decoded server response object.
+     * @param {object} event.responseOptions [DEPRECATED] see `requestOptions`
+     * @param {object} event.requestOptions The request options passed to the request.
+     * @param {Response} event.rawResponse The native Response object
+     */
+    onRequestDone? : ((event: { source: AbstractCrudManager, requestType: 'sync'|'load', response: object, responseOptions: object, requestOptions: object, rawResponse: any }) => void)|string
+    /**
+     * Fires when a request fails.
+     * @param {object} event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} event.source The CRUD manager instance.
+     * @param {'sync','load'} event.requestType The request type (`sync` or `load`).
+     * @param {object} event.response The decoded server response object.
+     * @param {string} event.responseText The raw server response text
+     * @param {object} event.responseOptions [DEPRECATED] see `requestOptions`
+     * @param {object} event.requestOptions The request options passed to the request.
+     * @param {Response} event.rawResponse The native Response object
+     */
+    onRequestFail? : ((event: { source: AbstractCrudManager, requestType: 'sync'|'load', response: object, responseText: string, responseOptions: object, requestOptions: object, rawResponse: any }) => void)|string
+    /**
+     * Fires on successful [sync request](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-sync) completion.
+     * @param {object} event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} event.source The CRUD manager.
+     * @param {object} event.response The decoded server response object.
+     * @param {object} event.responseOptions [DEPRECATED] see `requestOptions`
+     * @param {object} event.requestOptions The request options passed to the request.
+     * @param {Response} event.rawResponse The native Response object
+     */
+    onSync? : ((event: { source: AbstractCrudManager, response: object, responseOptions: object, requestOptions: object, rawResponse: any }) => void)|string
+    /**
+     * Fires after [sync request](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-sync) was canceled by some [beforeSync](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#event-beforeSync) listener.
+     * @param {object} event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} event.source The CRUD manager.
+     * @param {object} event.pack The data package which contains data for all stores managed by the crud manager.
+     */
+    onSyncCanceled? : ((event: { source: AbstractCrudManager, pack: object }) => void)|string
+    /**
+     * Fires after [sync request](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-sync) was delayed due to incomplete previous one.
+     * @param {object} event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} event.source The CRUD manager.
+     * @param {object} event.arguments The arguments of [sync](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-sync) call.
+     */
+    onSyncDelayed? : ((event: { source: AbstractCrudManager, arguments: object }) => void)|string
+    /**
+     * Fires when a [sync request](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-sync) fails.
+     * @param {object} event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} event.source The CRUD manager instance.
+     * @param {object} event.response The decoded server response object.
+     * @param {string} event.responseText The raw server response text
+     * @param {object} event.responseOptions [DEPRECATED] see `requestOptions`
+     * @param {object} event.requestOptions The request options passed to the request.
+     * @param {Response} event.rawResponse The native Response object
+     */
+    onSyncFail? : ((event: { source: AbstractCrudManager, response: object, responseText: string, responseOptions: object, requestOptions: object, rawResponse: any }) => void)|string
+
+}
+
+export class BryntumTaskBoardProjectModel extends React.Component<BryntumTaskBoardProjectModelProps> {
+
+    static instanceClass = ProjectModel;
+
+    static instanceName = 'ProjectModel';
+
+    processWidgetContent = processWidgetContent;
+
+    dataStores = {
+        'assignmentStore': 'assignments',
+        'dependencyStore': 'dependencies',
+        'eventStore': 'events',
+        'resourceStore': 'resources',
+        'taskStore': 'tasks'
+    };
+
+    static configNames = [
+        'adjustDurationToDST',
+        'assignmentModelClass',
+        'assignmentsData',
+        'assignmentStoreClass',
+        'autoLoad',
+        'autoSync',
+        'autoSyncTimeout',
+        'bubbleEvents',
+        'children',
+        'dependenciesData',
+        'dependencyModelClass',
+        'dependencyStoreClass',
+        'encoder',
+        'eventsData',
+        'expanded',
+        'ignoreRemoteChangesInSTM',
+        'includeChildrenInRemoveRequest',
+        'listeners',
+        'orderedParentIndex',
+        'parentIndex',
+        'phantomIdField',
+        'phantomParentIdField',
+        'resetIdsBeforeSync',
+        'resourceModelClass',
+        'resourcesData',
+        'resourceStoreClass',
+        'silenceInitialCommit',
+        'skipSuccessProperty',
+        'storeIdProperty',
+        'supportShortSyncResponse',
+        'taskModelClass',
+        'tasksData',
+        'taskStoreClass',
+        'toJSONResultFormat',
+        'trackResponseType',
+        'transport',
+        'useRawData',
+        'validateResponse',
+        'writeAllFields'
+    ];
+
+    static propertyConfigNames = [
+        'assignments',
+        'assignmentStore',
+        'callOnFunctions',
+        'catchEventHandlerExceptions',
+        'crudStores',
+        'dependencies',
+        'dependencyStore',
+        'events',
+        'eventStore',
+        'forceSync',
+        'id',
+        'includeLegacyDataProperties',
+        'isFullyLoaded',
+        'json',
+        'loadUrl',
+        'onBeforeDestroy',
+        'onBeforeLoad',
+        'onBeforeLoadApply',
+        'onBeforeResponseApply',
+        'onBeforeSend',
+        'onBeforeSync',
+        'onBeforeSyncApply',
+        'onCatchAll',
+        'onChange',
+        'onDataReady',
+        'onDestroy',
+        'onHasChanges',
+        'onLoad',
+        'onLoadCanceled',
+        'onLoadFail',
+        'onNoChanges',
+        'onRequestDone',
+        'onRequestFail',
+        'onSync',
+        'onSyncCanceled',
+        'onSyncDelayed',
+        'onSyncFail',
+        'parentId',
+        'readOnly',
+        'remoteChildCount',
+        'resources',
+        'resourceStore',
+        'shouldSyncDataOnLoad',
+        'stm',
+        'syncApplySequence',
+        'syncUrl',
+        'tasks',
+        'taskStore',
+        'timeZone'
+    ];
+
+    static propertyNames = [
+        'allChildren',
+        'allUnfilteredChildren',
+        'descendantCount',
+        'hasGeneratedId',
+        'inlineData',
+        'internalId',
+        'isCommitting',
+        'isCreating',
+        'isValid',
+        'previousSiblingsTotalCount',
+        'resourceTimeRanges',
+        'timeRanges',
+        'visibleDescendantCount'
+    ];
+
+    // Component instance
+    instance!: ProjectModel;
+
+    // Component element
+    element! : HTMLElement;
+
+    componentDidMount(): void {
+        this.instance = createWidget(this);
+    }
+
+    componentWillUnmount(): void {
+        // @ts-ignore
+        this.instance?.destroy?.();
+    }
+
+    /**
+     * Component about to be updated, from changing a prop using state.
+     * React to it depending on what changed and prevent react from re-rendering our component.
+     * @param nextProps
+     * @param nextState
+     * @returns {boolean}
+     */
+    shouldComponentUpdate(nextProps: Readonly<BryntumTaskBoardProjectModelProps>, nextState: Readonly<{}>): boolean {
+        return shouldComponentUpdate(this, nextProps, nextState);
+    }
+
+    render(): React.ReactNode {
+
+        return null
+
+    }
+}