Availity · chrishavekost · Dec 2, 2021 · Nov 13, 2021 · Nov 13, 2021 · Nov 13, 2021
@@ -15,7 +15,7 @@ jobs:
     strategy:
       matrix:
         os: [ubuntu-latest, macos-latest]
-        node: [12, 14]
+        node: [12, 14, 16]
     steps:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v2

@@ -22,14 +22,15 @@ jobs:
           node-version: 14
       - name: Get yarn cache directory path
         id: yarn-cache-dir-path
-        run: echo "::set-output name=dir::$(yarn cache dir)"
+        run: |
+          echo "::set-output name=dir::$(yarn config get cacheFolder)"
       - uses: actions/cache@v2
         id: yarn-cache
         with:
           path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
-          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+          key: ${{ runner.os }}-14-yarn-${{ hashFiles('**/yarn.lock') }}
           restore-keys: |
-            ${{ runner.os }}-yarn-
+            ${{ runner.os }}-14-yarn-
       - run: yarn install --immutable
       - run: yarn constraints
       - run: yarn version check
@@ -46,8 +47,8 @@ jobs:
           yarn changelog:generate
           git add CHANGELOG.md packages/*
           git commit -m "ci: bumps version [skip ci]"
-          yarn workspaces foreach -ipvt --no-private --since=origin/master npm publish --tolerate-republish --access public
-          git push
+          yarn workspaces foreach -ipv --no-private --since=origin/master npm publish --tolerate-republish --access public
+          git push && git push --tags
 
       - run: yarn build:docs
       - name: Deploy docs

@@ -13,28 +13,31 @@ jobs:
     runs-on: ${{ matrix.os }}
     strategy:
       matrix:
-        os: [ubuntu-latest, macos-latest] # TODO: windows-latest yarn-cache-dir-path
-        node: [12, 14]
+        os: [ubuntu-latest, macos-latest] # TODO: re-enable windows-latest after yarn lint fixed
+        node: [12, 14, 16]
     steps:
       - uses: actions/checkout@v2
+        with:
+          fetch-depth: 0
       - uses: actions/setup-node@v2
         with:
           node-version: ${{ matrix.node }}
       - name: Get yarn cache directory path
         id: yarn-cache-dir-path
-        run: echo "::set-output name=dir::$(yarn cache dir)"
+        run: |
+          echo "::set-output name=dir::$(yarn config get cacheFolder)"
 
       - uses: actions/cache@v2
         id: yarn-cache
         with:
           path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
-          key: ${{ runner.os }}-yarn-${{ hashFiles('yarn.lock') }}
+          key: ${{ runner.os }}-${{ matrix.node }}-yarn-${{ hashFiles('yarn.lock') }}
           restore-keys: |
-            ${{ runner.os }}-yarn-
+            ${{ runner.os }}-${{ matrix.node }}-yarn-
 
       - run: yarn install --immutable
       - run: yarn constraints
-      - run: yarn lint
+      - run: yarn lint # FIXME: 'node ./node_modules/.bin/eslint .' is mac/linux specific, but 'yarn eslint .' currently broken
       - run: yarn test
       - run: yarn test:integration
       - run: yarn version check
@@ -0,0 +1,7 @@
+releases:
+  "@availity/dinosaurdocs": minor
+  "@availity/example": minor
+  "@availity/mock-server": minor
+  "@availity/workflow": major
+  "@availity/workflow-logger": minor
+  "@availity/workflow-upgrade": minor
@@ -64,7 +64,7 @@ CLI options are documented in it's [README](./packages/workflow/README.md)
 module.exports = {
     development: {
         notification: true
-        hot: true
+        hotLoader: true
     },
     app: {
         title: 'My Awesome App'
@@ -123,11 +123,7 @@ or
 ```js
 module.exports = (config) => {
     config.development.open = '/';
-
-    config.development.hotLoader = {
-        enabled: true,
-        experimental: true
-    };
+    config.development.hotLoader = true;
 
     return config;
 };
@@ -152,29 +148,21 @@ Webpack dev server host
 Webpack dev server port. If the port at this value is unavailable, the port value will be incremented until an unused port is found.
 Default: `3000`
 
-#### `development.logLevel`
+#### `development.stats.level`
+
+Allows [Webpack log levels presets](https://webpack.js.org/configuration/stats/#stats) to be used during development.
+
+#### `development.infrastructureLogging.level`
 
-Allows [Webpack log levels presets](https://webpack.js.org/configuration/stats/#stats) to be used during development. A custom logger is used by default.
+Allows [Webpack infrastructure log levels](https://webpack.js.org/configuration/other-options/#infrastructurelogging) to be set during development.
 
 #### `development.sourceMap`
 
 Webpack `devtool` setting. Default is `source-map`. For more options please see <https://webpack.js.org/configuration/devtool/#devtool>.
 
 #### `development.hotLoader`
 
-Enable or disable react-hot-loader. Default is `true`.
-
-Can also be an object to enable experimental `react-refresh` features
-ex.
-
-```json
-{
-    "hotLoader": {
-        "enabled": true,
-        "experimental": true
-    }
-}
-```
+Enable or disable Fast Refresh using [`react-refresh`](https://github.com/pmmmwh/react-refresh-webpack-plugin). Default is `true`.
 
 #### `development.webpackDevServer`
 
@@ -188,7 +176,9 @@ When starting the dev server using production settings as a dry run, `yarn start
 
 ```js
 {
-    contentBase: path.join(process.cwd(), 'dist'),
+    static: {
+        directory: path.join(process.cwd(), 'dist'),
+    },
     compress: true, // gzip content before serving
     port: 3000, // serve content on localhost:3000
   };
@@ -198,7 +188,7 @@ When starting the dev server using production settings as a dry run, `yarn start
 
 Allows developers to override the `webpack` target to match their developer environment. This is beneficial if a developer is doing their primary development environment in a browser like Chrome 57+ that already supports a lot of the ES6 features, therefore, not needing to Babelfy code completely.
 
-This setting is is only used for development and does not effect staging/production/testing builds which default to `'browserslist: defaults, ie 11'`. **@See** [https://webpack.js.org/configuration/target/](https://webpack.js.org/configuration/target/)
+This setting is is only used for development and does not effect staging/production/testing builds which default to `'browserslist: defaults'`. **@See** [https://webpack.js.org/configuration/target/](https://webpack.js.org/configuration/target/)
 
 ##### Note about `browserslist`
 
@@ -482,13 +472,19 @@ Now the runtime issue has been resolved! Note that this only polyfills `process`
 
 [Link to specific vfile issue and solution](https://github.com/vfile/vfile/issues/38#issuecomment-683198538)
 
-### How can I test locally running code in IE 11?
+### Why are there so many deprecation warnings when compiling or running the dev server?
+
+`@availity/workflow` has recently switched from the deprecated `node-sass` to `dart-sass`, which emits these upcoming deprecation warnings. [The Node API is not able to use the `--quiet-upstream` flag](https://github.com/sass/dart-sass/issues/672#issuecomment-846311746), but these warnings can be safely ignored. They will eventually be handled by Availity's UI Kit and other upstream dependencies.
+
+### **DEPRECATED IE 11 SECTION**
+
+#### How can I test locally running code in IE 11?
 
 The webpack config for development does not actively support development in IE 11, even though our production config does. In both environments we will transpile our Availity packages to meet that target, and in production we take the extra step to transform all other packages and hit the IE 11 compatibility target.
 
 Most packages will ship transpiled, but more and more are starting to drop IE 11 support. In production that still doesn't affect us, we will make necessary changes to support IE 11, but for active local development you have a few ways forward to avoid things like syntax errors inside `node_modules`:
 
-### Recommended Approach
+#### Recommended Approach
 
 This approach, requiring the least amount of investigating, is to develop locally against modern targets, then use a combination of `yarn build:production`, `yarn start --dry-run`, and something like below inside `workflow.js` to allow you to test what the production-like code will look like in IE 11.
 
@@ -508,12 +504,14 @@ if (dryRun) {
 
 This will instruct the webpackDevServer to serve content from your `dist` folder. Running `yarn build:production` will generate the production-like code and place it in the `dist` folder. Then, after manually setting a `dryRun` boolean to `true` inside `workflow.js` (or setting it up to take a command-line argument), you can run `yarn start --dry-run` which will start up the dev server with some production-like settings, and serve your IE 11 compatible-code for testing.
 
-### Other Approaches
+#### Other Approaches
 
 -   Figure out which packages are causing the issue and then add them to `configuration.development.babelInclude` inside `workflow.js`
 
 -   Alternatively, use `modifyWebpackConfig` to include the packages and specify a custom loader or rule for them https://github.com/Availity/availity-workflow#modifywebpackconfig
 
+### **END DEPRECATED IE 11 SECTION**
+
 ### How to integrate with Visual Studio Code's [Jest plugin](https://marketplace.visualstudio.com/items?itemName=Orta.vscode-jest)?
 
 Create `./vscode/settings.json` file with the following configuration:

@@ -130,16 +130,10 @@ Optional options for Webpack development server. If undefined, `workflow` defaul
 
 Allows developers to override the `babel-preset-env` target to match their developer environment. This is beneficial if a developer is doing their primary development environment in a browser like Chrome 57+ that already supports a lot of the ES6 features, therefore, not needing to Babelfy code completely.
 
-This setting is is only used for development and does not effect staging/production/testing builds which default to `IE11`. **@See** [https://github.com/babel/babel-preset-env](https://github.com/babel/babel-preset-env)
+This setting is is only used for development and does not effect staging/production/testing builds which use browserslist defaults. **@See** [https://github.com/babel/babel-preset-env](https://github.com/babel/babel-preset-env)
 
 **Examples:**
 
-```js
-targets: {
-    ie: 11;
-}
-```
-
 ```js
 targets: {
     browsers: ['last 2 Chrome versions'];

@@ -15,8 +15,8 @@
     "@docusaurus/preset-classic": "2.0.0-alpha.70",
     "@mdx-js/react": "^1.5.8",
     "clsx": "^1.1.1",
-    "react": "^16.11.0",
-    "react-dom": "^16.11.0"
+    "react": "^16.14.0",
+    "react-dom": "^16.14.0"
   },
   "browserslist": {
     "production": [

@@ -31,45 +31,44 @@
   "license": "MIT",
   "homepage": "https://github.com/availity/availity-workflow#readme",
   "dependencies": {
-    "@availity/api-axios": "^5.4.4",
-    "@availity/api-core": "^6.0.1",
-    "@availity/breadcrumbs": "^3.1.5",
-    "@availity/favorites": "^2.1.30",
-    "@availity/form": "^0.5.8",
-    "@availity/icon": "^0.7.17",
+    "@availity/api-axios": "^6.0.5",
+    "@availity/breadcrumbs": "^3.2.0",
+    "@availity/favorites": "^2.3.0",
+    "@availity/form": "^1.2.0",
+    "@availity/icon": "^0.10.0",
     "@availity/localstorage-core": "^3.0.0",
-    "@availity/page-header": "^10.0.63",
-    "@availity/spaces": "4.0.26",
-    "@availity/yup": "^3.0.7",
-    "availity-uikit": "^3.0.0",
-    "axios": "^0.20.0",
-    "classnames": "^2.2.6",
-    "formik": "^2.0.3",
-    "prop-types": "^15.5.7",
-    "react": "^16.11.0",
-    "react-block-ui": "^1.3.2",
-    "react-dom": "^16.11.0",
-    "reactstrap": "^8.6.0",
-    "yup": "^0.29.3"
+    "@availity/page-header": "^11.1.3",
+    "@availity/spaces": "5.1.0",
+    "@availity/yup": "^4.1.0",
+    "availity-uikit": "^4.1.5",
+    "axios": "^0.24.0",
+    "classnames": "^2.3.1",
+    "formik": "^2.2.9",
+    "prop-types": "^15.7.2",
+    "react": "^16.14.0",
+    "react-block-ui": "^1.3.3",
+    "react-dom": "^16.14.0",
+    "reactstrap": "^8.10.1",
+    "yup": "^0.32.11"
   },
   "devDependencies": {
     "@availity/workflow": "workspace:*",
-    "@testing-library/react": "^11.0.4",
-    "@types/jest": "^26.0.14",
-    "@types/node": "^14.11.2",
-    "@types/react": "^16.9.11",
-    "@types/react-dom": "^16.9.4",
-    "@types/reactstrap": "^8.0.6",
-    "@types/yup": "^0.29.7",
-    "@typescript-eslint/eslint-plugin": "^4.33.0",
-    "@typescript-eslint/parser": "^4.33.0",
-    "cross-env": "^7.0.2",
-    "eslint-config-availity": "^7.1.1",
+    "@testing-library/react": "^12.1.2",
+    "@types/jest": "^27.0.3",
+    "@types/node": "^16.11.9",
+    "@types/react": "^16.14.21",
+    "@types/react-dom": "^16.9.14",
+    "@types/reactstrap": "^8.7.1",
+    "@types/yup": "^0.29.13",
+    "@typescript-eslint/eslint-plugin": "^5.4.0",
+    "@typescript-eslint/parser": "^5.4.0",
+    "cross-env": "^7.0.3",
+    "eslint-config-availity": "^8.0.5",
     "eslint-import-resolver-root-import": "^1.0.4",
-    "eslint-import-resolver-typescript": "^2.3.0",
-    "jest": "^26.4.2",
+    "eslint-import-resolver-typescript": "^2.5.0",
+    "jest": "^27.3.1",
     "jest-dom": "^4.0.0",
-    "typescript": "^4.4.4"
+    "typescript": "^4.5.2"
   },
   "lint-staged": {
     "*.(js|ts|jsx|tsx)": [

@@ -3,6 +3,6 @@ import { render } from 'react-dom';
 import './index.scss';
 import 'react-block-ui/style.css';
 import '@availity/yup';
-import App from './App.tsx';
+import App from './App';
 
 render(<App />, document.querySelector('#root'));
@@ -4,10 +4,9 @@ const path = require('path');
 module.exports = (config) => {
   config.development.open = '/';
 
-  config.development.hotLoader = {
-    enabled: true,
-    experimental: true,
-  };
+  config.development.hotLoader = true;
+
+  config.ekko.enabled = false;
 
   config.modifyWebpackConfig = (webpackConfig, settings) => {
     webpackConfig.resolveLoader.modules.push(path.join(settings.project(), '../node_modules'));

@@ -3,26 +3,26 @@
   "name": "availity-workflow",
   "engines": {
     "yarn": "^3.0.0",
-    "node": "^12.0.0 || ^14.0.0"
+    "node": "^12.0.0 || ^14.0.0 || ^16.0.0"
   },
   "workspaces": [
     "packages/*",
     "docusaurus",
     "example"
   ],
   "devDependencies": {
-    "@commitlint/cli": "^11.0.0",
-    "@commitlint/config-conventional": "^11.0.0",
-    "@types/is-ci": "^3",
-    "conventional-changelog-cli": "^2.0.27",
+    "@commitlint/cli": "^15.0.0",
+    "@commitlint/config-conventional": "^15.0.0",
+    "@types/is-ci": "^3.0.0",
+    "conventional-changelog-cli": "^2.1.1",
     "conventional-changelog-conventionalcommits": "^4.6.1",
     "dependency-check": "^4.1.0",
-    "eslint-config-availity": "^7.1.1",
-    "gh-pages": "^3.1.0",
-    "husky": "^7.0.0",
+    "eslint-config-availity": "^8.0.5",
+    "gh-pages": "^3.2.3",
+    "husky": "^7.0.4",
     "is-ci": "^3.0.1",
-    "jest": "^26.4.2",
-    "lint-staged": "^10.4.0",
+    "jest": "^27.3.1",
+    "lint-staged": "^12.1.2",
     "prettier": "^2.4.1"
   },
   "scripts": {

@@ -18,14 +18,14 @@
   "license": "MIT",
   "dependencies": {
     "@availity/mock-data": "workspace:*",
-    "body-parser": "^1.18.2",
-    "chalk": "^4.1.0",
-    "compression": "^1.7.0",
+    "body-parser": "^1.19.0",
+    "chalk": "^4.1.2",
+    "compression": "^1.7.4",
     "connect-busboy": "0.0.2",
-    "cors": "^2.8.4",
-    "delay": "^4.0.0",
-    "errorhandler": "^1.5.0",
-    "express": "^4.15.5",
+    "cors": "^2.8.5",
+    "delay": "^5.0.0",
+    "errorhandler": "^1.5.1",
+    "express": "^4.17.1",
     "lodash": "^4.17.21",
     "method-override": "^3.0.0",
     "on-finished": "^2.3.0"