palantir / blueprint Goto Github PK

View Code? Open in Web Editor NEW

20.4K 516.0 2.1K 171.33 MB

A React-based UI toolkit for the web

Home Page: https://blueprintjs.com/

License: Apache License 2.0

JavaScript 2.64% TypeScript 89.19% HTML 0.23% Shell 0.31% SCSS 7.55% Handlebars 0.07% Less 0.02%

react components typescript lerna design system ui toolkit table sass

blueprint's People

Contributors

Stargazers

Watchers

Forkers

emrul sbrichardson xanaxiel ecoblockchain empia stephensong viktor-evdokimov ellerbrock maytis pacjin79 nitinreddy3 yupbank shantanuraj dwieyoko ivanminutillo xixixao gouthamkgh szwork2013 ajs-88 endika msylvia sayem pandahisham pabloasin soedr leolujuyi blakeguilloud chailei9005 binliang1990 cleopatro ieleh rockystevejobs thanhtungdp chikara-chan funnyleolee raathigesh realarunnair othmanaba mihirk junereycasuga kidjp85 boyuzhou od3n parksangkil alexpenkin madzys cybernetics howkj1 paulbgd mihaiserban soerosentiqoe danzel debmalya hhy5277 azurevietnam repos-react saviio yeyintkoko athiwatp donburks achilleasxy linus-amg tsrot trilmn emran siddharthlatest fredericksilva melmanot myarete ux-ftw rogervaas imooba ismailmechbal dzearing infinitedevelopment thomfoolery sourceops phongtattuan jerjohn15 eleven-x marcoworms dshapira zachlungu timkrins hans-permana abduladi freele qamine-test connyrehbein giobero999 marcoarib qianxueseng-com hoangtrongphuc bolak ericanderson zhpfork arthurchipdean nonemoticoner fstfwd mfedderly

blueprint's Issues

Blueprint logo doesn't look great in IE11

enable Google Analytics

update condition here: https://github.com/palantir/blueprint/blob/master/docs/docs/index.html#L19
and add GA to landing page.

<Tabs> selectedTabIndex out of sync with its indicatorWrapperStyle

Via controlled mode:

Fix favicon on the landing and docs pages

There's a meta tag for the favicon, but looks like it's pointing at the wrong path:

Docs FR: "edit this section" link

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.

move examples into their packages

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

Popover smart positioning issues in docs example

smart positioning doesn't really do anything right now in the popover example. perhaps we should demonstrate the usage of some other Tether constraint.

One of the tooltip examples gets clipped

Don't include sourcemaps in docs and landing distribution builds

serve docs from /docs folder

per new GH Pages instructions

Replace Lorem Ipsum with more representative text samples

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.

<Tabs> indicatorWrapperStyle needs to account for underlying <Tab> change

When children's text changes while changing tabs, the indicator style moves based on an outdated size.

Make docs logo clickable

To go back to landing

@blueprint/table

make the package!

Host older versions of docs site

ideas:

docs/docs/<version>/index.html?
use https://github.com/htmlpreview/htmlpreview.github.com?

Couldn't find Type Defination file

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.

Main website performs poorly on Firefox

Speed up CI builds with parallelization

As a first stab, we should investigate if we can run the different packages' unit tests in different containers.

Docs don't render correctly in Mobile Safari

Can't read the left side of the page on mobile safari (iPhone 6 with iOS 10.1.1)

First-class support for @import'ing blueprint scss files

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?

(2,1): error TS2688: Cannot find type definition file for 'dom4'.

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

NPM installation command in blueprintjs.com does not match the one in blueprintjs.com/docs/

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

Wrong link in example

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>

move wiki pages

Update CONTRIBUTING.md

Don't use .pt- prefix for landing page CSS classes

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.

Mobile styling issues with docs

Noticed that the docs pages aren't displayed properly on my mobile device

Use Sass syntax in docs, not Less

When writing variables

Issues with Install via Gulp

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-debug.log.zip

Cursor jumps while editing EditableText inside a Dialog

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,
        });
    }
}

Colors page - broken layout

Colors page layout is broken (gray, core and extended color palettes).

Screens:

Restore docs syntax highlighting

Seems to have disappeared again:

404 when selecting docs version.

Retina screens clip input's box-shadow w/ Chrome

Reported by @llorca.

Remove contrast reference table link

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.

Rename @blueprint -> @blueprintjs

We don't have the blueprint NPM account; we have blueprintjs

make the facebook card less awful

currently:

Rerendering uncontrolled Tabs can incorrectly reset selected index back to initial

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.

SSR with blueprint

Server side rendering with blueprint breaks, dom4.max.js is requiring tons of things.

Classes is missing a pt-label

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.

Move landing/src/resources to landing/resources

For consistency with other packages

Swap confirm and newline key entries for EditableText's multiline mode

Requested by benh.

there should still be an option to allow the non-multiline mode to text wrap [and preserving confirm on Enter].

Add demo page

I think it's useful for people to see the general view of this framework and how the components play with each other.

Improve keyboard navigation in docs

Via HN:

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).

Object.assign missing for IE11

Remove blueprint-landing project from releases dropdown in docs

which version to start at?

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.

improve navigator fuzzy matching

use fuzzaldrin-plus.

Component request: Typeahead / Autocomplete

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 !

Decrease docs website file size

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:

Remove all angular examples from public docs site / move them to a separate page
Make sure that all sources (JS/CSS) are appropriately minified
Make sure that no duplicate dependencies are getting included
Eliminate any extra dependencies that are only being used for a small feature. Or, make sure to use Webpack 2's tree-shaking feature appropriately.
Make sure inline source maps aren't included anywhere (#112)

Text colour of dropdown with dark theme

Bug Report

Package version(s): 1.0.1 (?)

Describe the issue:

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.

Actual behavior:

Light text colour on white background

Expected behavior:

Contrasting colours