Release/5.0.0

.github/workflows/canary_release.yml

@@ -0,0 +1,61 @@
+name: Canary Build
+
+on:
+  pull_request:
+    types:
+      - opened
+      - synchronize
+      - reopened
+  push:
+    branches:
+      - develop
+
+jobs:
+  canary-release:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+        with:
+          fetch-depth: 0
+      - uses: actions/setup-node@v1
+        with:
+          node-version: '12'
+          registry-url: 'https://registry.npmjs.org'
+
+      - name: Install packages with cache
+        uses: iCHEF/npm-install-with-cache-action@v1
+        with:
+          is-monorepo: true
+
+      - name: start deployment
+        uses: bobheadxi/deployments@v0.4.3
+        id: deployment
+        with:
+          step: start
+          token: ${{ secrets.GITHUB_TOKEN }}
+          env: canary
+          ref: ${{ github.head_ref }}
+
+      - name: Publish canary build
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+          RUN_NUMBER: ${{ github.run_number }}
+        run: yarn release:canary --yes --preid="alpha.${RUN_NUMBER}" --no-git-reset --dist-tag="alpha"
+
+      - name: Retrieve package version
+        uses: nyaa8/package-version@v1
+        with:
+          path: packages/core/package.json
+
+      - name: Format canary version
+        run: echo "CANARY_VERSION=$PACKAGE_VERSION" | cut -d "+" -f 1 > $GITHUB_ENV
+
+      - name: update deployment status
+        uses: bobheadxi/deployments@v0.4.3
+        if: always()
+        with:
+          step: finish
+          token: ${{ secrets.GITHUB_TOKEN }}
+          status: ${{ job.status }}
+          deployment_id: ${{ steps.deployment.outputs.deployment_id }}
+          env_url: ${{ format('https://www.npmjs.com/package/@ichef/gypcrete/v/{0}', env.CANARY_VERSION) }}

.github/workflows/ci.yml

@@ -0,0 +1,36 @@
+name: CI
+
+on:
+  pull_request:
+    types:
+      - opened
+      - synchronize
+      - reopened
+  push:
+    branches:
+      - master
+      - develop
+
+jobs:
+  test:
+    name: Lint and test
+    runs-on: ubuntu-latest
+    timeout-minutes: 20
+    steps:
+    - uses: actions/checkout@v1
+    - uses: actions/setup-node@v1
+      with:
+        node-version: '12.x'
+    - name: Install packages with cache
+      uses: iCHEF/npm-install-with-cache-action@v1
+      with:
+        is-monorepo: true
+    - name: Run linter
+      run: yarn lint
+    - name: Run tests
+      run: yarn test
+    - name: Codecov
+      uses: codecov/codecov-action@v2
+      with:
+        token: ${{ secrets.CODECOV_TOKEN }}
+        files: "./coverage/coverage-final.json"

.github/workflows/release.yml

@@ -0,0 +1,72 @@
+name: Release
+on:
+  pull_request:
+    types:
+      - closed
+    branches:
+      - master
+
+jobs:
+  release:
+    if: github.event.pull_request.merged && startsWith(github.head_ref, 'release/')
+    runs-on: ubuntu-latest
+    steps:
+      - name: Set release version
+        env:
+          BRANCH_NAME: ${{ github.head_ref }}
+        run: echo "RELEASE_VERSION=${BRANCH_NAME/release\/}" >> $GITHUB_ENV
+      - uses: actions/checkout@v2
+        with:
+          fetch-depth: 0
+          ref: master
+          token: ${{ secrets.ICHEF_BOT_TOKEN }}
+      - uses: actions/setup-node@v1
+        with:
+          node-version: '12'
+          registry-url: 'https://registry.npmjs.org'
+      - name: Install packages with cache
+        uses: iCHEF/npm-install-with-cache-action@v1
+        with:
+          is-monorepo: true
+      - name: Update package version
+        run: |
+          git config user.name github-actions
+          git config user.email github-actions@github.com
+          npm version "$RELEASE_VERSION" --no-git-tag-version
+          yarn changelog
+          git add .
+          git commit -m "build: bump version to $RELEASE_VERSION"
+          yarn lerna version "$RELEASE_VERSION" --amend --yes
+          git push --tags origin master
+      - name: Get latest commit hash
+        run: echo "LATEST_COMMIT=$(git rev-parse HEAD)" > $GITHUB_ENV
+      - name: Retrieve package version
+        uses: nyaa8/package-version@v1
+      - name: start deployment
+        uses: bobheadxi/deployments@v0.4.3
+        id: deployment
+        with:
+          step: start
+          token: ${{ secrets.GITHUB_TOKEN }}
+          env: production
+          ref: ${{ env.LATEST_COMMIT }}
+      - name: Publish packages
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+        run: yarn lerna publish from-git --yes
+      - name: update deployment status
+        uses: bobheadxi/deployments@v0.4.3
+        if: always()
+        with:
+          step: finish
+          token: ${{ secrets.GITHUB_TOKEN }}
+          status: ${{ job.status }}
+          deployment_id: ${{ steps.deployment.outputs.deployment_id }}
+          env_url: ${{ format('https://www.npmjs.com/package/@ichef/gypcrete/v/{0}', env.PACKAGE_VERSION) }}
+      - name: Create Github release
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        uses: release-drafter/release-drafter@v5
+        with:
+          version: ${{ env.PACKAGE_VERSION }}
+          publish: true

.nvmrc

@@ -0,0 +1 @@
+lts/erbium

CHANGELOG.md

@@ -6,6 +6,20 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
 
 ## [Unreleased]
 
