@bryntum/taskboard-react-thin 7.1.1

package/lib/BryntumTaskBoardBase.js

@@ -0,0 +1,286 @@
+import React from 'react';
+import { TaskBoardBase } from '@bryntum/taskboard-thin';
+import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
+export class BryntumTaskBoardBase extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.processWidgetContent = processWidgetContent;
+        this.portalContainerClass = 'b-react-portal-container';
+        this.state = {
+            portals: new Map(),
+            generation: 0
+        };
+        this.projectStores = true;
+        this.dataStores = {
+            'assignmentStore': 'assignments',
+            'dependencyStore': 'dependencies',
+            'eventStore': 'events',
+            'resourceStore': 'resources',
+            'taskStore': 'tasks'
+        };
+    }
+    componentDidMount() {
+        this.instance = createWidget(this);
+    }
+    componentWillUnmount() {
+        var _a, _b;
+        (_b = (_a = this.instance) === null || _a === void 0 ? void 0 : _a.destroy) === null || _b === void 0 ? void 0 : _b.call(_a);
+    }
+    shouldComponentUpdate(nextProps, nextState) {
+        return shouldComponentUpdate(this, nextProps, nextState);
+    }
+    render() {
+        const className = `b-react-task-board-base-container`;
+        return (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: className, ref: (element) => (this.element = element) }, Array.from(this.state.portals).map((item) => item[1])),
+            React.createElement("div", { ref: el => (this.portalsCache = el), className: "b-react-portals-cache", style: { display: 'none' } })));
+    }
+}
+BryntumTaskBoardBase.instanceClass = TaskBoardBase;
+BryntumTaskBoardBase.instanceName = 'TaskBoardBase';
+BryntumTaskBoardBase.isView = true;
+BryntumTaskBoardBase.featureNames = [
+    'columnDragFeature',
+    'columnFilterFeature',
+    'columnHeaderMenuFeature',
+    'columnLockFeature',
+    'columnRenameFeature',
+    'columnResizeFeature',
+    'columnSortFeature',
+    'columnToolbarsFeature',
+    'filterBarFeature',
+    'simpleTaskEditFeature',
+    'swimlaneDragFeature',
+    'taskDragFeature',
+    'taskDragSelectFeature',
+    'taskEditFeature',
+    'taskMenuFeature',
+    'taskTooltipFeature'
+];
+BryntumTaskBoardBase.configNames = [
+    'activateTaskEvent',
+    'adopt',
+    'align',
+    'anchor',
+    'ariaDescription',
+    'ariaLabel',
+    'autoGenerateColumns',
+    'autoGenerateSwimlanes',
+    'bbar',
+    'bodyCls',
+    'bubbleEvents',
+    'cardSizes',
+    'centered',
+    'chainFilters',
+    'collapseTitle',
+    'collapsible',
+    'color',
+    'columnTitleRenderer',
+    'config',
+    'constrainTo',
+    'cssVarPrefix',
+    'dataField',
+    'detectCSSCompatibilityIssues',
+    'dock',
+    'draggable',
+    'drawer',
+    'elementAttributes',
+    'floating',
+    'footer',
+    'header',
+    'hideAnimation',
+    'htmlEncodeHeaderText',
+    'icon',
+    'ignoreParentReadOnly',
+    'listeners',
+    'loadMask',
+    'loadMaskDefaults',
+    'loadMaskError',
+    'localeClass',
+    'localizable',
+    'localizableProperties',
+    'maskDefaults',
+    'masked',
+    'newTaskDefaults',
+    'owner',
+    'plugins',
+    'positioned',
+    'processItems',
+    'record',
+    'relayStoreEvents',
+    'resourceImagePath',
+    'responsive',
+    'responsiveRoot',
+    'responsiveState',
+    'responsiveTarget',
+    'rootElement',
+    'scrollable',
+    'scrollAction',
+    'scrollManager',
+    'scrollOptions',
+    'selectOnNavigation',
+    'showAnimation',
+    'showCollapseInHeader',
+    'showCountInHeader',
+    'stateful',
+    'statefulEvents',
+    'stateId',
+    'stateProvider',
+    'stickyHeaders',
+    'strips',
+    'swimlaneRenderer',
+    'syncMask',
+    'tab',
+    'tabBarItems',
+    'taskRenderer',
+    'taskSorterFn',
+    'tasksPerRow',
+    'tbar',
+    'ui',
+    'useDomTransition',
+    'weight'
+];
+BryntumTaskBoardBase.propertyConfigNames = [
+    'alignSelf',
+    'appendTo',
+    'assignments',
+    'bodyItems',
+    'callOnFunctions',
+    'catchEventHandlerExceptions',
+    'cls',
+    'collapsed',
+    'column',
+    'columnField',
+    'columns',
+    'css',
+    'dataset',
+    'disabled',
+    'drawOnScroll',
+    'extraData',
+    'flex',
+    'footerItems',
+    'getTaskHeight',
+    'headerItems',
+    'height',
+    'hidden',
+    'id',
+    'inputFieldAlign',
+    'insertBefore',
+    'insertFirst',
+    'isTaskSelectable',
+    'keyMap',
+    'labelPosition',
+    'margin',
+    'maxHeight',
+    'maximizeOnMobile',
+    'maxWidth',
+    'minHeight',
+    'minWidth',
+    'onActivateTask',
+    'onBeforeColumnDrag',
+    'onBeforeColumnDrop',
+    'onBeforeColumnResize',
+    'onBeforeDestroy',
+    'onBeforeHide',
+    'onBeforeResponsiveStateChange',
+    'onBeforeShow',
+    'onBeforeSimpleTaskEdit',
+    'onBeforeStateApply',
+    'onBeforeStateSave',
+    'onBeforeTaskDrag',
+    'onBeforeTaskDrop',
+    'onBeforeTaskEdit',
+    'onBeforeTaskEditShow',
+    'onBeforeTaskRemove',
+    'onCatchAll',
+    'onCellMenuItem',
+    'onCellMenuShow',
+    'onCellMenuToggleItem',
+    'onCollapse',
+    'onColumnCollapse',
+    'onColumnDrag',
+    'onColumnDragAbort',
+    'onColumnDragEnd',
+    'onColumnDragStart',
+    'onColumnDrop',
+    'onColumnExpand',
+    'onColumnFilterHide',
+    'onColumnFilterShow',
+    'onColumnFilterToggle',
+    'onColumnHeaderClick',
+    'onColumnHeaderContextMenu',
+    'onColumnHeaderDblClick',
+    'onColumnHeaderMenuBeforeShow',
+    'onColumnResize',
+    'onColumnResizeStart',
+    'onColumnTitleClick',
+    'onColumnTitleContextMenu',
+    'onColumnTitleDblClick',
+    'onColumnToggle',
+    'onDestroy',
+    'onDirtyStateChange',
+    'onElementCreated',
+    'onExpand',
+    'onFocusIn',
+    'onFocusOut',
+    'onHide',
+    'onPaint',
+    'onReadOnly',
+    'onRecompose',
+    'onRemoveTaskElement',
+    'onRenderTask',
+    'onRenderTasks',
+    'onResize',
+    'onResponsiveStateChange',
+    'onSelectionChange',
+    'onShow',
+    'onSimpleTaskEditCancel',
+    'onSimpleTaskEditComplete',
+    'onSwimlaneCollapse',
+    'onSwimlaneExpand',
+    'onSwimlaneHeaderClick',
+    'onSwimlaneHeaderContextMenu',
+    'onSwimlaneHeaderDblClick',
+    'onSwimlaneToggle',
+    'onTaskClick',
+    'onTaskDblClick',
+    'onTaskDrag',
+    'onTaskDragAbort',
+    'onTaskDragEnd',
+    'onTaskDragStart',
+    'onTaskDrop',
+    'onTaskMenuBeforeShow',
+    'onTaskMenuItem',
+    'onTaskMenuShow',
+    'onTaskMenuToggleItem',
+    'onTaskMouseEnter',
+    'onTaskMouseLeave',
+    'onToolClick',
+    'project',
+    'readOnly',
+    'rendition',
+    'resources',
+    'rtl',
+    'selectedTasks',
+    'showCollapseTooltip',
+    'span',
+    'stretchCards',
+    'strictRecordMapping',
+    'swimlaneField',
+    'swimlanes',
+    'tasks',
+    'title',
+    'tools',
+    'virtualize',
+    'width',
+    'x',
+    'y'
+];
+BryntumTaskBoardBase.propertyNames = [
+    'anchorSize',
+    'focusVisible',
+    'hasChanges',
+    'parent',
+    'state'
+];
+//# sourceMappingURL=BryntumTaskBoardBase.js.map

