devexpress-richedit/lib/client/public/ribbon/items/select-box.js

DevExpress Rich Text Editor is an advanced word-processing tool designed for working with rich text documents.

import { TypeConverterFactory } from '../../utils';
import { RibbonItemBase, RibbonItemType } from './base';
import { convertToFunction } from '../../../../common/utils/utils';
import { isDefined } from '@devexpress/utils/lib/utils/common';
export class RibbonSelectBoxItem extends RibbonItemBase {
    type = RibbonItemType.SelectBox;
    dataSource;
    displayExpr;
    valueExpr;
    width;
    value;
    valueType;
    textOptions;
    showClearButton;
    placeholder;
    acceptCustomValue;
    _localizeDataSourceItems;
    onCustomItemCreating;
    constructor(id, dataSource, options = {}) {
        super(id, options.beginGroup);
        this.dataSource = dataSource;
        this.width = options.width;
        this.displayExpr = options.displayExpr;
        this.valueExpr = options.valueExpr;
        this.value = options.value;
        this.valueType = options.valueType;
        this._localizeDataSourceItems = options._localizeDataSourceItems === undefined ? false : options._localizeDataSourceItems;
        this.textOptions = options.textOptions ?? {};
        this.showClearButton = options.showClearButton === undefined ? false : options.showClearButton;
        this.placeholder = options.placeholder;
        this.acceptCustomValue = isDefined(options.acceptCustomValue) ? options.acceptCustomValue : false;
        this.onCustomItemCreating = options.onCustomItemCreating ? convertToFunction(options.onCustomItemCreating) : undefined;
        if (!this.onCustomItemCreating && this.valueType) {
            const converter = TypeConverterFactory.create(this.valueType);
            if (converter)
                this.onCustomItemCreating = (e) => e.customItem = { text: e.text, value: converter(e.text) };
        }
    }
}