31 lines
944 B
JavaScript
31 lines
944 B
JavaScript
|
import React from 'react';
|
||
|
import { storiesOf } from '@storybook/react';
|
||
|
import { ContextMenu, Row } from 'asc-web-components';
|
||
|
import Section from '../../.storybook/decorators/section';
|
||
|
|
||
|
storiesOf('Components|ContextMenu', module)
|
||
|
.add('base', () => {
|
||
|
const array = Array.from(Array(10).keys());
|
||
|
|
||
|
let localState = [];
|
||
|
|
||
|
const getOptions = options => {
|
||
|
return localState[0] = options;
|
||
|
};
|
||
|
|
||
|
return (
|
||
|
<Section>
|
||
|
<div id='rowContainer'>
|
||
|
{array.map(item => {
|
||
|
const context = [{ key: item, label: item },{ key: item+1, label: item+1 },{ key: item+2, label: item+2 }];
|
||
|
return (
|
||
|
<Row key={item} checked={false} contextOptions={context} onContextClick={getOptions} >
|
||
|
<span>Context me {item}</span>
|
||
|
</Row>
|
||
|
);
|
||
|
})}
|
||
|
</div>
|
||
|
<ContextMenu targetAreaId='rowContainer' options={localState} />
|
||
|
</Section>
|
||
|
);
|
||
|
});
|