@dunite/au-fluent-ui/src/elements/BasicInputs/DuComboBox.ts

An Aurelia plugin project that wraps Microsoft Fluent UI React components.

import { customElement, TaskQueue, inject } from 'aurelia-framework';
import { ComboBox, IComboBoxProps, IComboBoxOption } from '@fluentui/react/lib/ComboBox';
import { AuReactWrapper, addPropertiesState, onlyAureliaBound } from '@dunite/au-react-wrapper';

let reactprops: IComboBoxProps = <IComboBoxProps>{};
reactprops.buttonIconProps = <any>{};
reactprops.caretDownButtonStyles = <any>{};
reactprops.comboBoxOptionStyles = <any>{};
reactprops.dropdownMaxWidth = <any>{};
reactprops.errorMessage = <any>{};
reactprops.keytipProps = <any>{};
reactprops.onItemClick = onlyAureliaBound;
reactprops.isButtonAriaHidden = <any>{};
reactprops.onPendingValueChanged = onlyAureliaBound;
reactprops.onScrollToItem = onlyAureliaBound;
reactprops.disabled = <any>{};
reactprops.className = <any>{};
reactprops.label = <any>{};
reactprops.options = <any>{};
reactprops.onChange = onlyAureliaBound;
reactprops.defaultSelectedKey = <any>{};
reactprops.selectedKey = <any>{};
//@ts-ignore
reactprops.selectedKeys = <any>{};
reactprops.onMenuOpen = onlyAureliaBound;
reactprops.onMenuDismissed = onlyAureliaBound;
reactprops.onResolveOptions = <any>onlyAureliaBound;
reactprops.allowFreeform = <any>{};
reactprops.autoComplete = <any>{};
reactprops.text = <any>{};
reactprops.scrollSelectedToTop = <any>{};
reactprops.dropdownWidth = <any>{};
reactprops.useComboBoxAsMenuWidth = <any>{};
reactprops.multiSelect = <any>{};
reactprops.onFocus = onlyAureliaBound;
reactprops.onBlur = onlyAureliaBound;


@inject(Element, TaskQueue)
@customElement('du-combo-box')
export class DuComboBox extends AuReactWrapper  implements IComboBoxProps {

  constructor(element, protected tq: TaskQueue) 
  {
    super(element, tq);
    
  }

  hidden: boolean = false;
  options: IComboBoxOption[];

  attached() {
    this.renderReact(ComboBox, this.createState(reactprops));
  }
}

addPropertiesState(DuComboBox, reactprops);