V4 (Kauri) (segmentio#200)

* Stack component and React 16.3 * improvements * typo * add default value * themer wip * create select appearance * create link appearance * theme * fix border * progress on buttons theming * using new icons * in flight progress * withTheme single line * default theme cleanup in folder * more controls use withTheme * getTextareaClassName * getRowAppearance * getSelectClassName * getSegmentedControlClassName * remove ButtonAppearances * themed avatar * fixes * fix icon Combobox * themed badges * sunset icons * themed switch * remove color refs from components * updated colors story * default theme cleanup * upgrade to gatsby v2 * color docs * typography docs improvements * improve layer docs * improve alert docs * improve button docs * add icon docs * Table improvements + Menu component added * advanced table example * advanced table example * table docs update * component status fix * fix theme export + text size 600 * fix * 4.0.0-0 * scales added * 4.0.0-1 * color mapping example * prop type fix Select * fix tooltip * 4.0.0-2 * fix autofocus => autoFocus in Select * alert improvements * 4.0.0-3 * support auto height table rows * 4.0.0-4 * support border false * 4.0.0-5 * unify intent API, deprecate info * 4.0.0-6 * icon button default color change * 4.0.0-7 * docs update * Fix popover not closed when toggle button has children (segmentio#219) * Fix popover when toggle button has children * Add a story for popover * Update snapshot and fix tests * Refactor onbody click check * Increase package size limit * add hint prop to TextInputField * 4.0.0-8 * 4.0.0-9 * set default TextInputField height to 32 * 4.0.0-10 * add cursor not-allowed to disabled button * use transparent color for button disabled * focus management * Remove intent requirement on button, add default "none" (segmentio#225) * Remove intent requirement on button, add default "none" * Update snapshots * support is prop MenuItem * 4.0.0-11 * allow passthrough props on menu item, and always bubble highjacked events (segmentio#231) * 4.0.0-12 * increase the contrast of n1-level colors and fix typo (segmentio#232) * increase the contrast of n1-level colors and fix typo * wip update snap and B1 color * wip. update more snaps * 4.0.0-13 * size in lists + icons (segmentio#234) * 4.0.0-14 * Bug/select icon margin (segmentio#237) * add padding for icon on Select, add SelectField, add docs * wip. include in docs * wip * 4.0.0-15 * add export for SelectField (segmentio#238) * [v4] Fix button margin top (segmentio#240) * fix margin top button * fix tests * add focus handling to segmented control (segmentio#241) * [V4] tooltip inside popover (segmentio#239) * size in lists + icons * clean up * fix typo and add children check * fix * clean up * fix typo and add children check * fix * 4.0.0-16 * fix docs blank page (segmentio#244) * enable passing `defaultValue` for uncontrolled select inputs (segmentio#245) * 4.0.0-17 * fix icon placement (segmentio#248) * 4.0.0-18 * Remove caret right icon from sidebartab (segmentio#250) * 4.0.0-19 * fix jitter positioner (segmentio#257) * 4.0.0-20 * improve positioner calculations (segmentio#259) * 4.0.0-21 * fix css ssr (segmentio#264) * Fix hiding <Tooltip> by explicitly setting `isShown` to `false` (segmentio#265) * 4.0.0-22 * support onCancel callback prop (segmentio#266) * 4.0.0-23 * [v4] Add Table.VirtualBody (segmentio#267) * wip virtual body * add Table.VirtualBody * remove warning (segmentio#269) * fix fixed height virtual body (segmentio#270) * 4.0.0-24 * improve virtual body (segmentio#271) * 4.0.0-25 * Fix broken blueprint link (segmentio#273) Fixes a broken link in the docs for icons. ``` http://blueprintjs.com/docs/v2/#icons -> http://blueprintjs.com/docs/versions/2/#icons ``` * [v4] Add Editable/SelectMenu Cell (segmentio#274) * add Editable/SelectMenu Cell * minor tweaks * cleanup stories + improve table row interaction * cleanup imports * 4.0.0-26 * [V4] EditableCell improvements (segmentio#278) * wip disabled editable cell * editable cell improvements * remove controlled usage * 4.0.0-27 * [v4] Improve (SelectMenu/Editable)Cell and SegmentedControl (segmentio#281) * improve select menu/editable cell and segmented control * remove border right from cell * 4.0.0-28 * [v4] Table.(Editable/SelectMenu)Cell Fixes (segmentio#284) * fix size and isSelectable={true} * fixes to size and isSelectable={true} * 4.0.0-29 * fix editable cell position + tiny pixel shift radio (segmentio#286) * 4.0.0-30 * fix virtual body height calculation (segmentio#289) * 4.0.0-31 * improve editable/selectmenu cells (segmentio#293) * 4.0.0-32 * add left, right, top, bottom anchors to side-sheet (segmentio#252) * add left, right, top, bottom anchors to side-sheet * use Position enum in Side-sheet and cache calls to generating sheetCloseClassName * move Position to constants and update imports * fix another Position import * change SheetClose animation name and make position a required prop * 4.0.0-33 * fix search (segmentio#304) * 4.0.0-34 * Migrate to circleci 2.0 * circleci: fix the gh-pages ignore * circleci: fix the gh-pages ignore config * Run the babel builds concurrently * Make the Dialog mobile friendly (segmentio#301) * Make the dialog mobile friendly This change makes the dialog resize gracefuly to fit the available viewport. It should be a non-breaking change and the dialog should behave the same on desktop as it did before. * Add sideOffset * Remove unnecessary sideOffsetWithUnit variable * Use `rm -rf` in prepublishOnly * v4.0.0-35 * add docs to badge and pill (segmentio#307) * fix prop warnings and make list components more flexible (segmentio#315) * dialog: add horizontal scrolling support (segmentio#314) This allows the Dialog to gracefully handle block level content that's too wide by scrolling, preventing the Dialog from overflowing the sides of the viewport. This should be a non-breaking change. * add iconSize to IconButton component. closes segmentio#316 (segmentio#317) * 4.0.0-36 * Add "indeterminate" prop to <Checkbox> (segmentio#313) * Add "indeterminate" prop to <Checkbox> * Delete extraneous line * Remove permutation function, use plain JSX * Fix label * Add ref callback to set indeterminate prop * Add indeterminate styles * Remove console.log * Make prop order consistent * Clean up story * Uncomment commented-out styles * Remove duplicate styles * add position relative (segmentio#318) * 4.0.0-37 * Allow grammarly to be disabled for Textarea (segmentio#323) * Allow grammarly to be disabled for Textarea * Destructure grammarly from props * Improve cancelation behavior for SideSheet, Dialog, and Overlay (segmentio#324) * Extend cancelation handling in Dialog and Overlay This adds: - `shouldCloseOnEscapePress` and `shouldCloseOnClick` to `Overlay` and `Dialog` - Fixes a bug where `Dialog`'s did not trigger the `onCancel` handler when the close button was clicked. * Add Stories and SideSheet support * 4.0.0-38 * add Positioner support for Position.LEFT and Position.RIGHT (segmentio#299) * add Position.LEFT and Position.RIGHT positions to Positioner, Tooltip, and Popover * alter y axis to keep popover in viewport * 4.0.0-39 * remove empty divs from positioner (segmentio#330) * 4.0.0-40 * fix conflict between v3 and v4 toaster init order (segmentio#332) * 4.0.0-41 * Remove storybook-deployer * V4 Docs (segmentio#335) * overview images * wip * mdx integration wip * wip testing mdx * wip docs provider * overview images * wip * mdx integration wip * wip testing mdx * wip docs provider * layout primitives * fix css * typography * small cleanup * colors + icons * button docs * tab docs * badge and pill * avatar docs * TextInput docs * SearchInput docs * Textarea docs * Autocomplete docs * filepicker docs * Select docs * Select docs * Combobox docs * SelectMenu docs * more examples for SelectMenu * Popover docs * Menu docs * Checkbox docs * Radio docs * SegmentedControl docs * Switch docs * toaster docs * Alert docs * Spinner docs * Dialog docs * SideSheet docs * IconButton docs * remove example * CornerDialog docs * Table docs * Portal docs * FormField docs * broken wip * fix portal * get started back to normal * docs homepage * docs media items * add spectrum link * github button * docs update * ssr and improvements * fix aboslutePath * remove old docs * fix imports * clean docs * docs & readme improvements * update readme and remove unused code * remove old code * Upgrade dependencies v4 (segmentio#336) * upgrade deps * update snaphosts * add segment tracking (segmentio#337) * Tracking fix (segmentio#338) * add segment tracking * improve ssr * fix * Bug/radio indeterminate (segmentio#340) * v4.0.0-42 * Add babel-plugin-add-react-displayname This makes sure that all components have a `displayName`. * v4.0.0-43 * Add displayName to withTheme * v4.0.0-44 * Upgrade most of the dependencies (segmentio#344) * Upgrade most of the dependencies * Fix evergreen version in ssr example * Add @babel/runtime * Fix excluding the stories and tests from the build * Revert test order change * Upgrade ava and sinon * Upgrade husky hooks config * remove unused TableCell props (segmentio#342) * BREAKING: bubble event in radio onChange (segmentio#341) * BREAKING: bubble event in radio onChange * comply with linter * 4.0.0-45
js3692 · Oct 16, 2018 · aca37cb · aca37cb
1 parent 21feaa5
commit aca37cb
Show file tree

Hide file tree

Showing 579 changed files with 33,688 additions and 17,568 deletions.
diff --git a/.babelrc b/.babelrc
@@ -1,22 +1,14 @@
 {
+  "presets": ["@babel/preset-env", "@babel/preset-react"],
+  "plugins": [
+    "@babel/plugin-transform-runtime",
+    "@babel/plugin-proposal-class-properties",
+    "babel-plugin-add-react-displayname"
+  ],
   "env": {
-    // Workaround Babel 6's weird config inheritance by not having any root
-    // config (`{"modules":false}` gets overridden). This can be improved with
-    // Babel 7's `.babelrc.js` support.
-    "development": {
-      "presets": ["env", "react", "stage-0"]
-    },
-    "test": {
-      "presets": ["env", "react", "stage-0"]
-    },
-    "production": {
-      "presets": ["env", "react", "stage-0"]
-    },
-    "commonjs": {
-      "presets": ["env", "react", "stage-0"]
-    },
     "esm": {
-      "presets": [["env", { "modules": false }], "react", "stage-0"]
+      "presets": [["@babel/preset-env", { "modules": false }]],
+      "plugins": [["@babel/plugin-transform-runtime", { "useESModules": true }]]
     }
   }
 }
diff --git a/.github/CODE_OF_CONDUCT.md b/.github/CODE_OF_CONDUCT.md
@@ -8,12 +8,12 @@ In the interest of fostering an open and welcoming environment, we as contributo
 
 Examples of behavior that contributes to creating a positive environment include:
 
-* Using welcoming and inclusive language
-* Being respectful of differing viewpoints and experiences
-* Gracefully accepting constructive criticism
-* Focusing on what is best for the community
-* Showing empathy towards other community members
-* Examples of unacceptable behavior by participants include:
+- Using welcoming and inclusive language
+- Being respectful of differing viewpoints and experiences
+- Gracefully accepting constructive criticism
+- Focusing on what is best for the community
+- Showing empathy towards other community members
+- Examples of unacceptable behavior by participants include:
 
 The use of sexualized language or imagery and unwelcome sexual attention or advances
 Trolling, insulting/derogatory comments, and personal or political attacks

diff --git a/.github/CONTRIBUTING.md b/.github/CONTRIBUTING.md
@@ -25,17 +25,17 @@ Include this in your issue if possible.
 We hope to formalize the 🌲 Evergreen design language more as we go.
 As a general rule of thumb try to follow these constraints:
 
-* Use `color` and the `typography` components.
-* 8px soft grid, (4px under 40px is also good).
-* Don't force line heights on grid if it looks poorly.
+- Use `color` and the `typography` components.
+- 8px soft grid, (4px under 40px is also good).
+- Don't force line heights on grid if it looks poorly.
 
 ### Component API
 
-* Write down how you would like to use this component.
-* Write down the component API and prop types.
-* Try to use `ui-box` for your components.
-* Try to make all heights possible.
-* Base the text style (font size) on the height.
+- Write down how you would like to use this component.
+- Write down the component API and prop types.
+- Try to use `ui-box` for your components.
+- Try to make all heights possible.
+- Base the text style (font size) on the height.
 
 Include this in your issue if possible.
 

diff --git a/.github/ISSUE_TEMPLATE.md b/.github/ISSUE_TEMPLATE.md
@@ -13,33 +13,33 @@ _Bug fixes and documentation fixes are welcome._
 
 Please consider the following items when filing a bug report:
 
-* Issue and steps to reproduce.
-* Versions.
-* Screenshots.
-* Expected.
-* Actual.
-* Link to your project.
-* Browser name and version.
-* Operating system.
+- Issue and steps to reproduce.
+- Versions.
+- Screenshots.
+- Expected.
+- Actual.
+- Link to your project.
+- Browser name and version.
+- Operating system.
 
 ## In the case of a feature/component request ✍️
 
 Please consider the following items when filing a feature request:
 
-* **Usage**, component API if applicable.
-* **Design Example**, screenshot of what the design should look like.
-* Problem that feature/component addresses.
-* Examples in other projects of feature/component.
-* Screenshots if design changes.
+- **Usage**, component API if applicable.
+- **Design Example**, screenshot of what the design should look like.
+- Problem that feature/component addresses.
+- Examples in other projects of feature/component.
+- Screenshots if design changes.
 
 See the contributing guide for more details.
 
 ## Respect earns Respect 👏
 
 Please respect our Code of Conduct, in short:
 
-* Using welcoming and inclusive language.
-* Being respectful of differing viewpoints and experiences.
-* Gracefully accepting constructive criticism.
-* Focusing on what is best for the community.
-* Showing empathy towards other community members.
+- Using welcoming and inclusive language.
+- Being respectful of differing viewpoints and experiences.
+- Gracefully accepting constructive criticism.
+- Focusing on what is best for the community.
+- Showing empathy towards other community members.
diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
@@ -11,8 +11,8 @@ thank you for your time, and close the issue.
 
 Please respect our Code of Conduct, in short:
 
-* Using welcoming and inclusive language.
-* Being respectful of differing viewpoints and experiences.
-* Gracefully accepting constructive criticism.
-* Focusing on what is best for the community.
-* Showing empathy towards other community members.
+- Using welcoming and inclusive language.
+- Being respectful of differing viewpoints and experiences.
+- Gracefully accepting constructive criticism.
+- Focusing on what is best for the community.
+- Showing empathy towards other community members.
diff --git a/.storybook/webpack.config.es6.js b/.storybook/webpack.config.es6.js
diff --git a/.storybook/webpack.config.js b/.storybook/webpack.config.js
@@ -1,5 +1,33 @@
-// Storybook config does not work with ES6 just yet.
-// This is a workaround.
-// https://github.com/storybooks/storybook/issues/155
-require('babel-register')
-module.exports = require('./webpack.config.es6.js')
+const path = require('path')
+const webpack = require('webpack')
+
+module.exports = storybookBaseConfig => {
+  // Return the altered config
+  return {
+    ...storybookBaseConfig,
+    plugins: [
+      ...storybookBaseConfig.plugins,
+      new webpack.LoaderOptionsPlugin({
+        debug: true
+      })
+    ],
+    module: {
+      ...storybookBaseConfig.module,
+      rules: [
+        ...storybookBaseConfig.module.rules,
+        {
+          test: /\.(png\?.*|jpg\?.*|jpg|png)$/,
+          loader: 'url-loader'
+        },
+        {
+          test: /\.(blob)/,
+          loader: 'file-loader'
+        },
+        {
+          test: /\.(json)/,
+          loader: 'json-loader'
+        }
+      ]
+    }
+  }
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,4 @@
+{
+  "eslint.enable": false,
+  "xo.enable": true
+}