@bryntum/gantt-react 7.1.1

package/lib/BryntumDemoHeader.js

@@ -0,0 +1,84 @@
+import React, { Component, createRef, Fragment } from 'react';
+import { BryntumFullscreenButton } from './BryntumFullscreenButton';
+import { BryntumButton } from './BryntumButton';
+import { BryntumThemeCombo } from './BryntumThemeCombo';
+import { AjaxHelper, CSSHelper, DemoCodeEditor } from '@bryntum/gantt';
+export class BryntumDemoHeader extends Component {
+    constructor(props) {
+        var _a;
+        super(props);
+        this.codeButtonRef = createRef();
+        this.downloadButtonRef = createRef();
+        this.isTest = document.location.search.includes('test');
+        this.isThin = document.location.href.includes('-thin');
+        this.demoProduct = ((_a = document.location.href.match(/\/(\w+)(-trial)?\/[-\w]*examples\//)) === null || _a === void 0 ? void 0 : _a[1].toLowerCase()) || 'gantt';
+        this.downloadLink = `https://bryntum.com/download/?product=${this.demoProduct}`;
+        this.appFolder = '../';
+        this.toggleCodeEditor = async () => {
+            this.codeEditor = await DemoCodeEditor.toggleCodeEditor(this.codeEditor, this.codeButtonRef.current.instance, {
+                appFolder: this.appFolder,
+                preferredSources: [
+                    /App\.[jt]sx?/,
+                    /\w+Config\.[jt]sx?/
+                ]
+            });
+        };
+        this.state = {
+            hiddenEditor: !Boolean(DemoCodeEditor.monacoCodePath)
+        };
+    }
+    getLink() {
+        const match = /(.*?\/)(examples.*?\/frameworks\/.*?)\/(build|out|dist)/.exec(document.location.href);
+        return match ? `${match[1]}examples/#example-${match[2].replace(/\//gm, '-').replace('examples-frameworks', 'frameworks')}` : '#';
+    }
+    getTitle() {
+        return this.props.title || document.title.split(' - ')[1] || document.title;
+    }
+    shouldComponentUpdate(nextProps) {
+        return nextProps.title !== this.props.title;
+    }
+    async componentDidMount() {
+        if (!this.state.hiddenEditor) {
+            CSSHelper.insertRule('body { flex-direction : row !important }');
+            CSSHelper.insertRule('#root, #container { flex: 1 !important; overflow : hidden !important }');
+            CSSHelper.insertRule('#tools .b-widget { height: 2.5em !important }');
+            const appConfig = (await AjaxHelper.get(`${this.appFolder}app.config.json`, { parseJson: true })).parsedJson;
+            if (appConfig.zip || this.isTest) {
+                const downloadButton = this.downloadButtonRef.current.instance;
+                downloadButton.hidden = false;
+                downloadButton.href = `${this.appFolder}${appConfig.zip}`;
+            }
+        }
+        const params = new URLSearchParams(window.location.search);
+        if (params.has('screenshot')) {
+            document.body.classList.add('b-screenshot');
+            if (window.bryntum) {
+                window.bryntum.noAnimations = true;
+            }
+        }
+    }
+    render() {
+        return (React.createElement(Fragment, null,
+            React.createElement("header", { className: "demo-header b-bryntum" },
+                React.createElement("a", { id: "title", className: "title", href: this.getLink() },
+                    React.createElement("h1", null,
+                        React.createElement("svg", { viewBox: "0 0 354.9 144.52", xmlns: "http://www.w3.org/2000/svg" },
+                            React.createElement("g", null,
+                                React.createElement("path", { d: "m305.63 144.52c-12.47 0-23.53-4.83-31.58-13.28v11.06h-25.54v-142.3h26.75v48.58c7.84-7.64 18.5-12.07 30.37-12.07 27.15 0 49.28 23.33 49.28 54.1s-22.12 53.9-49.28 53.9zm-3.82-83.47c-14.68 0-26.55 13.27-26.55 29.77s11.87 29.16 26.55 29.16 26.55-12.67 26.55-29.16-11.87-29.77-26.55-29.77z" }),
+                                React.createElement("path", { d: "m148.02 0h74.01v29.78h-74.01z" }),
+                                React.createElement("path", { d: "m0 56.26h222.03v29.78h-222.03z" }),
+                                React.createElement("path", { d: "m74.01 112.52h148.02v29.6h-148.02z" }))),
+                        this.getTitle())),
+                React.createElement("div", { id: "tools", className: "tools" },
+                    this.props.children,
+                    this.props.themeCombo && !this.isThin && React.createElement(BryntumThemeCombo, null),
+                    React.createElement(BryntumButton, { text: "Download Trial", href: this.downloadLink, rendition: "filled" }),
+                    React.createElement(BryntumButton, { ref: this.codeButtonRef, hidden: this.state.hiddenEditor, icon: "b-icon-code", onClick: this.toggleCodeEditor, tooltip: 'Click to show the code viewer', rendition: "text" }),
+                    React.createElement(BryntumButton, { ref: this.downloadButtonRef, hidden: true, icon: "b-icon-download", href: '#', tooltip: 'Download this demo zip archive', rendition: "text" }),
+                    React.createElement(BryntumFullscreenButton, null)))));
+    }
+}
+BryntumDemoHeader.defaultProps = {
+    themeCombo: true
+};
+//# sourceMappingURL=BryntumDemoHeader.js.map

package/lib/BryntumDemoHeader.js.map

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

package/lib/BryntumDependencyField.d.ts

@@ -0,0 +1,273 @@
+import React from 'react';
+import { AlignSpec, Base, ChipViewConfig, CollectionCompareOperator, CollectionFilterConfig, Combo, ComboModel, ContainerItemConfig, DependencyField, DependencyFieldListeners, DependencyStore, Duration, DurationConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, List, ListConfig, MaskConfig, Model, Rectangle, Sorter, Store, StoreConfig, TabConfig, TooltipConfig, Widget } from '@bryntum/gantt';
+import { processWidgetContent } from './WrapperHelper.js';
+export declare type BryntumDependencyFieldProps = {
+    adopt?: HTMLElement | string;
+    align?: AlignSpec | string;
+    alignSelf?: string;
+    anchor?: boolean;
+    appendTo?: HTMLElement | string;
+    ariaDescription?: string;
+    ariaLabel?: string;
+    autoComplete?: string;
+    autoExpand?: boolean;
+    autoSelect?: boolean;
+    badge?: string;
+    bubbleEvents?: object;
+    cacheLastResult?: number | string | Duration | DurationConfig;
+    callOnFunctions?: boolean;
+    caseSensitive?: boolean;
+    catchEventHandlerExceptions?: boolean;
+    centered?: boolean;
+    chipView?: ChipViewConfig;
+    clearable?: boolean | FieldTriggerConfig;
+    clearTextOnPickerHide?: boolean;
+    clearTextOnSelection?: boolean;
+    clearWhenInputEmpty?: boolean;
+    cls?: string | object;
+    color?: string;
+    column?: number;
+    config?: object;
+    constrainTo?: HTMLElement | Widget | Rectangle;
+    container?: Record<string, ContainerItemConfig> | ContainerItemConfig[] | FieldContainerConfig | FieldContainer;
+    containValues?: boolean | string | ((field: Field) => boolean);
+    contentElementCls?: string | object;
+    createOnUnmatched?: ((name: string, combo: Combo) => Model) | string | boolean;
+    dataField?: string;
+    dataset?: Record<string, string>;
+    defaultBindProperty?: string;
+    delimiter?: string;
+    dependencyIdField?: string;
+    dependencyStore?: DependencyStore;
+    detectCSSCompatibilityIssues?: boolean;
+    disabled?: boolean | 'inert';
+    displayField?: string;
+    displayValueRenderer?: (record: Model | ComboModel, combo: Combo) => string | void;
+    dock?: 'top' | 'bottom' | 'left' | 'right' | 'start' | 'end' | 'header' | 'pre-header' | object;
+    draggable?: boolean | {
+        handleSelector?: string;
+    };
+    editable?: boolean;
+    elementAttributes?: Record<string, string | null>;
+    emptyText?: string;
+    encodeFilterParams?: (filters: object[]) => object[];
+    extraData?: any;
+    filterable?: boolean;
+    filterOnEnter?: boolean;
+    filterOperator?: CollectionCompareOperator;
+    filterParamName?: string;
+    filterSelected?: boolean;
+    flex?: number | string;
+    floating?: boolean;
+    height?: string | number;
+    hidden?: boolean;
+    hideAnimation?: boolean | object;
+    hidePickerOnSelect?: boolean;
+    hideTrigger?: boolean;
+    highlightExternalChange?: boolean;
+    hint?: string | ((data: {
+        source: Field;
+        value: any;
+    }) => string);
+    hintHtml?: string | ((data: {
+        source: Field;
+        value: any;
+    }) => string);
+    id?: string;
+    ignoreParentReadOnly?: boolean;
+    inline?: boolean;
+    inlinePicker?: boolean;
+    inputAlign?: string;
+    inputAttributes?: Record<string, string>;
+    inputTag?: string;
+    inputType?: string;
+    inputWidth?: string | number;
+    insertBefore?: HTMLElement | string;
+    insertFirst?: HTMLElement | string;
+    items?: object[] | string[] | object;
+    keyMap?: Record<string, KeyMapConfig>;
+    keyStrokeChangeDelay?: number;
+    keyStrokeFilterDelay?: number;
+    label?: string;
+    labelCls?: string | object;
+    labelPosition?: 'before' | 'above' | null;
+    labels?: object[];
+    labelWidth?: string | number;
+    listCls?: string;
+    listeners?: DependencyFieldListeners;
+    listItemTpl?: (record: Model | ComboModel) => string | void;
+    localeClass?: typeof Base;
+    localizable?: boolean;
+    localizableProperties?: string[];
+    margin?: number | string;
+    maskDefaults?: MaskConfig;
+    masked?: boolean | string | MaskConfig;
+    maxHeight?: string | number;
+    maximizeOnMobile?: number | string;
+    maxLength?: number;
+    maxWidth?: string | number;
+    minChars?: number;
+    minHeight?: string | number;
+    minLength?: number;
+    minWidth?: string | number;
+    monitorResize?: boolean | {
+        immediate?: boolean;
+    };
+    multiSelect?: boolean;
+    multiValueSeparator?: string;
+    name?: string;
+    otherSide?: 'from' | 'to';
+    ourSide?: 'from' | 'to';
+    overlayAnchor?: boolean;
+    owner?: Widget | any;
+    picker?: ListConfig | List;
+    pickerAlignElement?: string;
+    pickerWidth?: number | string;
+    placeholder?: string;
+    positioned?: boolean;
+    preventTooltipOnTouch?: boolean;
+    primaryFilter?: CollectionFilterConfig;
+    readOnly?: boolean;
+    relayStoreEvents?: boolean;
+    rendition?: 'outlined' | 'filled' | string;
+    required?: boolean;
+    revertOnEscape?: boolean;
+    ripple?: boolean | {
+        delegate?: string;
+        color?: string;
+        radius?: number;
+        clip?: string;
+    };
+    rootElement?: ShadowRoot | HTMLElement;
+    rtl?: boolean;
+    scrollAction?: 'hide' | 'realign' | null;
+    showAnimation?: boolean | object;
+    showRequiredIndicator?: string;
+    showTooltipWhenDisabled?: boolean;
+    skipValidation?: boolean;
+    sorters?: Sorter[] | string[];
+    span?: number;
+    spellCheck?: boolean;
+    store?: Store | StoreConfig;
+    tab?: boolean | TabConfig;
+    tabIndex?: number;
+    textAlign?: 'left' | 'center' | 'right' | 'start' | 'end';
+    title?: string;
+    tooltip?: string | TooltipConfig | null;
+    triggerAction?: 'all' | 'last' | null;
+    triggers?: Record<string, FieldTriggerConfig> | Record<string, Widget>;
+    type?: 'dependencyfield';
+    ui?: string | object;
+    validateFilter?: boolean;
+    validateOnInput?: boolean;
+    value?: string | number | string[] | number[];
+    valueField?: string | null;
+    weight?: number;
+    width?: string | number;
+    x?: number;
+    y?: number;
+    onAction?: ((event: {
+        source: Combo;
+        value: any;
+        record: Model;
+        records: Model[];
+        userAction: boolean;
+    }) => void) | string;
+    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;
+    onChange?: ((event: {
+        source: Field | any;
+        value: string | number | boolean | any;
+        oldValue: string | number | boolean | any;
+        valid: boolean;
+        event: Event;
+        userAction: boolean;
+        checked: boolean;
+    }) => void) | string;
+    onClear?: ((event: {
+        source: Field | any;
+    }) => void) | string;
+    onDestroy?: ((event: {
+        source: Base;
+    }) => 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;
+    onInput?: ((event: {
+        source: Combo;
+        value: string;
+        event: Event;
+    }) => 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;
+    onSelect?: ((event: {
+        source: Combo;
+        record: Model;
+        records: Model[];
+        userAction: boolean;
+    }) => void) | string;
+    onShow?: ((event: {
+        source: Widget;
+    }) => void) | string;
+    onTrigger?: ((event: {
+        source: Field | any;
+        trigger: Widget;
+    }) => void) | string;
+};
+export declare class BryntumDependencyField extends React.Component<BryntumDependencyFieldProps> {
+    static instanceClass: typeof DependencyField;
+    static instanceName: string;
+    processWidgetContent: typeof processWidgetContent;
+    static configNames: string[];
+    static propertyConfigNames: string[];
+    static propertyNames: string[];
+    instance: DependencyField;
+    element: HTMLElement;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    shouldComponentUpdate(nextProps: Readonly<BryntumDependencyFieldProps>, nextState: Readonly<{}>): boolean;
+    render(): React.ReactNode;
+}

package/lib/BryntumDependencyField.js

@@ -0,0 +1,209 @@
+import React from 'react';
+import { DependencyField } from '@bryntum/gantt';
+import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
+export class BryntumDependencyField 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-dependency-field-container`;
+        return (React.createElement("div", { className: className, ref: (element) => (this.element = element) }));
+    }
+}
+BryntumDependencyField.instanceClass = DependencyField;
+BryntumDependencyField.instanceName = 'DependencyField';
+BryntumDependencyField.configNames = [
+    'adopt',
+    'align',
+    'anchor',
+    'ariaDescription',
+    'ariaLabel',
+    'autoComplete',
+    'autoExpand',
+    'autoSelect',
+    'bubbleEvents',
+    'cacheLastResult',
+    'caseSensitive',
+    'centered',
+    'chipView',
+    'clearable',
+    'clearTextOnPickerHide',
+    'clearTextOnSelection',
+    'clearWhenInputEmpty',
+    'color',
+    'config',
+    'constrainTo',
+    'container',
+    'containValues',
+    'contentElementCls',
+    'createOnUnmatched',
+    'dataField',
+    'defaultBindProperty',
+    'delimiter',
+    'dependencyIdField',
+    'dependencyStore',
+    'detectCSSCompatibilityIssues',
+    'displayField',
+    'displayValueRenderer',
+    'dock',
+    'draggable',
+    'elementAttributes',
+    'emptyText',
+    'encodeFilterParams',
+    'filterable',
+    'filterOnEnter',
+    'filterParamName',
+    'filterSelected',
+    'floating',
+    'hideAnimation',
+    'hidePickerOnSelect',
+    'hideTrigger',
+    'highlightExternalChange',
+    'hint',
+    'hintHtml',
+    'ignoreParentReadOnly',
+    'inline',
+    'inlinePicker',
+    'inputAlign',
+    'inputAttributes',
+    'inputTag',
+    'inputType',
+    'inputWidth',
+    'items',
+    'keyStrokeChangeDelay',
+    'keyStrokeFilterDelay',
+    'labelCls',
+    'labelPosition',
+    'labels',
+    'labelWidth',
+    'listCls',
+    'listeners',
+    'listItemTpl',
+    'localeClass',
+    'localizable',
+    'localizableProperties',
+    'maskDefaults',
+    'masked',
+    'maxLength',
+    'minChars',
+    'minLength',
+    'monitorResize',
+    'multiValueSeparator',
+    'name',
+    'otherSide',
+    'ourSide',
+    'overlayAnchor',
+    'owner',
+    'pickerAlignElement',
+    'pickerWidth',
+    'positioned',
+    'preventTooltipOnTouch',
+    'primaryFilter',
+    'relayStoreEvents',
+    'revertOnEscape',
+    'ripple',
+    'rootElement',
+    'scrollAction',
+    'showAnimation',
+    'showTooltipWhenDisabled',
+    'skipValidation',
+    'sorters',
+    'spellCheck',
+    'tab',
+    'tabIndex',
+    'textAlign',
+    'title',
+    'triggerAction',
+    'type',
+    'ui',
+    'validateFilter',
+    'validateOnInput',
+    'valueField',
+    'weight'
+];
+BryntumDependencyField.propertyConfigNames = [
+    'alignSelf',
+    'appendTo',
+    'badge',
+    'callOnFunctions',
+    'catchEventHandlerExceptions',
+    'cls',
+    'column',
+    'dataset',
+    'disabled',
+    'editable',
+    'extraData',
+    'filterOperator',
+    'flex',
+    'height',
+    'hidden',
+    'id',
+    'insertBefore',
+    'insertFirst',
+    'keyMap',
+    'label',
+    'margin',
+    'maxHeight',
+    'maximizeOnMobile',
+    'maxWidth',
+    'minHeight',
+    'minWidth',
+    'multiSelect',
+    'onAction',
+    'onBeforeDestroy',
+    'onBeforeHide',
+    'onBeforeShow',
+    'onCatchAll',
+    'onChange',
+    'onClear',
+    'onDestroy',
+    'onElementCreated',
+    'onFocusIn',
+    'onFocusOut',
+    'onHide',
+    'onInput',
+    'onPaint',
+    'onReadOnly',
+    'onRecompose',
+    'onResize',
+    'onSelect',
+    'onShow',
+    'onTrigger',
+    'picker',
+    'placeholder',
+    'readOnly',
+    'rendition',
+    'required',
+    'rtl',
+    'showRequiredIndicator',
+    'span',
+    'store',
+    'tooltip',
+    'triggers',
+    'value',
+    'width',
+    'x',
+    'y'
+];
+BryntumDependencyField.propertyNames = [
+    'anchorSize',
+    'content',
+    'focusVisible',
+    'formula',
+    'html',
+    'input',
+    'parent',
+    'scrollable'
+];
+//# sourceMappingURL=BryntumDependencyField.js.map

package/lib/BryntumDependencyField.js.map

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