/
toolbar.tsx
74 lines (69 loc) · 2.52 KB
/
toolbar.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
//
// Copyright (c) Microsoft. All rights reserved.
// Licensed under the MIT license.
//
// Microsoft Bot Framework: http://botframework.com
//
// Bot Framework Emulator Github:
// https://github.com/Microsoft/BotFramwork-Emulator
//
// Copyright (c) Microsoft Corporation
// All rights reserved.
//
// MIT License:
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED ""AS IS"", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
//
import * as React from 'react';
import * as styles from './toolbar.scss';
import { filterChildren, hmrSafeNameComparison } from '@bfemulator/ui-react';
export default class ToolBar extends React.Component<{}, {}> {
render() {
return (
<div className={ styles.toolbar }>
<ul>
{ filterChildren(this.props.children,
child => child && child.props.visible).map((child, i) => this.createClass(child, i)) }
</ul>
</div>
);
}
createClass(child: any, i: number) {
if (hmrSafeNameComparison(child.type, Button)) {
return (
<li key={ i } className={ styles.button }>
<button
className={ `${ child.props.icon } ${ child.props.iconClassName || '' }` }
onClick={ () => child.props.onClick() }
>
{ child.props.title }
</button>
</li>
);
} else if (hmrSafeNameComparison(child.type, Separator)) {
return (
<li key={ i } className={ styles.separator }>|</li>
);
} else {
return false;
}
}
}
export const Button = props => props.children;
export const Separator = props => props.children;