From e2bc84dc3b025ff7543d97c3fece4a5d9b43cf23 Mon Sep 17 00:00:00 2001 From: Ivo Stratev Date: Tue, 30 Aug 2016 17:27:15 +0300 Subject: [PATCH] Delete react-sortable-hoc-tests.tsx --- react-sortable-hoc-tests.tsx | 57 ------------------------------------ 1 file changed, 57 deletions(-) delete mode 100644 react-sortable-hoc-tests.tsx diff --git a/react-sortable-hoc-tests.tsx b/react-sortable-hoc-tests.tsx deleted file mode 100644 index 832b42df1d0b84..00000000000000 --- a/react-sortable-hoc-tests.tsx +++ /dev/null @@ -1,57 +0,0 @@ -/// - -import * as React from 'react'; -import * as ReactDOM from 'react-dom'; - -import { SortableElement, SortableContainer, SortEndHandler, SortEnd, SortEvent, arrayMove } from 'react-sortable-hoc'; - -interface SortableItemProps { - value: string; -} - -interface SortableListProps { - items: Array; -} - -type SortableComponentState = SortableListProps; - -class Item extends React.Component { - public constructor(props: SortableItemProps) { - super(props); - } - - public render(): JSX.Element { - return
  • {this.props.value}
  • ; - } -} - -const SortableItem = SortableElement(Item); - -const SortableList = SortableContainer((props: SortableListProps): JSX.Element => { - const items: Array = props.items.map((value: string, index: number): JSX.Element => { - return ; - }); - return
      {items}
    ; -}); - -class SortableComponent extends React.Component { - private _onSortEnd: SortEndHandler; - - private _handleSotEnd(sort: SortEnd, event: SortEvent): void { - this.setState({items: arrayMove(this.state.items, sort.oldIndex, sort.newIndex)}); - } - - public constructor() { - super(); - this.state = { items: ['Item 1', 'Item 2', 'Item 3', 'Item 4', 'Item 5', 'Item 6'] }; - this._onSortEnd = this._handleSotEnd.bind(this); - } - - public render(): JSX.Element { - return ; - } -} - -let bootstrapNode: HTMLDivElement = document.createElement('div'); -ReactDOM.render(, bootstrapNode); -document.body.appendChild(bootstrapNode);