gypcrete

Added

• Add html-webpack-plugin to serve demo bundles.
• Add webpack ProgressPlugin to show build progress.

Changed

• src/Text/* is moved out to just src/ to maintain a simple, flat directory structure and prevent import confusion. (See 542c7b9)
• Babel-transformed files in lib/ and es5/ no longer contain comments.
• <BasicRow> no longer handles the null-basic-prop situation, as basic prop was marked as required.
• Fixes Jest running on environments under a dot-directory.
• Renaming
  • doc/ folder -> demo/.
  • config/webpack.doc.js -> config/webpack.demo.js.
  • BABEL-ENV, server -> demo.
  • bundled assets in dist, bundle.(js|css) -> gypcrete.(js|css).
• Start the demo server with npm run demo, now the start script is an alias of demo.

Added

• Migrate row components:

  • <Button>

• Migrate visual elements:

  • <Tooltip> (now limits to top and bottom placements only)
  • <AnchoredToolip> (simplified to be more passive)

• Migrate HOC mixins:

  • anchored(): place Component near a given anchor. DOM offset calculated by document-offset package.
  • renderToLayer(): renders Component to another DOM node outside of React root.

• <IconLayout> for displaying status on an <Icon>.

• <IconButton> as an icon-only variant of <Button>.

• randId() helper for generating a random String to used on DOM nodes.

• Add stylelint to enforce consistent conventions and avoid errors in our stylesheets.

Changed

• Improve interaction on Jenkins:
  • Generate jUnit test report.
  • Generate Cobertura coverage report.
  • Run npm publish with NPM_TOKEN env variables in deploy.sh.
• <Tag> now adapts to the color of its parent more actively.
• Fix <Button> should turn red on error state
• wrapIfNotElement() helper now takes an extra via param to change how content is passed to the Wrapper component.
• You can now strip the BEM block from output by calling bem.toString({ stripBlock: true }).

Changed

• Fix deploy script that affects npm publish
• Deprecates 0.6.0 on npm, since that was published with wrong contents by accident.

Added

• Install prop-types package in dependencies as official recommended.
• Add new search and CRM icons.
• Add new <SearchInput>.
• Prefix component class names with prefixClass() helper.

Changed

• Upgrade react & react-dom to v15.5.
• Migrate PropTypes to prop-types package instead of import it from main React object.
• Migrate React.createClass to createReactClass from create-react-class package.
• Upgrade enzyme to 2.8.2 to support React v15.5, also install react-test-renderer.
• icState() is renamed to prefixState() and add prefix with prefixClass() helper.
• ClassName and component prefixes are now gyp-

Removed

• Remove deprecated react-addons-test-utils package.

Changed

• Root font-size is changed to 16px to maintain compatibility with iC-framework.

Changed

• Fix <SearchInput> was not included in distribution bundle.

Added

• Add <Checkbox> with indeterminate prop support.
• Add <IconCheckbox> for icon-only checkbox.
• Add test of /index.js to check if every component under src/ is exported.

Changed

• <SearchInput> now caches last-notified search value inside to prevent duplicated notifications.
• <SearchInput> now tries to notify search upon reset button click.
• Fix reversed flex alignment for <RowComp>.
• Fix <Tooltip> not showing its content.

Changed

• Vertical padding for row components are now 8px instead of 4px.
• Padding for <SearchInput> is 8px both vertically and horizontally.

Removed

• <RowCompBody> is removed due to padding change. [ref].

Added

• Add eslint and eslint-config-ichef rules for linting JS codes.
• Setup .eslintrc.yml to sepecify ESLint env and source type.
• Add eslint-loader to show linter results ASAP during development.
• Add .sublimelinterrc to exclude folders from being linted in SublimeText.

Added

• Basic Webpack 2 configs, working with the following loaders:

  • Babel (ES2015, 2016, 2017 & Stage-2)
  • Sass
  • Postcss + Autoprefixer

• npm run build should compile src/ to 3 different targets:

  • dist/: bundled & minified production JS library + CSS file.
  • lib/: Babel-transformed ES2015 JS modules (excluding CSS).
  • es5/: Babel-transformed CommonJS JS modules (excluding CSS).

• Add Babel plugin to strip CSS import lines from lib/ and es5/ modules.

• Add webpack-dev-server hosting documents from doc/ folder, manually sepecify doc/index.html as dev server root.

• Add react-hot-loader to enable HOT on React components.