package/lib/BryntumTaskBoardBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BryntumTaskBoardBase.js","sourceRoot":"","sources":["../src/BryntumTaskBoardBase.tsx"],"names":[],"mappings":"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"}

package/lib/BryntumTaskBoardFieldFilterPicker.d.ts

@@ -0,0 +1,201 @@
+import React from 'react';
+import { AlignSpec, Base, CollectionFilter, CollectionFilterConfig, ComboConfig, Container, DomConfig, FieldFilterPicker, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, ValueFieldPlaceholders, VueConfig, Widget } from '@bryntum/core-thin';
+import { TaskBoardContainerItemConfig, TaskBoardContainerLayoutConfig, TaskBoardFieldFilterPicker, TaskBoardFieldFilterPickerListeners } from '@bryntum/taskboard-thin';
+import { processWidgetContent } from './WrapperHelper.js';
+export declare type BryntumTaskBoardFieldFilterPickerProps = {
+    adopt?: HTMLElement | string;
+    align?: AlignSpec | string;
+    alignSelf?: string;
+    anchor?: boolean;
+    appendTo?: HTMLElement | string;
+    ariaDescription?: string;
+    ariaLabel?: string;
+    autoUpdateRecord?: boolean;
+    bubbleEvents?: object;
+    callOnFunctions?: boolean;
+    catchEventHandlerExceptions?: boolean;
+    centered?: boolean;
+    cls?: string | object;
+    color?: string;
+    column?: number;
+    config?: object;
+    constrainTo?: HTMLElement | Widget | Rectangle;
+    content?: string;
+    contentElementCls?: string | object;
+    dataField?: string;
+    dataset?: Record<string, string>;
+    dateFormat?: string;
+    defaultBindProperty?: string;
+    defaultFocus?: ((widget: Widget) => boolean) | string;
+    defaults?: TaskBoardContainerItemConfig;
+    detectCSSCompatibilityIssues?: boolean;
+    disabled?: boolean;
+    dock?: 'top' | 'bottom' | 'left' | 'right' | 'start' | 'end' | 'header' | 'pre-header' | object;
+    draggable?: boolean | {
+        handleSelector?: string;
+    };
+    elementAttributes?: Record<string, string | null>;
+    extraData?: any;
+    filter?: CollectionFilterConfig;
+    flex?: number | string;
+    floating?: boolean;
+    getValueFieldConfig?: (filter: CollectionFilter, fieldConfig: TaskBoardContainerItemConfig) => TaskBoardContainerItemConfig;
+    height?: string | number;
+    hidden?: boolean;
+    hideAnimation?: boolean | object;
+    hideWhenEmpty?: boolean;
+    html?: string | ((widget: Widget) => string) | DomConfig | DomConfig[] | VueConfig;
+    htmlCls?: string | object;
+    id?: string;
+    ignoreParentReadOnly?: boolean;
+    inputFieldAlign?: 'start' | 'end';
+    insertBefore?: HTMLElement | string;
+    insertFirst?: HTMLElement | string;
+    itemCls?: string;
+    items?: Record<string, TaskBoardContainerItemConfig | MenuItemEntry> | (TaskBoardContainerItemConfig | MenuItemEntry | Widget)[];
+    keyMap?: Record<string, KeyMapConfig>;
+    labelPosition?: 'before' | 'above' | 'align-before' | 'auto' | null;
+    layout?: string | TaskBoardContainerLayoutConfig;
+    layoutStyle?: object;
+    lazyItems?: Record<string, TaskBoardContainerItemConfig> | TaskBoardContainerItemConfig[] | Widget[];
+    listeners?: TaskBoardFieldFilterPickerListeners;
+    localeClass?: typeof Base;
+    localizable?: boolean;
+    localizableProperties?: string[];
+    margin?: number | string;
+    maskDefaults?: MaskConfig;
+    masked?: boolean | string | MaskConfig;
+    maxHeight?: string | number;
+    maximizeOnMobile?: number | string;
+    maxWidth?: string | number;
+    minHeight?: string | number;
+    minWidth?: string | number;
+    monitorResize?: boolean | {
+        immediate?: boolean;
+    };
+    namedItems?: Record<string, TaskBoardContainerItemConfig>;
+    operatorLocked?: boolean;
+    operators?: object;
+    owner?: Widget | any;
+    positioned?: boolean;
+    preventTooltipOnTouch?: boolean;
+    propertyFieldConfig?: ComboConfig;
+    propertyLocked?: boolean;
+    readOnly?: boolean;
+    record?: Model;
+    relayStoreEvents?: boolean;
+    rendition?: string | Record<string, string> | null;
+    ripple?: boolean | {
+        delegate?: string;
+        color?: string;
+        radius?: number;
+        clip?: string;
+    };
+    rootElement?: ShadowRoot | HTMLElement;
+    rtl?: boolean;
+    scrollable?: boolean | ScrollerConfig | Scroller;
+    scrollAction?: 'hide' | 'realign' | null;
+    showAnimation?: boolean | object;
+    showTooltipWhenDisabled?: boolean;
+    span?: number;
+    strictRecordMapping?: boolean;
+    tab?: boolean | TabConfig;
+    tabBarItems?: ToolbarItems[] | Widget[];
+    tag?: string;
+    textAlign?: 'left' | 'center' | 'right' | 'start' | 'end';
+    textContent?: boolean;
+    title?: string;
+    tooltip?: string | TooltipConfig | null;
+    triggerChangeOnInput?: boolean;
+    type?: 'taskboardfieldfilterpicker';
+    ui?: string | object;
+    valueFieldPlaceholders?: ValueFieldPlaceholders;
+    valueLocked?: boolean;
+    weight?: number;
+    width?: string | number;
+    x?: number;
+    y?: number;
+    onBeforeDestroy?: ((event: {
+        source: Base;
+    }) => void) | string;
+    onBeforeHide?: ((event: {
+        source: Widget;
+    }) => Promise<boolean> | boolean | void) | string;
+    onBeforeSetRecord?: ((event: {
+        source: Container;
+        record: Model;
+    }) => void) | string;
+    onBeforeShow?: ((event: {
+        source: Widget | any;
+    }) => Promise<boolean> | boolean | void) | string;
+    onCatchAll?: ((event: {
+        [key: string]: any;
+        type: string;
+    }) => void) | string;
+    onChange?: ((event: {
+        source: FieldFilterPicker;
+        filter: any[];
+        isValid: boolean;
+    }) => void) | string;
+    onDestroy?: ((event: {
+        source: Base;
+    }) => void) | string;
+    onDirtyStateChange?: ((event: {
+        source: Container;
+        dirty: boolean;
+    }) => void) | string;
+    onElementCreated?: ((event: {
+        element: HTMLElement;
+    }) => void) | string;
+    onFocusIn?: ((event: {
+        source: Widget;
+        fromElement: HTMLElement;
+        toElement: HTMLElement;
+        fromWidget: Widget;
+        toWidget: Widget;
+        backwards: boolean;
+    }) => void) | string;
+    onFocusOut?: ((event: {
+        source: Widget;
+        fromElement: HTMLElement;
+        toElement: HTMLElement;
+        fromWidget: Widget;
+        toWidget: Widget;
+        backwards: boolean;
+    }) => void) | string;
+    onHide?: ((event: {
+        source: Widget;
+    }) => void) | string;
+    onPaint?: ((event: {
+        source: Widget;
+        firstPaint: boolean;
+    }) => void) | string;
+    onReadOnly?: ((event: {
+        readOnly: boolean;
+    }) => void) | string;
+    onRecompose?: (() => void) | string;
+    onResize?: ((event: {
+        source: Widget;
+        width: number;
+        height: number;
+        oldWidth: number;
+        oldHeight: number;
+    }) => void) | string;
+    onShow?: ((event: {
+        source: Widget;
+    }) => void) | string;
+};
+export declare class BryntumTaskBoardFieldFilterPicker extends React.Component<BryntumTaskBoardFieldFilterPickerProps> {
+    static instanceClass: typeof TaskBoardFieldFilterPicker;
+    static instanceName: string;
+    processWidgetContent: typeof processWidgetContent;
+    static configNames: string[];
+    static propertyConfigNames: string[];
+    static propertyNames: string[];
+    instance: TaskBoardFieldFilterPicker;
+    element: HTMLElement;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    shouldComponentUpdate(nextProps: Readonly<BryntumTaskBoardFieldFilterPickerProps>, nextState: Readonly<{}>): boolean;
+    render(): React.ReactNode;
+}

