@dunite/au-fluent-ui/src/elements/Content/DuGroupedList.ts

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

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

let reactprops: IGroupedListProps = <IGroupedListProps>{};
reactprops.items = <any>{};
reactprops.onRenderCell = <any>onlyAureliaBound;
reactprops.className = <any>{};
reactprops.compact = <any>{};
reactprops.getGroupHeight = <any>{};
reactprops.groupProps = <any>{};
reactprops.groups = <any>{};
reactprops.listProps = <any>{};
reactprops.onGroupExpandStateChanged = <any>onlyAureliaBound;
reactprops.onShouldVirtualize = <any>onlyAureliaBound;
reactprops.selection = <any>{};
reactprops.selectionMode = <any>{};
reactprops.usePageCache = <any>{};
reactprops.key = <any>{};


@inject(Element, TaskQueue)
@customElement('du-grouped-list')
//@ts-ignore Due to onRenderCell
export class DuGroupedList  extends AuReactWrapper implements IGroupedListProps
{
  constructor(element, protected tq: TaskQueue) 
  {
    super(element, tq);
    
  }

  hidden: boolean;
  items: any[];

  toggleCollapseAll(allCollapsed: boolean)
  {
    return this.reactComponent.toggleCollapseAll(allCollapsed);
  }

  forceUpdate()
  {
    this.reactComponent.forceUpdate();
  }

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


addPropertiesState(DuGroupedList, reactprops);