@jupyterlab/ui-components
Advanced tools
Comparing version 1.1.0-alpha.1 to 1.1.0-alpha.2
@@ -1,21 +0,3 @@ | ||
import * as React from 'react'; | ||
import { IButtonProps as IBPButtonProps } from '@blueprintjs/core/lib/cjs/components/button/buttons'; | ||
import { IIconProps } from '@blueprintjs/core/lib/cjs/components/icon/icon'; | ||
import { ICollapseProps } from '@blueprintjs/core/lib/cjs/components/collapse/collapse'; | ||
import { IInputGroupProps as IBPInputGroupProps } from '@blueprintjs/core/lib/cjs/components/forms/inputGroup'; | ||
import { IHTMLSelectProps } from '@blueprintjs/core/lib/cjs/components/html-select/htmlSelect'; | ||
import { ISelectProps } from '@blueprintjs/select/lib/cjs/components/select/select'; | ||
export { Intent } from '@blueprintjs/core/lib/cjs/common/intent'; | ||
interface IButtonProps extends IBPButtonProps { | ||
title?: string; | ||
type?: 'button' | 'submit' | 'reset'; | ||
} | ||
interface IInputGroupProps extends IBPInputGroupProps { | ||
rightIcon?: IIconProps['icon']; | ||
} | ||
export declare const Button: (props: IButtonProps & React.DOMAttributes<any>) => JSX.Element; | ||
export declare const InputGroup: (props: IInputGroupProps & React.DOMAttributes<any>) => JSX.Element; | ||
export declare const Icon: (props: IIconProps) => JSX.Element; | ||
export declare const Collapse: (props: ICollapseProps & React.DOMAttributes<any>) => JSX.Element; | ||
export declare const HTMLSelect: (props: IHTMLSelectProps & React.DOMAttributes<any>) => JSX.Element; | ||
export declare const Select: (props: ISelectProps<any> & React.DOMAttributes<any>) => JSX.Element; | ||
export * from './blueprint'; | ||
export * from './icon'; | ||
export * from './utils'; |
// Copyright (c) Jupyter Development Team. | ||
// Distributed under the terms of the Modified BSD License. | ||
import * as React from 'react'; | ||
import { Button as BPButton } from '@blueprintjs/core/lib/cjs/components/button/buttons'; | ||
import { Icon as BPIcon } from '@blueprintjs/core/lib/cjs/components/icon/icon'; | ||
import { Collapse as BPCollapse } from '@blueprintjs/core/lib/cjs/components/collapse/collapse'; | ||
import { InputGroup as BPInputGroup } from '@blueprintjs/core/lib/cjs/components/forms/inputGroup'; | ||
import { HTMLSelect as BPHTMLSelect } from '@blueprintjs/core/lib/cjs/components/html-select/htmlSelect'; | ||
import { Select as BPSelect } from '@blueprintjs/select/lib/cjs/components/select/select'; | ||
import { combineClassNames } from './utils'; | ||
export { Intent } from '@blueprintjs/core/lib/cjs/common/intent'; | ||
export const Button = (props) => (React.createElement(BPButton, Object.assign({}, props, { className: combineClassNames(props.className, props.minimal && 'minimal', 'jp-Button') }))); | ||
export const InputGroup = (props) => { | ||
if (props.rightIcon) { | ||
return (React.createElement(BPInputGroup, Object.assign({}, props, { className: combineClassNames(props.className, 'jp-InputGroup'), rightElement: React.createElement("div", { className: "jp-InputGroupAction" }, | ||
React.createElement(Icon, { className: "jp-Icon", icon: props.rightIcon })) }))); | ||
} | ||
return (React.createElement(BPInputGroup, Object.assign({}, props, { className: combineClassNames(props.className, 'jp-InputGroup') }))); | ||
}; | ||
export const Icon = (props) => (React.createElement(BPIcon, Object.assign({}, props, { className: combineClassNames(props.className, 'jp-Icon') }))); | ||
export const Collapse = (props) => (React.createElement(BPCollapse, Object.assign({}, props))); | ||
export const HTMLSelect = (props) => (React.createElement(BPHTMLSelect, Object.assign({}, props, { className: combineClassNames(props.className, 'jp-HTMLSelect') }))); | ||
export const Select = (props) => (React.createElement(BPSelect, Object.assign({}, props, { className: combineClassNames(props.className, 'jp-Select') }))); | ||
export * from './blueprint'; | ||
export * from './icon'; | ||
export * from './utils'; | ||
//# sourceMappingURL=index.js.map |
@@ -1,1 +0,1 @@ | ||
export declare function combineClassNames(...classNames: (string | undefined)[]): string; | ||
export declare function combineClasses(...classNames: (string | undefined)[]): string; |
// Copyright (c) Jupyter Development Team. | ||
// Distributed under the terms of the Modified BSD License. | ||
export function combineClassNames(...classNames) { | ||
return classNames.join(' '); | ||
export function combineClasses(...classNames) { | ||
return classNames.filter(c => !!c).join(' '); | ||
} | ||
//# sourceMappingURL=utils.js.map |
{ | ||
"name": "@jupyterlab/ui-components", | ||
"version": "1.1.0-alpha.1", | ||
"version": "1.1.0-alpha.2", | ||
"description": "JupyterLab - UI components written in React", | ||
@@ -16,6 +16,4 @@ "homepage": "https://github.com/jupyterlab/jupyterlab", | ||
"files": [ | ||
"lib/*.d.ts", | ||
"lib/*.js.map", | ||
"lib/*.js", | ||
"style/*.css" | ||
"lib/**/*.{d.ts,eot,gif,html,jpg,js,js.map,json,png,svg,woff2,ttf}", | ||
"style/**/*.{css,eot,gif,html,jpg,json,png,svg,woff2,ttf}" | ||
], | ||
@@ -40,8 +38,14 @@ "sideEffects": [ | ||
"@blueprintjs/core": "^3.9.0", | ||
"@blueprintjs/icons": "^3.3.0", | ||
"@blueprintjs/select": "^3.3.0", | ||
"react": "~16.8.4" | ||
"@jupyterlab/coreutils": "^3.1.0-alpha.2", | ||
"@phosphor/coreutils": "^1.3.1", | ||
"@phosphor/messaging": "^1.2.3", | ||
"@phosphor/virtualdom": "^1.1.3", | ||
"@phosphor/widgets": "^1.8.0", | ||
"react": "~16.8.4", | ||
"typestyle": "^2.0.1" | ||
}, | ||
"devDependencies": { | ||
"@types/react": "~16.8.18", | ||
"@types/webpack-env": "^1.13.9", | ||
"rimraf": "~2.6.2", | ||
@@ -65,3 +69,3 @@ "typedoc": "^0.14.2", | ||
}, | ||
"gitHead": "a35d9378bf3b18772212f3cae247daa139da8722" | ||
"gitHead": "4a56efd6860d2a54301eea426b8d9eb2fdc170b0" | ||
} |
# @jupyterlab/ui-components | ||
A JupyterLab package that provides React UI components to core JupyterLab packages and third-party extensions. | ||
A JupyterLab package that provides UI elements of various types (React components, DOM elements, etc) to core JupyterLab packages and third-party extensions. | ||
# Icon notes | ||
## Icon sourcing notes | ||
The following icons were originally taken from a set of material design icons: | ||
- `filetype/folder.svg` | ||
- originally `ic_folder_24px.svg` | ||
- `sidebar/build.svg` | ||
- originally `ic_build_24px.svg` | ||
- `sidebar/extension.svg` | ||
- originally `ic_extension_24px.svg` | ||
- `sidebar/palette.svg` | ||
- originally `ic_palette_24px.svg` | ||
- `sidebar/tab.svg` | ||
- originally `ic_tab_24px.svg` | ||
- `statusbar/kernel.svg` | ||
- originally `ic_memory_24px.svg` | ||
## Icon usage notes | ||
The icons are organized into various categories in `./style/icons`, based on where/how they are used in Jupyterlab core. Some icons fall into multiple categories, and are noted here: | ||
- `filetype/file.svg` | ||
- filetype | ||
- settingeditor | ||
- `filetype/folder.svg` | ||
- breadcrumb | ||
- filetype | ||
- sidebar | ||
- `filetype/markdown.svg` | ||
- filetype | ||
- settingeditor | ||
- `filetype/notebook.svg` | ||
- filetype | ||
- launcher | ||
- settingeditor | ||
- `statusbar/terminal.svg` | ||
- launcher | ||
- statusbar | ||
- settingeditor |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
116180
70
1053
46
10
5
1
+ Added@phosphor/coreutils@^1.3.1
+ Added@phosphor/messaging@^1.2.3
+ Added@phosphor/virtualdom@^1.1.3
+ Added@phosphor/widgets@^1.8.0
+ Addedtypestyle@^2.0.1
+ Added@jupyterlab/coreutils@3.2.0(transitive)
+ Added@phosphor/algorithm@1.2.0(transitive)
+ Added@phosphor/collections@1.2.0(transitive)
+ Added@phosphor/commands@1.7.2(transitive)
+ Added@phosphor/coreutils@1.3.1(transitive)
+ Added@phosphor/disposable@1.3.1(transitive)
+ Added@phosphor/domutils@1.1.4(transitive)
+ Added@phosphor/dragdrop@1.4.1(transitive)
+ Added@phosphor/keyboard@1.1.3(transitive)
+ Added@phosphor/messaging@1.3.0(transitive)
+ Added@phosphor/properties@1.1.3(transitive)
+ Added@phosphor/signaling@1.3.1(transitive)
+ Added@phosphor/virtualdom@1.2.0(transitive)
+ Added@phosphor/widgets@1.9.3(transitive)
+ Addedajv@6.12.6(transitive)
+ Addedcsstype@3.0.10(transitive)
+ Addedfast-deep-equal@3.1.3(transitive)
+ Addedfast-json-stable-stringify@2.1.0(transitive)
+ Addedfree-style@3.1.0(transitive)
+ Addedjson-schema-traverse@0.4.1(transitive)
+ Addedjson5@2.2.3(transitive)
+ Addedminimist@1.2.8(transitive)
+ Addedmoment@2.30.1(transitive)
+ Addedpath-posix@1.0.0(transitive)
+ Addedpunycode@2.3.1(transitive)
+ Addedquerystringify@2.2.0(transitive)
+ Addedrequires-port@1.0.0(transitive)
+ Addedtypestyle@2.4.0(transitive)
+ Addeduri-js@4.4.1(transitive)
+ Addedurl-parse@1.4.7(transitive)
- Removed@blueprintjs/icons@^3.3.0