@bryntum/grid-angular 7.1.1 → 7.1.3

package/src/lib/grid.module.ts

@@ -0,0 +1,196 @@
+/**
+* Angular Bryntum Grid Shared module
+*/
+import { NgModule } from '@angular/core';
+
+import { BryntumFullscreenButtonComponent } from './bryntum-fullscreen-button.component';
+import { BryntumDemoHeaderComponent } from './bryntum-demo-header.component';
+
+import { BryntumAIFilterFieldComponent } from './bryntum-a-i-filter-field.component';
+import { BryntumButtonComponent } from './bryntum-button.component';
+import { BryntumButtonGroupComponent } from './bryntum-button-group.component';
+import { BryntumChatPanelComponent } from './bryntum-chat-panel.component';
+import { BryntumCheckboxComponent } from './bryntum-checkbox.component';
+import { BryntumCheckboxGroupComponent } from './bryntum-checkbox-group.component';
+import { BryntumChecklistFilterComboComponent } from './bryntum-checklist-filter-combo.component';
+import { BryntumChipViewComponent } from './bryntum-chip-view.component';
+import { BryntumCodeEditorComponent } from './bryntum-code-editor.component';
+import { BryntumColorFieldComponent } from './bryntum-color-field.component';
+import { BryntumComboComponent } from './bryntum-combo.component';
+import { BryntumContainerComponent } from './bryntum-container.component';
+import { BryntumDateFieldComponent } from './bryntum-date-field.component';
+import { BryntumDatePickerComponent } from './bryntum-date-picker.component';
+import { BryntumDateRangeFieldComponent } from './bryntum-date-range-field.component';
+import { BryntumDateTimeFieldComponent } from './bryntum-date-time-field.component';
+import { BryntumDemoCodeEditorComponent } from './bryntum-demo-code-editor.component';
+import { BryntumDisplayFieldComponent } from './bryntum-display-field.component';
+import { BryntumDurationFieldComponent } from './bryntum-duration-field.component';
+import { BryntumEditorComponent } from './bryntum-editor.component';
+import { BryntumFieldFilterPickerComponent } from './bryntum-field-filter-picker.component';
+import { BryntumFieldFilterPickerGroupComponent } from './bryntum-field-filter-picker-group.component';
+import { BryntumFieldSetComponent } from './bryntum-field-set.component';
+import { BryntumFileFieldComponent } from './bryntum-file-field.component';
+import { BryntumFilePickerComponent } from './bryntum-file-picker.component';
+import { BryntumFilterFieldComponent } from './bryntum-filter-field.component';
+import { BryntumGridComponent } from './bryntum-grid.component';
+import { BryntumGridBaseComponent } from './bryntum-grid-base.component';
+import { BryntumGridChartDesignerComponent } from './bryntum-grid-chart-designer.component';
+import { BryntumGridFieldFilterPickerComponent } from './bryntum-grid-field-filter-picker.component';
+import { BryntumGridFieldFilterPickerGroupComponent } from './bryntum-grid-field-filter-picker-group.component';
+import { BryntumGroupBarComponent } from './bryntum-group-bar.component';
+import { BryntumHintComponent } from './bryntum-hint.component';
+import { BryntumLabelComponent } from './bryntum-label.component';
+import { BryntumListComponent } from './bryntum-list.component';
+import { BryntumMenuComponent } from './bryntum-menu.component';
+import { BryntumMonthPickerComponent } from './bryntum-month-picker.component';
+import { BryntumNumberFieldComponent } from './bryntum-number-field.component';
+import { BryntumPagingToolbarComponent } from './bryntum-paging-toolbar.component';
+import { BryntumPanelComponent } from './bryntum-panel.component';
+import { BryntumPasswordFieldComponent } from './bryntum-password-field.component';
+import { BryntumRadioComponent } from './bryntum-radio.component';
+import { BryntumRadioGroupComponent } from './bryntum-radio-group.component';
+import { BryntumSliderComponent } from './bryntum-slider.component';
+import { BryntumSlideToggleComponent } from './bryntum-slide-toggle.component';
+import { BryntumSplitterComponent } from './bryntum-splitter.component';
+import { BryntumTabPanelComponent } from './bryntum-tab-panel.component';
+import { BryntumTextAreaFieldComponent } from './bryntum-text-area-field.component';
+import { BryntumTextAreaPickerFieldComponent } from './bryntum-text-area-picker-field.component';
+import { BryntumTextFieldComponent } from './bryntum-text-field.component';
+import { BryntumTimeFieldComponent } from './bryntum-time-field.component';
+import { BryntumTimePickerComponent } from './bryntum-time-picker.component';
+import { BryntumToolbarComponent } from './bryntum-toolbar.component';
+import { BryntumTreeComboComponent } from './bryntum-tree-combo.component';
+import { BryntumTreeGridComponent } from './bryntum-tree-grid.component';
+import { BryntumWidgetComponent } from './bryntum-widget.component';
+import { BryntumYearPickerComponent } from './bryntum-year-picker.component';
+
+@NgModule({
+    declarations : [
+
+        BryntumFullscreenButtonComponent,
+        BryntumDemoHeaderComponent,
+
+        BryntumAIFilterFieldComponent,
+        BryntumButtonComponent,
+        BryntumButtonGroupComponent,
+        BryntumChatPanelComponent,
+        BryntumCheckboxComponent,
+        BryntumCheckboxGroupComponent,
+        BryntumChecklistFilterComboComponent,
+        BryntumChipViewComponent,
+        BryntumCodeEditorComponent,
+        BryntumColorFieldComponent,
+        BryntumComboComponent,
+        BryntumContainerComponent,
+        BryntumDateFieldComponent,
+        BryntumDatePickerComponent,
+        BryntumDateRangeFieldComponent,
+        BryntumDateTimeFieldComponent,
+        BryntumDemoCodeEditorComponent,
+        BryntumDisplayFieldComponent,
+        BryntumDurationFieldComponent,
+        BryntumEditorComponent,
+        BryntumFieldFilterPickerComponent,
+        BryntumFieldFilterPickerGroupComponent,
+        BryntumFieldSetComponent,
+        BryntumFileFieldComponent,
+        BryntumFilePickerComponent,
+        BryntumFilterFieldComponent,
+        BryntumGridComponent,
+        BryntumGridBaseComponent,
+        BryntumGridChartDesignerComponent,
+        BryntumGridFieldFilterPickerComponent,
+        BryntumGridFieldFilterPickerGroupComponent,
+        BryntumGroupBarComponent,
+        BryntumHintComponent,
+        BryntumLabelComponent,
+        BryntumListComponent,
+        BryntumMenuComponent,
+        BryntumMonthPickerComponent,
+        BryntumNumberFieldComponent,
+        BryntumPagingToolbarComponent,
+        BryntumPanelComponent,
+        BryntumPasswordFieldComponent,
+        BryntumRadioComponent,
+        BryntumRadioGroupComponent,
+        BryntumSliderComponent,
+        BryntumSlideToggleComponent,
+        BryntumSplitterComponent,
+        BryntumTabPanelComponent,
+        BryntumTextAreaFieldComponent,
+        BryntumTextAreaPickerFieldComponent,
+        BryntumTextFieldComponent,
+        BryntumTimeFieldComponent,
+        BryntumTimePickerComponent,
+        BryntumToolbarComponent,
+        BryntumTreeComboComponent,
+        BryntumTreeGridComponent,
+        BryntumWidgetComponent,
+        BryntumYearPickerComponent
+    ],
+    imports : [],
+    exports : [
+
+        BryntumFullscreenButtonComponent,
+        BryntumDemoHeaderComponent,
+
+        BryntumAIFilterFieldComponent,
+        BryntumButtonComponent,
+        BryntumButtonGroupComponent,
+        BryntumChatPanelComponent,
+        BryntumCheckboxComponent,
+        BryntumCheckboxGroupComponent,
+        BryntumChecklistFilterComboComponent,
+        BryntumChipViewComponent,
+        BryntumCodeEditorComponent,
+        BryntumColorFieldComponent,
+        BryntumComboComponent,
+        BryntumContainerComponent,
+        BryntumDateFieldComponent,
+        BryntumDatePickerComponent,
+        BryntumDateRangeFieldComponent,
+        BryntumDateTimeFieldComponent,
+        BryntumDemoCodeEditorComponent,
+        BryntumDisplayFieldComponent,
+        BryntumDurationFieldComponent,
+        BryntumEditorComponent,
+        BryntumFieldFilterPickerComponent,
+        BryntumFieldFilterPickerGroupComponent,
+        BryntumFieldSetComponent,
+        BryntumFileFieldComponent,
+        BryntumFilePickerComponent,
+        BryntumFilterFieldComponent,
+        BryntumGridComponent,
+        BryntumGridBaseComponent,
+        BryntumGridChartDesignerComponent,
+        BryntumGridFieldFilterPickerComponent,
+        BryntumGridFieldFilterPickerGroupComponent,
+        BryntumGroupBarComponent,
+        BryntumHintComponent,
+        BryntumLabelComponent,
+        BryntumListComponent,
+        BryntumMenuComponent,
+        BryntumMonthPickerComponent,
+        BryntumNumberFieldComponent,
+        BryntumPagingToolbarComponent,
+        BryntumPanelComponent,
+        BryntumPasswordFieldComponent,
+        BryntumRadioComponent,
+        BryntumRadioGroupComponent,
+        BryntumSliderComponent,
+        BryntumSlideToggleComponent,
+        BryntumSplitterComponent,
+        BryntumTabPanelComponent,
+        BryntumTextAreaFieldComponent,
+        BryntumTextAreaPickerFieldComponent,
+        BryntumTextFieldComponent,
+        BryntumTimeFieldComponent,
+        BryntumTimePickerComponent,
+        BryntumToolbarComponent,
+        BryntumTreeComboComponent,
+        BryntumTreeGridComponent,
+        BryntumWidgetComponent,
+        BryntumYearPickerComponent
+    ]
+})
+export class BryntumGridModule { }

