worksafe-component-library - npm Package Compare versions

Comparing version 1.5.5 to 1.6.0

.eslintrc.js

 module.exports = {
   root: true,
-  parser: 'babel-eslint',
   env: {
@@ -8,10 +7,15 @@ browser: true,
   },
-  extends: 'standard',
+  parserOptions: {
+    parser: 'babel-eslint'
+  },
+  extends: [
+    // https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention
+    // consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules.
+    'plugin:vue/essential',
+    'prettier'
+  ],
   // required to lint *.vue files
-  plugins: [
-    'html'
-  ],
+  plugins: ['vue'],
   // add your custom rules here
-  rules: {},
-  globals: {}
+  rules: {}
 }

.storybook/webpack.config.js

@@ -7,9 +7,2 @@ const path = require('path')
       {
-        enforce: 'pre',
-        test: /\.(js|vue)$/,
-        loader: 'eslint-loader',
-        include: path.resolve(__dirname, '../'),
-        exclude: /(node_modules)/
-      },
-      {
         test: /\.svg$/,
@@ -16,0 +9,0 @@ oneOf: [

docs/overview/5-Changelog.md

 # Changelog
 
-- vX
-    - 
+- vX.X.X
+- v1.6.0
+    - Video
+      - Add overlay
+      - Add custom play button
+    - Breadcrumbs: Build component in library
+    - Update Checklist component
+      - Add `numbered` and `bullet` variants
+      - Update new icons `tick` and `cross`
+      - Update background color
+    - KeyStatistics
+        - Add size prop to set title size
+    - Action header component updates to controls; adding labels and refining styles
+    - Modal styles component styles refined significantly
+    - Update tooling
+        - Vue-specific linting rules added (plugin:vue/essential), and all files updated to pass it
+        - Pre-commit prettier & linting
+        - Linting only runs at commit time, not during dev flow
+        - Switching to Yarn for everything
 - v1.5.5
@@ -77,3 +94,3 @@ - Remove Action Steps component from PageContent
     - Enablers
-        - Add code linting 
+        - Add code linting
 - v0.1.6 15 Feb 2018
@@ -92,2 +109,2 @@ - CuratedContent - Background images load from Drupal
     - Hide links list bubble version (duplicated content)
-- v0.1.0 Initial release
+- v0.1.0 Initial release

package.json

 {
   "name": "worksafe-component-library",
-  "version": "1.5.5",
+  "version": "1.6.0",
   "description": "A Vue.js component library for use in WorkSafe family websites",
@@ -12,7 +12,11 @@ "main": "./src/index.js",
     "lint": "eslint --ext .js,.vue --ignore-path .gitignore .",
-    "lint-staged": "eslint --ext .js,.vue --ignore-path .gitignore $(git diff --cached --name-only --diff-filter=ACM | grep -e \".js\\{0,1\\}$\" -e \".vue\\{0,1\\}$\")"
+    "precommit": "lint-staged"
   },
-  "pre-commit": [
-    "lint-staged"
-  ],
+  "lint-staged": {
+    "src/**/*.{js,vue}": [
+      "prettier --write",
+      "eslint --max-warnings 0",
+      "git add"
+    ]
+  },
   "contributors": [
@@ -49,18 +53,15 @@ "Dan Laush <[e-mail]>",
     "css-loader": "^0.28.8",
-    "eslint": "^4.17.0",
-    "eslint-config-standard": "^11.0.0-beta.0",
-    "eslint-loader": "^1.9.0",
-    "eslint-plugin-html": "^4.0.2",
-    "eslint-plugin-import": "^2.8.0",
-    "eslint-plugin-node": "^6.0.0",
-    "eslint-plugin-promise": "^3.6.0",
-    "eslint-plugin-standard": "^3.0.1",
+    "eslint": "^4.15.0",
+    "eslint-config-prettier": "^2.9.0",
+    "eslint-loader": "^1.7.1",
+    "eslint-plugin-vue": "^4.0.0",
     "file-loader": "^1.1.6",
     "html-loader": "^0.5.4",
+    "husky": "^0.14.3",
     "jest": "^22.4.2",
     "jest-vue-preprocessor": "^1.3.1",
+    "lint-staged": "^7.0.4",
     "markdown-loader": "^2.0.2",
     "markdown-loader-jest": "^0.1.1",
     "node-sass": "^4.7.2",
-    "pre-commit": "^1.2.2",
     "react-test-renderer": "^16.2.0",
@@ -67,0 +68,0 @@ "regenerator-runtime": "^0.11.1",

src/components/Content/Checklist/README.md

@@ -19,9 +19,9 @@ # Component: Links List
     {
-      value: 'has appropriate training, knowledge and experience to identify suspected asbestos materials'
+      field_textarea: 'has appropriate training, knowledge and experience to identify suspected asbestos materials'
     },
     {
-      value: 'is familiar with building and construction practices to determine where asbestos is likely to be present'
+      field_textarea: 'is familiar with building and construction practices to determine where asbestos is likely to be present'
     },
     {
-      value: 'is able to evaluate the condition of asbestos (and risks to health) and determine appropriate controls'
+      field_textarea: 'is able to evaluate the condition of asbestos (and risks to health) and determine appropriate controls'
     }
@@ -28,0 +28,0 @@ ]

src/components/Content/Checklist/stories.js

@@ -11,9 +11,9 @@ import { storiesOf } from '@storybook/vue'
   {
-    'value': 'has appropriate training, knowledge and experience to identify suspected asbestos materials'
+    'field_textarea': 'has appropriate training, knowledge and experience to identify suspected asbestos materials'
   },
   {
-    'value': 'is familiar with building and construction practices to determine where asbestos is likely to be present'
+    'field_textarea': 'is familiar with building and construction practices to determine where asbestos is likely to be present'
   },
   {
-    'value': 'is able to evaluate the condition of asbestos (and risks to health) and determine appropriate controls'
+    'field_textarea': 'is able to evaluate the condition of asbestos (and risks to health) and determine appropriate controls'
   }
@@ -26,3 +26,3 @@ ]
     components: { Checklist },
-    template: '<checklist :title="title" :items="items" modifierClass="tick"></checklist>',
+    template: '<checklist :title="title" :items="items" listType="tick"></checklist>',
     data () {
@@ -37,3 +37,3 @@ return {
     components: { Checklist },
-    template: '<checklist :title="title" :items="items" modifierClass="cross"></checklist>',
+    template: '<checklist :title="title" :items="items" listType="cross"></checklist>',
     data () {
@@ -46,1 +46,21 @@ return {
   }))
+  .add('Numbered', () => ({
+    components: { Checklist },
+    template: '<checklist :title="title" :items="items" listType="numbered"></checklist>',
+    data () {
+      return {
+        title,
+        items
+      }
+    }
+  }))
+  .add('Bullet', () => ({
+    components: { Checklist },
+    template: '<checklist :title="title" :items="items" listType="bullet"></checklist>',
+    data () {
+      return {
+        title,
+        items
+      }
+    }
+  }))

src/components/Content/KeyStatistics/stories.js

@@ -61,1 +61,10 @@ import { storiesOf } from '@storybook/vue'
   }))
+  .add('With 3 columns and h4 headings', () => ({
+    components: { KeyStatistics },
+    template: '<key-statistics size="h4" :items="items3"></key-statistics>',
+    data () {
+      return {
+        items3
+      }
+    }
+  }))

src/index.js

@@ -24,2 +24,3 @@ // container components
 import Checklist from './components/Content/Checklist'
+import KeyStatistics from './components/Content/KeyStatistics'
 
@@ -54,4 +55,5 @@ // Action components
 export {Checklist}
+export {KeyStatistics}
 
 // Action Components
 // export {ActionSteps}

No alert changes

Improved metrics

Total package byte prevSize

1196013

increased by6.54%

Dev dependency count

35

decreased by-7.89%

Number of package files

218

increased by4.81%

Lines of code

3576

increased by1.33%

No dependency changes