gypcrete

Changed

• <Text> now displays basic label in multiple lines. If you want to truncate it to single line with ellipsis, pass <TextEllipsis> instead. (#60)

Added

• Add vscode workspace settings, included search.exclude option. (#48)
• Add Flow type configs.

Changed

• Change jest testRegex pattern, run test files in any __tests__ folder with .test or .spec suffix only. (#48)
• Rename webpack config from webpack.prod to webpack.dist. (#48)
• The following config files are moved to configs/ folder: (#48, #55)
  • .babelrc
  • .eslintrc.yml
  • .eslintignore
  • .stylelintrc.yml
  • fontello.config.json
• Add fillSpace prop in <InfiniteScroll>, auto fill spaces with onLoadMore callback if its height is smaller than 2 times of container's height. (#57)
• Remove disabled prop in <InfiniteScroll>. (#57)
• The basic prop of <BasicRow> is no longer required. (#58)
• The following modules are now type-annotated by Flow: (#39, #58)
  • All helpers under /utils
  • Visual elements of <BasicRow>, <Icon>, <StatusIcon>, <Tag>, <Text>.

Changed

• Use >= for versioning in engines fields.

Added

• Migrate @kadira/storybook to @storybook/react. (#52)
• Add <InfiniteScroll> to perform an action when scrolls a specified distance from the bottom of page. (#45)

Changed

• Support react element in rowComp()'s icon prop. (#45)

Added

• Add new download icon.

Added

• Add <SwitchIcon> to be used as a 64x32 icon.
• Add <Switch> row component.
• Add <EditableText> visual element which has an <input type="text" /> inside.
• Add <TextInput> which contains <EditableText> and ignores normal text props like basic, tag and aside.
• Add sinon testing package to handling stub tests. (#38)
• Add EnhancedPropTypes helper. (#38)
• Add <EditableTextLabel> which can be turned into edit mode with inEdit prop.

Changed

• <IconLayout> can now be tooltip-free by turning it off.
• Fix tests in <Checkbox>.
• <BasicRow> can now take children to render extra content.
• Lighten hover & active background color of row components. (#38)
• Filter out color and solid props in <IconButton>, they should be empty. (#38)
• Non-minified row components now take equal space in a flex row.
• withStatus() mixin now takes withRef option to hold ref to rendered component.

Added

• Add fontello.config.json at project root. (#34)
• Add inventory icons(iventory-category and inventory-item).
• Add @kadira/storybook to replace demo/.
• Create examples/ folder and migrate component docs to stories.
• Create addPropsTable() custom addon to show component's propTypes in table, which modified from addon-info.
• Add storybook env in babelrc, which included cjs transpiler.
• Deploy built storybook to gh-pages branch with running npm run ghpages. (#35)
• Add demo link in README.

Changed

• Ignore public/ path in eslint.

Removed

• Remove demo/ folder, all examples migrated to examples/.
• Remove webpack base & demo config, only leave config/webpack.prod.
• Remove demo related dev dependencies and react-hot-loader.

Added

• Add deploy script to work with Jenkins. It'll deploy to:
  • New commits in develop --> dist branch
  • New commits in master --> npm
• Add Jest for running tests.
• Add first test file for src/index.js

Changed

• Update .babelrc to ignore test files on build and transform modules on test.
• Switch Babel preset to babel-preset-env from babel-preset-latest, since Babel recommends the former.

Added

• Migrate the following components:

  • <Icon>
  • <Tag>
  • <TextEllipsis>
  • <FlexCell> (with modifications)
  • <StatusIcon> (with modifications)

• Add new components:

  • <Text>: the text part of a row component, pre-wrapped with withStatus() mixin.
  • <TextLabel>: the very basic row component containing an <Icon> and a <Text>.
  • <RowCompBody>: a layout wrapper.

• Add Helpers:

  • icState() for prefixing state class names.
  • getComponentName() for reading name of a React Component.
  • wrapIfNotElement() to ensure output will always be an HTML tag.

• Add HOC mixins:

  • rowComp(): handle shared appearance and behaviors for row components.
  • withStatus(): render <StatusIcon> and error msgs from context.

• Migrate icBEM() helper, but now it doesn't take an BEMFactory instance.

• Add babel-plugin-module-resolver and eslint-import-resolver-babel-module to config module alias.

Change

• Move babel-runtime (required by babel-plugin-tranform-runtime) to peerDependencies instead of devDependencies. Because our Babel-transformed ES2015 modules does require it.

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.