package/src/lib/wrapper.helper.ts

@@ -0,0 +1,89 @@
+import { isDevMode } from '@angular/core';
+
+export default class WrapperHelper {
+    /**
+     * Development warning. Showed when environment is set to 'development'.
+     */
+    public static devWarning(clsName: string, msg: string) : void {
+        // @ts-ignore
+        if (window.bryntum && window.bryntum.isTestEnv || isDevMode()) {
+            console.warn(`Bryntum${clsName}Component development warning!\n${msg}\n` +
+            'Please check Angular integration guide: https://bryntum.com/products/grid/docs/guide/Grid/integration/angular/guide'
+            );
+        }
+    }
+
+    /**
+     * Development warning for container parameter.
+     */
+    public static devWarningContainer(clsName: string, containerParam: string) : void {
+        WrapperHelper.devWarning(clsName,
+            `Using "${containerParam}" parameter for configuration is not recommended.\n` +
+            'Widget is placed automatically inside it\'s container element' +
+            `Solution: remove "${containerParam}" parameter from configuration.`
+        );
+    }
+
+    /**
+     * Development warning for config parameter.
+     */
+    public static devWarningConfigProp(clsName: string, prop: string) : void {
+        WrapperHelper.devWarning(clsName,
+            `Using "${prop}" parameter for configuration is not recommended.\n` +
+            `Solution: Use separate parameter for each "${prop}" value to enable reactive updates of the API instance`
+        );
+    }
+
+    /**
+     * Development warning for config property.
+     */
+    public static devWarningUpdateProp(clsName: string, prop: string): void {
+        WrapperHelper.devWarning(clsName,
+            `"${prop}" is a static config option for component constructor only. No runtime changes are supported!`
+        );
+    }
+
+    /**
+     * Applies property value to Bryntum config or instance.
+     * @param {Object} configOrInstance target object
+     * @param {string} prop property name
+     * @param {any} value value
+     * @param {Boolean} isConfig config setting mode
+     */
+    public static applyPropValue(configOrInstance: object|any, prop: string, value: object|any, isConfig: boolean = true): void {
+
+        if (prop === 'project') {
+            // Allow use ProjectModel component as project
+            if (value && typeof value === 'object') {
+                configOrInstance[prop] = value.instance || value;
+            }
+        }
+        else if (prop === 'features' && typeof value === 'object') {
+            Object.keys(value).forEach(key => WrapperHelper.applyPropValue(configOrInstance, `${key}Feature`, value[key], isConfig));
+        }
+        else if (prop === 'config' && typeof value === 'object') {
+            Object.keys(value).forEach(key => WrapperHelper.applyPropValue(configOrInstance, key, value[key], isConfig));
+        }
+        else if (prop === 'columns' && !isConfig) {
+            configOrInstance['columns'].data = value;
+        }
+        else if (prop.endsWith('Feature')) {
+            const
+                features    = configOrInstance['features'],
+                featureName = prop.replace('Feature', '');
+            if (isConfig) {
+                features[featureName] = value;
+            }
+            else {
+                const feature = features[featureName];
+                if (feature) {
+                    feature.setConfig(value);
+                }
+            }
+        }
+        else {
+            configOrInstance[prop] = value;
+        }
+    }
+
+}