package/lib/BryntumTaskBoardFieldFilterPicker.js

@@ -0,0 +1,159 @@
+import React from 'react';
+import { TaskBoardFieldFilterPicker } from '@bryntum/taskboard-thin';
+import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
+export class BryntumTaskBoardFieldFilterPicker extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.processWidgetContent = processWidgetContent;
+    }
+    componentDidMount() {
+        this.instance = createWidget(this);
+    }
+    componentWillUnmount() {
+        var _a, _b;
+        (_b = (_a = this.instance) === null || _a === void 0 ? void 0 : _a.destroy) === null || _b === void 0 ? void 0 : _b.call(_a);
+    }
+    shouldComponentUpdate(nextProps, nextState) {
+        return shouldComponentUpdate(this, nextProps, nextState);
+    }
+    render() {
+        const className = `b-react-task-board-field-filter-picker-container`;
+        return (React.createElement("div", { className: className, ref: (element) => (this.element = element) }));
+    }
+}
+BryntumTaskBoardFieldFilterPicker.instanceClass = TaskBoardFieldFilterPicker;
+BryntumTaskBoardFieldFilterPicker.instanceName = 'TaskBoardFieldFilterPicker';
+BryntumTaskBoardFieldFilterPicker.configNames = [
+    'adopt',
+    'align',
+    'anchor',
+    'ariaDescription',
+    'ariaLabel',
+    'autoUpdateRecord',
+    'bubbleEvents',
+    'centered',
+    'color',
+    'config',
+    'constrainTo',
+    'contentElementCls',
+    'dataField',
+    'dateFormat',
+    'defaultBindProperty',
+    'defaultFocus',
+    'defaults',
+    'detectCSSCompatibilityIssues',
+    'dock',
+    'draggable',
+    'elementAttributes',
+    'filter',
+    'floating',
+    'getValueFieldConfig',
+    'hideAnimation',
+    'hideWhenEmpty',
+    'htmlCls',
+    'ignoreParentReadOnly',
+    'itemCls',
+    'lazyItems',
+    'listeners',
+    'localeClass',
+    'localizable',
+    'localizableProperties',
+    'maskDefaults',
+    'masked',
+    'monitorResize',
+    'namedItems',
+    'operatorLocked',
+    'operators',
+    'owner',
+    'positioned',
+    'preventTooltipOnTouch',
+    'propertyFieldConfig',
+    'propertyLocked',
+    'relayStoreEvents',
+    'ripple',
+    'rootElement',
+    'scrollAction',
+    'showAnimation',
+    'showTooltipWhenDisabled',
+    'tab',
+    'tabBarItems',
+    'tag',
+    'textAlign',
+    'textContent',
+    'title',
+    'triggerChangeOnInput',
+    'type',
+    'ui',
+    'valueFieldPlaceholders',
+    'valueLocked',
+    'weight'
+];
+BryntumTaskBoardFieldFilterPicker.propertyConfigNames = [
+    'alignSelf',
+    'appendTo',
+    'callOnFunctions',
+    'catchEventHandlerExceptions',
+    'cls',
+    'column',
+    'content',
+    'dataset',
+    'disabled',
+    'extraData',
+    'flex',
+    'height',
+    'hidden',
+    'html',
+    'id',
+    'inputFieldAlign',
+    'insertBefore',
+    'insertFirst',
+    'items',
+    'keyMap',
+    'labelPosition',
+    'layout',
+    'layoutStyle',
+    'margin',
+    'maxHeight',
+    'maximizeOnMobile',
+    'maxWidth',
+    'minHeight',
+    'minWidth',
+    'onBeforeDestroy',
+    'onBeforeHide',
+    'onBeforeSetRecord',
+    'onBeforeShow',
+    'onCatchAll',
+    'onChange',
+    'onDestroy',
+    'onDirtyStateChange',
+    'onElementCreated',
+    'onFocusIn',
+    'onFocusOut',
+    'onHide',
+    'onPaint',
+    'onReadOnly',
+    'onRecompose',
+    'onResize',
+    'onShow',
+    'readOnly',
+    'record',
+    'rendition',
+    'rtl',
+    'scrollable',
+    'span',
+    'strictRecordMapping',
+    'tooltip',
+    'width',
+    'x',
+    'y'
+];
+BryntumTaskBoardFieldFilterPicker.propertyNames = [
+    'anchorSize',
+    'focusVisible',
+    'hasChanges',
+    'isSettingValues',
+    'isValid',
+    'parent',
+    'values'
+];
+//# sourceMappingURL=BryntumTaskBoardFieldFilterPicker.js.map

package/lib/BryntumTaskBoardFieldFilterPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BryntumTaskBoardFieldFilterPicker.js","sourceRoot":"","sources":["../src/BryntumTaskBoardFieldFilterPicker.tsx"],"names":[],"mappings":"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"}