12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879 |
- // Copyright (c) Jupyter Development Team.
- // Distributed under the terms of the Modified BSD License.
- import * as React from 'react';
- import {
- Button as BPButton,
- IButtonProps as IBPButtonProps
- } from '@blueprintjs/core/lib/cjs/components/button/buttons';
- import {
- Icon as BPIcon,
- IIconProps
- } from '@blueprintjs/core/lib/cjs/components/icon/icon';
- import {
- Collapse as BPCollapse,
- ICollapseProps
- } from '@blueprintjs/core/lib/cjs/components/collapse/collapse';
- import {
- InputGroup as BPInputGroup,
- IInputGroupProps as IBPInputGroupProps
- } from '@blueprintjs/core/lib/cjs/components/forms/inputGroup';
- import {
- Select as BPSelect,
- ISelectProps
- } from '@blueprintjs/select/lib/cjs/components/select/select';
- export { Intent } from '@blueprintjs/core/lib/cjs/common/intent';
- import { classes } from './utils';
- interface IButtonProps extends IBPButtonProps {
- title?: string;
- type?: 'button' | 'submit' | 'reset';
- }
- interface IInputGroupProps extends IBPInputGroupProps {
- rightIcon?: IIconProps['icon'];
- }
- type CommonProps<T> = React.DOMAttributes<T>;
- export const Button = (props: IButtonProps & CommonProps<any>) => (
- <BPButton
- {...props}
- className={classes(
- props.className,
- props.minimal ? 'minimal' : '',
- 'jp-Button'
- )}
- />
- );
- export const InputGroup = (props: IInputGroupProps & CommonProps<any>) => {
- if (props.rightIcon) {
- return (
- <BPInputGroup
- {...props}
- className={classes(props.className, 'jp-InputGroup')}
- rightElement={
- <div className="jp-InputGroupAction">
- <BPIcon className={'jp-Icon'} icon={props.rightIcon} />
- </div>
- }
- />
- );
- }
- return (
- <BPInputGroup
- {...props}
- className={classes(props.className, 'jp-InputGroup')}
- />
- );
- };
- export const Collapse = (props: ICollapseProps & CommonProps<any>) => (
- <BPCollapse {...props} />
- );
- export const Select = (props: ISelectProps<any> & CommonProps<any>) => (
- <BPSelect {...props} className={classes(props.className, 'jp-Select')} />
- );
|