+### Changed
+- [Core] Should not apply asideControlClickableOnDisabled if not disabled. (#332)
+
+### Added
+- [Core] Add new icon: Location. (#333)
+- [Core] Add Radio component (#338, #339)
+- [Form] Add RadioSelectList and RadioSelectOption (#340)
+
+### Breaking
+- [Core] Rename radio-empty.svg to checkbox-empty.svg (#337)
+- [Core] Rename radio-half.svg to checkbox-half.svg (#337)
+- [Core] Rename radio-selected.svg to checkbox-selected.svg (#337)
+- [Core] Fix the svgr/cli version at v5.5.0(#347)
+
 ## [4.4.0]
 
 ### Breaking

codecov.yml

@@ -0,0 +1,17 @@
+codecov:
+  branch: develop
+
+comment:
+  layout: "diff, files"
+
+coverage:
+  status:
+    project:
+      default:
+        target: 0%
+    patch:
+      default:
+        target: 90%
+
+github_checks:
+  annotations: false

configs/.stylelintrc.yml

@@ -3,7 +3,7 @@ extends: stylelint-config-standard
 configBasedir: ../
 
 rules:
-    indentation: 4
+    indentation: 2
     number-leading-zero: never
     selector-pseudo-element-colon-notation: single
 

configs/jest.config.json

@@ -1,6 +1,6 @@
 {
     "rootDir": "../",
-    "coverageReporters": ["cobertura", "lcov", "text"],
+    "coverageReporters": ["clover", "json", "lcov", "text"],
     "coveragePathIgnorePatterns": [
       "/node_modules/",
       "<rootDir>/packages/\\w+/lib/"

package.json

@@ -7,7 +7,7 @@
   "repository": "iCHEF/gypcrete",
   "license": "Apache-2.0",
   "engines": {
-    "node": ">= 8.2.1",
+    "node": ">= 8.2.1 <= 12",
     "npm": ">= 5.10.0",
     "yarn": ">= 1.10.0"
   },
@@ -25,7 +25,9 @@
     "lint": "npm run lint:eslint && npm run lint:stylelint",
     "lint:eslint": "eslint ./packages --ignore-path=configs/.eslintignore ./",
     "lint:stylelint": "stylelint ./packages/**/*.scss",
-    "test": "jest ./packages --config=configs/jest.config.json --coverage"
+    "test": "jest ./packages --config=configs/jest.config.json --coverage",
+    "test:watch": "jest --config=configs/jest.config.json --runInBand --watch --verbose",
+    "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s"
   },
   "devDependencies": {
     "@babel/cli": "^7.4.4",
@@ -43,6 +45,7 @@
     "babel-loader": "^8.0.4",
     "babel-plugin-module-resolver": "^3.1.1",
     "babel-plugin-strip-css-imports": "zhusee2/babel-plugin-strip-css-imports",
+    "conventional-changelog-cli": "^2.1.1",
     "core-js": "^3.1.1",
     "coveralls": "^3.0.0",
     "css-loader": "^0.28.8",

packages/core/package.json

@@ -27,7 +27,7 @@
     "build:dist": "webpack --config ./configs/webpack.dist.js --color",
     "build:lib": "BABEL_ENV=lib babel src --root-mode=upward --out-dir lib",
     "build:es": "BABEL_ENV=es babel src --root-mode=upward --out-dir es",
-    "generate-icon-components": "npx @svgr/cli --config-file configs/svgr/svgr.config.js --icon -d src/icons/components src/icons/svg",
+    "generate-icon-components": "npx @svgr/cli@5.5.0 --config-file configs/svgr/svgr.config.js --icon -d src/icons/components src/icons/svg",
     "clean": "rm -rf ./dist ./lib ./es ./deploy"
   },
   "peerDependencies": {

packages/core/src/Radio.js

@@ -0,0 +1,74 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+
+import icBEM from './utils/icBEM';
+import prefixClass from './utils/prefixClass';
+import rowComp from './mixins/rowComp';
+import Icon from './Icon';
+import './styles/Radio.scss';
+
+export const COMPONENT_NAME = prefixClass('radio');
+const ROOT_BEM = icBEM(COMPONENT_NAME);
+export const BEM = {
+  root: ROOT_BEM,
+  iconWrapper: ROOT_BEM.element('icon-wrapper'),
+  input: ROOT_BEM.element('input'),
+  button: ROOT_BEM.element('button'),
+};
+
+export const RADIO_BUTTON = <Icon type="empty" className={`${BEM.button}`} />;
+
+function Radio({
+  input,
+  // <input> props
+  checked,
+  defaultChecked,
+  disabled,
+  onChange,
+  // React props
+  className,
+  children,
+  ...otherProps
+}) {
+  const inputProps = {
+    checked,
+    defaultChecked,
+    disabled,
+    onChange,
+    ...input,
+  };
+  const rootClassName = classNames(className, COMPONENT_NAME);
+  return (
+    <div className={rootClassName} {...otherProps}>
+      <span className={BEM.iconWrapper}>
+        <input
+          type="radio"
+          className={BEM.input}
+          {...inputProps}
+        />
+        {RADIO_BUTTON}
+      </span>
+      {children}
+    </div>
+  );
+}
+
+Radio.propTypes = {
+  input: PropTypes.objectOf(PropTypes.any),
+  checked: PropTypes.bool,
+  defaultChecked: PropTypes.bool,
+  disabled: PropTypes.bool,
+  onChange: PropTypes.func,
+};
+
+Radio.defaultProps = {
+  input: {},
+  checked: undefined,
+  defaultChecked: undefined,
+  disabled: false,
+  onChange: undefined,
+};
+
+export default rowComp()(Radio);
+export { Radio as PureRadio };