package/src/public-api.ts

@@ -0,0 +1,65 @@
+/*
+ * Public API Surface of Bryntum Grid
+ */
+export * from './lib/grid.module';
+
+export * from './lib/bryntum-fullscreen-button.component';
+export * from './lib/bryntum-demo-header.component';
+
+export * from './lib/bryntum-a-i-filter-field.component';
+export * from './lib/bryntum-button.component';
+export * from './lib/bryntum-button-group.component';
+export * from './lib/bryntum-chat-panel.component';
+export * from './lib/bryntum-checkbox.component';
+export * from './lib/bryntum-checkbox-group.component';
+export * from './lib/bryntum-checklist-filter-combo.component';
+export * from './lib/bryntum-chip-view.component';
+export * from './lib/bryntum-code-editor.component';
+export * from './lib/bryntum-color-field.component';
+export * from './lib/bryntum-combo.component';
+export * from './lib/bryntum-container.component';
+export * from './lib/bryntum-date-field.component';
+export * from './lib/bryntum-date-picker.component';
+export * from './lib/bryntum-date-range-field.component';
+export * from './lib/bryntum-date-time-field.component';
+export * from './lib/bryntum-demo-code-editor.component';
+export * from './lib/bryntum-display-field.component';
+export * from './lib/bryntum-duration-field.component';
+export * from './lib/bryntum-editor.component';
+export * from './lib/bryntum-field-filter-picker.component';
+export * from './lib/bryntum-field-filter-picker-group.component';
+export * from './lib/bryntum-field-set.component';
+export * from './lib/bryntum-file-field.component';
+export * from './lib/bryntum-file-picker.component';
+export * from './lib/bryntum-filter-field.component';
+export * from './lib/bryntum-grid.component';
+export * from './lib/bryntum-grid-base.component';
+export * from './lib/bryntum-grid-chart-designer.component';
+export * from './lib/bryntum-grid-field-filter-picker.component';
+export * from './lib/bryntum-grid-field-filter-picker-group.component';
+export * from './lib/bryntum-group-bar.component';
+export * from './lib/bryntum-hint.component';
+export * from './lib/bryntum-label.component';
+export * from './lib/bryntum-list.component';
+export * from './lib/bryntum-menu.component';
+export * from './lib/bryntum-month-picker.component';
+export * from './lib/bryntum-number-field.component';
+export * from './lib/bryntum-paging-toolbar.component';
+export * from './lib/bryntum-panel.component';
+export * from './lib/bryntum-password-field.component';
+export * from './lib/bryntum-radio.component';
+export * from './lib/bryntum-radio-group.component';
+export * from './lib/bryntum-slider.component';
+export * from './lib/bryntum-slide-toggle.component';
+export * from './lib/bryntum-splitter.component';
+export * from './lib/bryntum-tab-panel.component';
+export * from './lib/bryntum-text-area-field.component';
+export * from './lib/bryntum-text-area-picker-field.component';
+export * from './lib/bryntum-text-field.component';
+export * from './lib/bryntum-time-field.component';
+export * from './lib/bryntum-time-picker.component';
+export * from './lib/bryntum-toolbar.component';
+export * from './lib/bryntum-tree-combo.component';
+export * from './lib/bryntum-tree-grid.component';
+export * from './lib/bryntum-widget.component';
+export * from './lib/bryntum-year-picker.component'