@bryntum/scheduler-react 7.1.1

package/lib/BryntumSlider.js

@@ -0,0 +1,142 @@
+import React from 'react';
+import { Slider } from '@bryntum/scheduler';
+import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
+export class BryntumSlider 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-slider-container`;
+        return (React.createElement("div", { className: className, ref: (element) => (this.element = element) }));
+    }
+}
+BryntumSlider.instanceClass = Slider;
+BryntumSlider.instanceName = 'Slider';
+BryntumSlider.configNames = [
+    'adopt',
+    'align',
+    'anchor',
+    'ariaDescription',
+    'ariaLabel',
+    'bubbleEvents',
+    'centered',
+    'color',
+    'config',
+    'constrainTo',
+    'contentElementCls',
+    'dataField',
+    'defaultBindProperty',
+    'detectCSSCompatibilityIssues',
+    'dock',
+    'draggable',
+    'elementAttributes',
+    'floating',
+    'hideAnimation',
+    'htmlCls',
+    'ignoreParentReadOnly',
+    'labelCls',
+    'labelPosition',
+    'labelWidth',
+    'listeners',
+    'localeClass',
+    'localizable',
+    'localizableProperties',
+    'maskDefaults',
+    'masked',
+    'monitorResize',
+    'owner',
+    'positioned',
+    'preventTooltipOnTouch',
+    'relayStoreEvents',
+    'ripple',
+    'rootElement',
+    'scrollAction',
+    'showAnimation',
+    'showSteps',
+    'showTooltip',
+    'showTooltipWhenDisabled',
+    'showValue',
+    'tab',
+    'tag',
+    'textAlign',
+    'title',
+    'type',
+    'ui',
+    'weight'
+];
+BryntumSlider.propertyConfigNames = [
+    'alignSelf',
+    'appendTo',
+    'callOnFunctions',
+    'catchEventHandlerExceptions',
+    'cls',
+    'column',
+    'content',
+    'dataset',
+    'disabled',
+    'extraData',
+    'flex',
+    'height',
+    'hidden',
+    'html',
+    'id',
+    'insertBefore',
+    'insertFirst',
+    'keyMap',
+    'label',
+    'margin',
+    'max',
+    'maxHeight',
+    'maximizeOnMobile',
+    'maxWidth',
+    'min',
+    'minHeight',
+    'minWidth',
+    'onBeforeDestroy',
+    'onBeforeHide',
+    'onBeforeShow',
+    'onCatchAll',
+    'onChange',
+    'onDestroy',
+    'onElementCreated',
+    'onFocusIn',
+    'onFocusOut',
+    'onHide',
+    'onInput',
+    'onPaint',
+    'onReadOnly',
+    'onRecompose',
+    'onResize',
+    'onShow',
+    'readOnly',
+    'rtl',
+    'scrollable',
+    'span',
+    'step',
+    'text',
+    'tooltip',
+    'triggerChangeOnInput',
+    'unit',
+    'value',
+    'valueLabelWidth',
+    'width',
+    'x',
+    'y'
+];
+BryntumSlider.propertyNames = [
+    'anchorSize',
+    'focusVisible',
+    'parent'
+];
+//# sourceMappingURL=BryntumSlider.js.map

package/lib/BryntumSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BryntumSlider.js","sourceRoot":"","sources":["../src/BryntumSlider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAA6F,MAAM,EAAgE,MAAM,oBAAoB,CAAC;AAErM,OAAO,EAAE,YAAY,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAsoB/F,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,SAA6B;IAAtE;;QAMI,yBAAoB,GAAG,oBAAoB,CAAC;IA2JhD,CAAC;IA5BG,iBAAiB;QACb,IAAI,CAAC,QAAQ,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC;IAED,oBAAoB;;QAEhB,MAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,OAAO,kDAAI,CAAC;IAC/B,CAAC;IASD,qBAAqB,CAAC,SAAuC,EAAE,SAAuB;QAClF,OAAO,qBAAqB,CAAC,IAAI,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;IAC7D,CAAC;IAED,MAAM;QAEF,MAAM,SAAS,GAAG,0BAA0B,CAAC;QAC7C,OAAO,CACH,6BAAK,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,GAAG,OAAQ,CAAC,GAAQ,CACjF,CAAC;IAEN,CAAC;;AA9JM,2BAAa,GAAG,MAAM,CAAC;AAEvB,0BAAY,GAAG,QAAQ,CAAC;AAIxB,yBAAW,GAAG;IACjB,OAAO;IACP,OAAO;IACP,QAAQ;IACR,iBAAiB;IACjB,WAAW;IACX,cAAc;IACd,UAAU;IACV,OAAO;IACP,QAAQ;IACR,aAAa;IACb,mBAAmB;IACnB,WAAW;IACX,qBAAqB;IACrB,8BAA8B;IAC9B,MAAM;IACN,WAAW;IACX,mBAAmB;IACnB,UAAU;IACV,eAAe;IACf,SAAS;IACT,sBAAsB;IACtB,UAAU;IACV,eAAe;IACf,YAAY;IACZ,WAAW;IACX,aAAa;IACb,aAAa;IACb,uBAAuB;IACvB,cAAc;IACd,QAAQ;IACR,eAAe;IACf,OAAO;IACP,YAAY;IACZ,uBAAuB;IACvB,kBAAkB;IAClB,QAAQ;IACR,aAAa;IACb,cAAc;IACd,eAAe;IACf,WAAW;IACX,aAAa;IACb,yBAAyB;IACzB,WAAW;IACX,KAAK;IACL,KAAK;IACL,WAAW;IACX,OAAO;IACP,MAAM;IACN,IAAI;IACJ,QAAQ;CACX,CAAC;AAEK,iCAAmB,GAAG;IACzB,WAAW;IACX,UAAU;IACV,iBAAiB;IACjB,6BAA6B;IAC7B,KAAK;IACL,QAAQ;IACR,SAAS;IACT,SAAS;IACT,UAAU;IACV,WAAW;IACX,MAAM;IACN,QAAQ;IACR,QAAQ;IACR,MAAM;IACN,IAAI;IACJ,cAAc;IACd,aAAa;IACb,QAAQ;IACR,OAAO;IACP,QAAQ;IACR,KAAK;IACL,WAAW;IACX,kBAAkB;IAClB,UAAU;IACV,KAAK;IACL,WAAW;IACX,UAAU;IACV,iBAAiB;IACjB,cAAc;IACd,cAAc;IACd,YAAY;IACZ,UAAU;IACV,WAAW;IACX,kBAAkB;IAClB,WAAW;IACX,YAAY;IACZ,QAAQ;IACR,SAAS;IACT,SAAS;IACT,YAAY;IACZ,aAAa;IACb,UAAU;IACV,QAAQ;IACR,UAAU;IACV,KAAK;IACL,YAAY;IACZ,MAAM;IACN,MAAM;IACN,MAAM;IACN,SAAS;IACT,sBAAsB;IACtB,MAAM;IACN,OAAO;IACP,iBAAiB;IACjB,OAAO;IACP,GAAG;IACH,GAAG;CACN,CAAC;AAEK,2BAAa,GAAG;IACnB,YAAY;IACZ,cAAc;IACd,QAAQ;CACX,CAAC"}

package/lib/BryntumSplitter.d.ts

@@ -0,0 +1,174 @@
+import React from 'react';
+import { AlignSpec, Base, DomConfig, KeyMapConfig, MaskConfig, Rectangle, Scroller, ScrollerConfig, Splitter, SplitterListeners, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/scheduler';
+import { processWidgetContent } from './WrapperHelper.js';
+export declare type BryntumSplitterProps = {
+    adopt?: HTMLElement | string;
+    align?: AlignSpec | string;
+    alignSelf?: string;
+    anchor?: boolean;
+    appendTo?: HTMLElement | string;
+    ariaDescription?: string;
+    ariaLabel?: string;
+    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>;
+    defaultBindProperty?: string;
+    detectCSSCompatibilityIssues?: boolean;
+    disabled?: boolean | 'inert';
+    dock?: 'top' | 'bottom' | 'left' | 'right' | 'start' | 'end' | 'header' | 'pre-header' | object;
+    draggable?: boolean | {
+        handleSelector?: string;
+    };
+    elementAttributes?: Record<string, string | null>;
+    extraData?: any;
+    flex?: number | string;
+    floating?: boolean;
+    height?: string | number;
+    hidden?: boolean;
+    hideAnimation?: boolean | object;
+    html?: string | ((widget: Widget) => string) | DomConfig | DomConfig[] | VueConfig;
+    htmlCls?: string | object;
+    id?: string;
+    ignoreParentReadOnly?: boolean;
+    insertBefore?: HTMLElement | string;
+    insertFirst?: HTMLElement | string;
+    keyMap?: Record<string, KeyMapConfig>;
+    listeners?: SplitterListeners;
+    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;
+    };
+    orientation?: 'auto' | 'horizontal' | 'vertical';
+    owner?: Widget | any;
+    positioned?: boolean;
+    preventTooltipOnTouch?: boolean;
+    readOnly?: boolean;
+    relayStoreEvents?: boolean;
+    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;
+    showButtons?: boolean | 'start' | 'end';
+    showTooltipWhenDisabled?: boolean;
+    span?: number;
+    tab?: boolean | TabConfig;
+    tag?: string;
+    textAlign?: 'left' | 'center' | 'right' | 'start' | 'end';
+    title?: string;
+    tooltip?: string | TooltipConfig | null;
+    type?: 'splitter';
+    ui?: string | object;
+    weight?: number;
+    width?: string | number;
+    x?: number;
+    y?: number;
+    onBeforeDestroy?: ((event: {
+        source: Base;
+    }) => void) | string;
+    onBeforeHide?: ((event: {
+        source: Widget;
+    }) => Promise<boolean> | boolean | void) | string;
+    onBeforeShow?: ((event: {
+        source: Widget | any;
+    }) => Promise<boolean> | boolean | void) | string;
+    onCatchAll?: ((event: {
+        [key: string]: any;
+        type: string;
+    }) => void) | string;
+    onDestroy?: ((event: {
+        source: Base;
+    }) => void) | string;
+    onDrag?: ((event: {
+        source: Splitter;
+        event: MouseEvent | TouchEvent;
+    }) => void) | string;
+    onDragStart?: ((event: {
+        source: Splitter;
+        event: MouseEvent | TouchEvent;
+    }) => void) | string;
+    onDrop?: ((event: {
+        source: Splitter;
+        event: MouseEvent | TouchEvent;
+    }) => 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 BryntumSplitter extends React.Component<BryntumSplitterProps> {
+    static instanceClass: typeof Splitter;
+    static instanceName: string;
+    processWidgetContent: typeof processWidgetContent;
+    static configNames: string[];
+    static propertyConfigNames: string[];
+    static propertyNames: string[];
+    instance: Splitter;
+    element: HTMLElement;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    shouldComponentUpdate(nextProps: Readonly<BryntumSplitterProps>, nextState: Readonly<{}>): boolean;
+    render(): React.ReactNode;
+}

package/lib/BryntumSplitter.js

@@ -0,0 +1,130 @@
+import React from 'react';
+import { Splitter } from '@bryntum/scheduler';
+import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
+export class BryntumSplitter 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-splitter-container`;
+        return (React.createElement("div", { className: className, ref: (element) => (this.element = element) }));
+    }
+}
+BryntumSplitter.instanceClass = Splitter;
+BryntumSplitter.instanceName = 'Splitter';
+BryntumSplitter.configNames = [
+    'adopt',
+    'align',
+    'anchor',
+    'ariaDescription',
+    'ariaLabel',
+    'bubbleEvents',
+    'centered',
+    'color',
+    'config',
+    'constrainTo',
+    'contentElementCls',
+    'dataField',
+    'defaultBindProperty',
+    'detectCSSCompatibilityIssues',
+    'dock',
+    'draggable',
+    'elementAttributes',
+    'floating',
+    'hideAnimation',
+    'htmlCls',
+    'ignoreParentReadOnly',
+    'listeners',
+    'localeClass',
+    'localizable',
+    'localizableProperties',
+    'maskDefaults',
+    'masked',
+    'monitorResize',
+    'orientation',
+    'owner',
+    'positioned',
+    'preventTooltipOnTouch',
+    'relayStoreEvents',
+    'ripple',
+    'rootElement',
+    'scrollAction',
+    'showAnimation',
+    'showButtons',
+    'showTooltipWhenDisabled',
+    'tab',
+    'tag',
+    'textAlign',
+    'title',
+    'type',
+    'ui',
+    'weight'
+];
+BryntumSplitter.propertyConfigNames = [
+    'alignSelf',
+    'appendTo',
+    'callOnFunctions',
+    'catchEventHandlerExceptions',
+    'cls',
+    'column',
+    'content',
+    'dataset',
+    'disabled',
+    'extraData',
+    'flex',
+    'height',
+    'hidden',
+    'html',
+    'id',
+    'insertBefore',
+    'insertFirst',
+    'keyMap',
+    'margin',
+    'maxHeight',
+    'maximizeOnMobile',
+    'maxWidth',
+    'minHeight',
+    'minWidth',
+    'onBeforeDestroy',
+    'onBeforeHide',
+    'onBeforeShow',
+    'onCatchAll',
+    'onDestroy',
+    'onDrag',
+    'onDragStart',
+    'onDrop',
+    'onElementCreated',
+    'onFocusIn',
+    'onFocusOut',
+    'onHide',
+    'onPaint',
+    'onReadOnly',
+    'onRecompose',
+    'onResize',
+    'onShow',
+    'readOnly',
+    'rtl',
+    'scrollable',
+    'span',
+    'tooltip',
+    'width',
+    'x',
+    'y'
+];
+BryntumSplitter.propertyNames = [
+    'anchorSize',
+    'focusVisible',
+    'parent'
+];
+//# sourceMappingURL=BryntumSplitter.js.map

