Socket
Socket
Sign inDemoInstall

@jupyterlab/ui-components

Package Overview
Dependencies
Maintainers
16
Versions
309
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@jupyterlab/ui-components - npm Package Compare versions

Comparing version 1.1.0-alpha.1 to 1.1.0-alpha.2

lib/blueprint.d.ts

24

lib/index.d.ts

@@ -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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc