palantir / blueprint Goto Github PK
View Code? Open in Web Editor NEWA React-based UI toolkit for the web
Home Page: https://blueprintjs.com/
License: Apache License 2.0
A React-based UI toolkit for the web
Home Page: https://blueprintjs.com/
License: Apache License 2.0
Here's a fun one: if you have an EditableText component inside a Dialog, any change to the contents of the EditableText (inserting or deleting a character) moves the cursor to the end of the component. This makes it nearly impossible to use except if you're just typing contents at the end.
Reported by vshekhawat.
Modified repro:
import { Dialog, EditableText } from "../src";
import * as React from "react";
interface IReproState {
text: string;
}
export class DialogExample extends React.Component<{}, IReproState> {
public constructor() {
super();
this.state = {
text: "",
};
}
public render() {
return (
<Dialog isOpen>
<EditableText
value={this.state.text}
onChange={this.setText}
/>
</Dialog>
);
}
private setText = (text: string) => {
this.setState({
text,
});
}
}
In Typography > Usage "contrast reference table" link points to the main page https://github.com/palantir/blueprint but there is no contrast reference table there.
per new GH Pages instructions
currently the packages here have the same versions as their previous internal incarnations.
should we reset them all to 1.0.0
in this repo?
i don't see any harm in doing so: they are new packages with new names.
When writing variables
On http://blueprintjs.com/docs/#overview
<!DOCTYPE HTML>
<html>
<head>
...
<link href="path/to/node_modules/@blueprintjs/core/blueprint.css" rel="stylesheet" />
...
</head>
...
</html>
The path to the CSS file is incorrect.
It should be
<!DOCTYPE HTML>
<html>
<head>
...
<link href="path/to/node_modules/@blueprintjs/core/dist/blueprint.css" rel="stylesheet" />
...
</head>
...
</html>
Server side rendering with blueprint breaks, dom4.max.js
is requiring tons of things.
Reported by @llorca.
i think the component examples should live in their respective packages, closer to the code they exemplify. this means that they'll be in the NPM package that users npm install
so they'll have the examples locally to start from.
question is where the files should go?
in examples/
directory as a sibling of src/
and test/
:
packages/core/examples/buttonsExample.tsx
in respective src/components/
directory:
packages/core/src/components/buttons/buttonsExample.tsx
As a first stab, we should investigate if we can run the different packages' unit tests in different containers.
make the package!
I'm getting following error in TypeScript:
ERROR in node_modules\@blueprintjs\core\dist\components\collapse\collapse.d.ts
(2,1): error TS2688: Cannot find type definition file for 'dom4'.
Using TypeScript 2.0.3, installed the blueprint using:
npm install --save @blueprintjs/core
update condition here: https://github.com/palantir/blueprint/blob/master/docs/docs/index.html#L19
and add GA to landing page.
To go back to landing
I think it's useful for people to see the general view of this framework and how the components play with each other.
Requested by benh.
there should still be an option to allow the non-multiline mode to text wrap [and preserving confirm on
Enter
].
For consistency with other packages
Uncontrolled tabs that have an initialSelectedTabIndex
specified will fall back to that initial value upon rerender, even after a click selection has set the internal state to a new selected tab.
Local repro: rerendering the top part of my local example shows this tab index reset, even after a new tab has been selected.
I would expect this reset to only occur if the component was completely unmounted then remounted.
Throughout the docs examples we sometimes use Lorem ipsum and other times have nicer, more engaging text. Would be great to do a pass over the sample text and remove all instances of boring Lorem Ipsum.
Firstable, great job !
Just one thing, I was looking for a typeahead component and didn't find it... maybe I didn't see it ?
Thanks !
ideas:
docs/docs/<version>/index.html
?Given this import:
@import "node_modules/@blueprintjs/core/src/blueprint.scss";
Webpack is throwing an error
ERROR in ./~/css-loader!./~/postcss-loader!./~/resolve-url-loader!./~/sass-loader?sourceMap!./src/styles/app.scss
Module build failed:
@import "../node_modules/bourbon/app/assets/stylesheets/bourbon";
^
File to import not found or unreadable: ../node_modules/bourbon/app/assets/stylesheets/bourbon
Parent style sheet: /Users/dave/www/portalv3/node_modules/@blueprintjs/core/src/common/_font-imports.scss
in /Users/dave/www/portalv3/node_modules/@blueprintjs/core/src/common/_font-imports.scss (line 4, column 1)
...
The path to ../node_modules/bourbon/app/assets/stylesheets/bourbon
is invalid, as bourbon
isn't installed as a dependency because it's listed under devDependencies
. Is this library not intended to allow users to override the variables?
I was trying to pull Type Defination using typings. But I couldn't found single file having all the definitions in file. Like blueprint.core.d.ts
.
Can you tell me where I can find them?
PS: Please close the issue if it is not appropriate or in pending task. I filled a issue as I can't find twitter of it.
We don't have the blueprint NPM account; we have blueprintjs
Just a nitpick, but when looking at the docs, I can't move with Page Up/Page Down unless I click in the "content column/area", kind of annoying when one navigates using the left bar and then can't move around (on no-mouse setups, e.g. trackpoint + keyboard).
Getting an error after installing master and running npm run gulp
on my OS X box:
$ git describe --tags
release-1.0.1-14-g6571359
~/build/blueprint ⑂ master »
$ npm run gulp
> [email protected] gulp build/blueprint
> gulp
/Users/mwilson/build/blueprint/gulp/index.js:28
dest(project, ...paths) {
^^^
SyntaxError: Unexpected token ...
at exports.runInThisContext (vm.js:53:16)
at Module._compile (module.js:387:25)
at Object.Module._extensions..js (module.js:422:10)
at Module.load (module.js:357:32)
at Function.Module._load (module.js:314:12)
at Module.require (module.js:367:17)
at require (internal/module.js:16:19)
at Object.<anonymous> (build/blueprint/gulpfile.js:71:1)
at Module._compile (module.js:413:34)
at Object.Module._extensions..js (module.js:422:10)
npm ERR! Darwin 15.6.0
npm ERR! argv "/usr/local/Cellar/node/5.10.1/bin/node" "/usr/local/bin/npm" "run" "gulp"
npm ERR! node v5.10.1
npm ERR! npm v3.8.3
npm ERR! code ELIFECYCLE
npm ERR! [email protected] gulp: `gulp`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] gulp script 'gulp'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the blueprint package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! gulp
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs blueprint
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls blueprint
npm ERR! There is likely additional logging output above.
npm ERR! Please include the following file with any support request:
npm ERR! build/blueprint/npm-debug.log
NPM installation command in blueprintjs: npm install --save-dev @blueprint/core
NPM installation command in the docs: npm install --save-dev @blueprintjs/core
Installing using @blueprint/core
errors out given that npm cannot find the non existing package
I tried to use pt-label in type-safe manner, but seems like it's missing from: https://github.com/palantir/blueprint/blob/master/packages/core/src/common/classes.ts
All classes should be in there, so if you deprecate something at least I get an error when recompiling. Throwing "pt-something" directly to the code is error prone in long term, and makes the refactoring difficult.
Would be cool to have an "edit this section" link on every KSS section that takes you to the Github file on the master branch.
I was showing the BP website to a person unfamiliar with it, and (about) 10MB of content ends up being a really heavy initial load. It would be great to reduce this, also I think in general the developer community prefers less-heavy experiences.
Possible ideas:
use fuzzaldrin-plus.
In the docs page http://blueprintjs.com/docs/#components.datetime I noticed that the text colour of drop-down in select is very light, although the background is still white. Here is a screenshot http://prntscr.com/d71f7c I use the latest stable Chrome on Windows 10.
Light text colour on white background
Contrasting colours
I think we should reserve the .pt-
prefix exclusively for our public API. The world is a lot simpler if, whenever you see a .pt-
class, you can be sure that it's part of the Blueprint API.
A reasonable alternative would be .bp-
here, but the table package uses that. So feel free to make up a new one.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.