package/lib/BryntumSplitter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BryntumSplitter.js","sourceRoot":"","sources":["../src/BryntumSplitter.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAA6F,QAAQ,EAAkE,MAAM,oBAAoB,CAAC;AAEzM,OAAO,EAAE,YAAY,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAqlB/F,MAAM,OAAO,eAAgB,SAAQ,KAAK,CAAC,SAA+B;IAA1E;;QAMI,yBAAoB,GAAG,oBAAoB,CAAC;IA+IhD,CAAC;IA5BG,iBAAiB;QACb,IAAI,CAAC,QAAQ,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC;IAED,oBAAoB;;QAEhB,MAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,OAAO,kDAAI,CAAC;IAC/B,CAAC;IASD,qBAAqB,CAAC,SAAyC,EAAE,SAAuB;QACpF,OAAO,qBAAqB,CAAC,IAAI,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;IAC7D,CAAC;IAED,MAAM;QAEF,MAAM,SAAS,GAAG,4BAA4B,CAAC;QAC/C,OAAO,CACH,6BAAK,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,GAAG,OAAQ,CAAC,GAAQ,CACjF,CAAC;IAEN,CAAC;;AAlJM,6BAAa,GAAG,QAAQ,CAAC;AAEzB,4BAAY,GAAG,UAAU,CAAC;AAI1B,2BAAW,GAAG;IACjB,OAAO;IACP,OAAO;IACP,QAAQ;IACR,iBAAiB;IACjB,WAAW;IACX,cAAc;IACd,UAAU;IACV,OAAO;IACP,QAAQ;IACR,aAAa;IACb,mBAAmB;IACnB,WAAW;IACX,qBAAqB;IACrB,8BAA8B;IAC9B,MAAM;IACN,WAAW;IACX,mBAAmB;IACnB,UAAU;IACV,eAAe;IACf,SAAS;IACT,sBAAsB;IACtB,WAAW;IACX,aAAa;IACb,aAAa;IACb,uBAAuB;IACvB,cAAc;IACd,QAAQ;IACR,eAAe;IACf,aAAa;IACb,OAAO;IACP,YAAY;IACZ,uBAAuB;IACvB,kBAAkB;IAClB,QAAQ;IACR,aAAa;IACb,cAAc;IACd,eAAe;IACf,aAAa;IACb,yBAAyB;IACzB,KAAK;IACL,KAAK;IACL,WAAW;IACX,OAAO;IACP,MAAM;IACN,IAAI;IACJ,QAAQ;CACX,CAAC;AAEK,mCAAmB,GAAG;IACzB,WAAW;IACX,UAAU;IACV,iBAAiB;IACjB,6BAA6B;IAC7B,KAAK;IACL,QAAQ;IACR,SAAS;IACT,SAAS;IACT,UAAU;IACV,WAAW;IACX,MAAM;IACN,QAAQ;IACR,QAAQ;IACR,MAAM;IACN,IAAI;IACJ,cAAc;IACd,aAAa;IACb,QAAQ;IACR,QAAQ;IACR,WAAW;IACX,kBAAkB;IAClB,UAAU;IACV,WAAW;IACX,UAAU;IACV,iBAAiB;IACjB,cAAc;IACd,cAAc;IACd,YAAY;IACZ,WAAW;IACX,QAAQ;IACR,aAAa;IACb,QAAQ;IACR,kBAAkB;IAClB,WAAW;IACX,YAAY;IACZ,QAAQ;IACR,SAAS;IACT,YAAY;IACZ,aAAa;IACb,UAAU;IACV,QAAQ;IACR,UAAU;IACV,KAAK;IACL,YAAY;IACZ,MAAM;IACN,SAAS;IACT,OAAO;IACP,GAAG;IACH,GAAG;CACN,CAAC;AAEK,6BAAa,GAAG;IACnB,YAAY;IACZ,cAAc;IACd,QAAQ;CACX,CAAC"}

package/lib/BryntumTabPanel.d.ts

@@ -0,0 +1,249 @@
+import React from 'react';
+import { AlignSpec, Base, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabBarConfig, TabConfig, TabPanel, TabPanelListeners, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/scheduler';
+import { processWidgetContent } from './WrapperHelper.js';
+export declare type BryntumTabPanelProps = {
+    activeTab?: number;
+    adopt?: HTMLElement | string;
+    align?: AlignSpec | string;
+    alignSelf?: string;
+    anchor?: boolean;
+    animateTabChange?: boolean;
+    appendTo?: HTMLElement | string;
+    ariaDescription?: string;
+    ariaLabel?: string;
+    autoHeight?: boolean;
+    autoUpdateRecord?: boolean;
+    bbar?: (ContainerItemConfig | string)[] | ToolbarConfig | PagingToolbarConfig | null;
+    bodyCls?: string | object;
+    bubbleEvents?: object;
+    callOnFunctions?: boolean;
+    catchEventHandlerExceptions?: boolean;
+    centered?: boolean;
+    cls?: string | object;
+    collapsed?: boolean;
+    collapsible?: boolean | PanelCollapserConfig | PanelCollapserOverlayConfig;
+    color?: string;
+    column?: number;
+    config?: object;
+    constrainTo?: HTMLElement | Widget | Rectangle;
+    content?: string;
+    contentElementCls?: string | object;
+    dataField?: string;
+    dataset?: Record<string, string>;
+    defaultBindProperty?: string;
+    defaultFocus?: ((widget: Widget) => boolean) | string;
+    defaults?: ContainerItemConfig;
+    detectCSSCompatibilityIssues?: boolean;
+    disabled?: boolean | 'inert';
+    dock?: 'top' | 'bottom' | 'left' | 'right' | 'start' | 'end' | 'header' | 'pre-header' | object;
+    draggable?: boolean | {
+        handleSelector?: string;
+    };
+    drawer?: boolean | {
+        side?: 'start' | 'left' | 'end' | 'right' | 'top' | 'bottom';
+        size?: string | number;
+        inline?: boolean;
+        autoClose: {
+            mousedown?: boolean | string;
+            focusout?: boolean | string;
+            mouseout?: string;
+        };
+        autoCloseDelay?: number;
+    };
+    elementAttributes?: Record<string, string | null>;
+    extraData?: any;
+    flex?: number | string;
+    floating?: boolean;
+    footer?: {
+        dock?: 'top' | 'right' | 'bottom' | 'left' | 'start' | 'end';
+        html?: string;
+        cls?: string;
+    } | string;
+    header?: string | boolean | PanelHeader;
+    height?: string | number;
+    hidden?: boolean;
+    hideAnimation?: boolean | object;
+    hideWhenEmpty?: boolean;
+    html?: string | ((widget: Widget) => string) | DomConfig | DomConfig[] | VueConfig;
+    htmlCls?: string | object;
+    icon?: string | DomConfig;
+    id?: string;
+    ignoreParentReadOnly?: boolean;
+    inputFieldAlign?: 'start' | 'end';
+    insertBefore?: HTMLElement | string;
+    insertFirst?: HTMLElement | string;
+    itemCls?: string;
+    items?: Record<string, ContainerItemConfig | MenuItemEntry> | (ContainerItemConfig | MenuItemEntry | Widget)[];
+    keyMap?: Record<string, KeyMapConfig>;
+    labelPosition?: 'before' | 'above' | 'align-before' | 'auto' | null;
+    layout?: string | ContainerLayoutConfig;
+    layoutStyle?: object;
+    lazyItems?: Record<string, ContainerItemConfig> | ContainerItemConfig[] | Widget[];
+    listeners?: TabPanelListeners;
+    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, ContainerItemConfig>;
+    owner?: Widget | any;
+    positioned?: boolean;
+    preventTooltipOnTouch?: 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;
+    stateful?: boolean | object | string[];
+    statefulEvents?: object | string[];
+    stateId?: string;
+    stateProvider?: StateProvider;
+    strictRecordMapping?: boolean;
+    strips?: Record<string, ContainerItemConfig>;
+    tab?: boolean | TabConfig;
+    tabBar?: TabBarConfig;
+    tabBarItems?: ToolbarItems[] | Widget[];
+    tabMaxWidth?: number;
+    tabMinWidth?: number;
+    tag?: string;
+    tbar?: (ContainerItemConfig | string)[] | ToolbarConfig | PagingToolbarConfig | null;
+    textAlign?: 'left' | 'center' | 'right' | 'start' | 'end';
+    textContent?: boolean;
+    title?: string;
+    tools?: Record<string, ToolConfig> | null;
+    tooltip?: string | TooltipConfig | null;
+    trapFocus?: boolean;
+    type?: 'tabpanel' | 'tabs';
+    ui?: 'plain' | 'toolbar' | string | object;
+    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;
+    onBeforeStateApply?: ((event: {
+        state: any;
+    }) => Promise<boolean> | boolean | void) | string;
+    onBeforeStateSave?: ((event: {
+        state: any;
+    }) => Promise<boolean> | boolean | void) | string;
+    onBeforeTabChange?: ((event: {
+        activeIndex: number;
+        activeItem: Widget;
+        prevActiveIndex: number;
+        prevActiveItem: Widget;
+    }) => Promise<boolean> | boolean | void) | string;
+    onCatchAll?: ((event: {
+        [key: string]: any;
+        type: string;
+    }) => void) | string;
+    onCollapse?: ((event: {
+        source: Panel;
+    }) => void) | string;
+    onDestroy?: ((event: {
+        source: Base;
+    }) => void) | string;
+    onDirtyStateChange?: ((event: {
+        source: Container;
+        dirty: boolean;
+    }) => void) | string;
+    onElementCreated?: ((event: {
+        element: HTMLElement;
+    }) => void) | string;
+    onExpand?: ((event: {
+        source: Panel;
+    }) => 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;
+    onTabChange?: ((event: {
+        activeIndex: number;
+        activeItem: Widget;
+        prevActiveIndex: number;
+        prevActiveItem: Widget;
+    }) => void) | string;
+    onToolClick?: ((event: {
+        source: Tool;
+        tool: Tool;
+    }) => void) | string;
+};
+export declare class BryntumTabPanel extends React.Component<BryntumTabPanelProps> {
+    static instanceClass: typeof TabPanel;
+    static instanceName: string;
+    processWidgetContent: typeof processWidgetContent;
+    static configNames: string[];
+    static propertyConfigNames: string[];
+    static propertyNames: string[];
+    instance: TabPanel;
+    element: HTMLElement;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    shouldComponentUpdate(nextProps: Readonly<BryntumTabPanelProps>, nextState: Readonly<{}>): boolean;
+    render(): React.ReactNode;
+}