From 8157a9250f8290cb89a6d5ec96940c586c016e0f Mon Sep 17 00:00:00 2001 From: James Allen Date: Wed, 21 Aug 2024 15:39:10 +0800 Subject: [PATCH 01/20] Update dropdown.js --- src/components/dropdown/dropdown.js | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/src/components/dropdown/dropdown.js b/src/components/dropdown/dropdown.js index f14fcff0c8..00bb66633a 100644 --- a/src/components/dropdown/dropdown.js +++ b/src/components/dropdown/dropdown.js @@ -253,8 +253,7 @@ Dropdown.prototype = { this.isWrapped = this.wrapper.length > 0; if (!this.isWrapped) { - // debugger; - this.wrapper = $(`
`).insertAfter(this.element); + this.wrapper = $(`
`).insertAfter(this.element); } if (this.isWrapped) { From fc04fce3a5083eec8ab00fa6dfa4f608021b90f6 Mon Sep 17 00:00:00 2001 From: James Allen Date: Tue, 27 Aug 2024 11:21:46 +0800 Subject: [PATCH 02/20] Update CHANGELOG.md --- docs/CHANGELOG.md | 1 + 1 file changed, 1 insertion(+) diff --git a/docs/CHANGELOG.md b/docs/CHANGELOG.md index ebe73528ce..565f28bcc6 100644 --- a/docs/CHANGELOG.md +++ b/docs/CHANGELOG.md @@ -16,6 +16,7 @@ - `[Datagrid]` Updated styles so pager works on cards. ([NG#1756](https://github.com/infor-design/enterprise-ng/issues/1756)) - `[Datagrid]` Fixed a bug where text is misaligned in action dropdown . ([#8957](https://github.com/infor-design/enterprise-ng/issues/8957)) - `[Datagrid]` Fixed auto sizing on columns in tree grid. ([#8646](https://github.com/infor-design/enterprise/issues/8646)) +- `[Dropdown]` Removed space on dropdown-wrapper class. ([#8894](https://github.com/infor-design/enterprise/issues/8894)) - `[General]` Upgrade dependencies, this involved updating sass and test dependencies with a few css deprecations that were fixed. ([#8947](https://github.com/infor-design/enterprise-ng/issues/8947)) - `[Locale]` Fixed translation issue of `small` into Spanish. ([#8962](https://github.com/infor-design/enterprise-wc/issues/8962) - `[Locale]` Fixed translation issue of `Available` into Thai and Italian. ([#8786](https://github.com/infor-design/enterprise-wc/issues/8786) From 0f3a596b8817becdda62c0f68c6fba4b8c1d29ee Mon Sep 17 00:00:00 2001 From: James Allen Date: Tue, 27 Aug 2024 11:25:21 +0800 Subject: [PATCH 03/20] Update CHANGELOG.md --- docs/CHANGELOG.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/CHANGELOG.md b/docs/CHANGELOG.md index 565f28bcc6..f26605d0f9 100644 --- a/docs/CHANGELOG.md +++ b/docs/CHANGELOG.md @@ -16,7 +16,7 @@ - `[Datagrid]` Updated styles so pager works on cards. ([NG#1756](https://github.com/infor-design/enterprise-ng/issues/1756)) - `[Datagrid]` Fixed a bug where text is misaligned in action dropdown . ([#8957](https://github.com/infor-design/enterprise-ng/issues/8957)) - `[Datagrid]` Fixed auto sizing on columns in tree grid. ([#8646](https://github.com/infor-design/enterprise/issues/8646)) -- `[Dropdown]` Removed space on dropdown-wrapper class. ([#8894](https://github.com/infor-design/enterprise/issues/8894)) +- `[Dropdown]` Removed excess space on dropdown-wrapper class. ([#8894](https://github.com/infor-design/enterprise/issues/8894)) - `[General]` Upgrade dependencies, this involved updating sass and test dependencies with a few css deprecations that were fixed. ([#8947](https://github.com/infor-design/enterprise-ng/issues/8947)) - `[Locale]` Fixed translation issue of `small` into Spanish. ([#8962](https://github.com/infor-design/enterprise-wc/issues/8962) - `[Locale]` Fixed translation issue of `Available` into Thai and Italian. ([#8786](https://github.com/infor-design/enterprise-wc/issues/8786) From e51d7a3bb9c9b266a085925e692393e16b787040 Mon Sep 17 00:00:00 2001 From: James Allen Date: Thu, 29 Aug 2024 19:33:52 +0800 Subject: [PATCH 04/20] Added playwright --- tests/dropdown/dropdown.spec.js | 75 +++++++++++++++++++++------------ 1 file changed, 47 insertions(+), 28 deletions(-) diff --git a/tests/dropdown/dropdown.spec.js b/tests/dropdown/dropdown.spec.js index cbf1e9a177..8ef8b8ea9f 100644 --- a/tests/dropdown/dropdown.spec.js +++ b/tests/dropdown/dropdown.spec.js @@ -4,45 +4,64 @@ import { expect } from '@playwright/test'; import { test } from '../base-fixture'; test.describe('Dropdown tests', () => { - const url = '/components/dropdown/example-index.html'; + test.describe('Dropdown example tests', () => { + const url = '/components/dropdown/example-index.html'; - test.beforeEach(async ({ page }) => { - await page.goto(url); - }); + test.beforeEach(async ({ page }) => { + await page.goto(url); + }); - test.describe('general page checks', () => { - test('should have a title', async ({ page }) => { - await expect(page).toHaveTitle('IDS Enterprise'); + test.describe('general page checks', () => { + test('should have a title', async ({ page }) => { + await expect(page).toHaveTitle('IDS Enterprise'); + }); }); - }); - test.describe('accessibility tests', () => { - test('should pass an Axe scan', async ({ page, browserName }) => { - if (browserName !== 'chromium') return; - const accessibilityScanResults = await new AxeBuilder({ page }) - .disableRules(['meta-viewport']) - .exclude('[disabled]') - .analyze(); - expect(accessibilityScanResults.violations).toEqual([]); + test.describe('accessibility tests', () => { + test('should pass an Axe scan', async ({ page, browserName }) => { + if (browserName !== 'chromium') return; + const accessibilityScanResults = await new AxeBuilder({ page }) + .disableRules(['meta-viewport']) + .exclude('[disabled]') + .analyze(); + expect(accessibilityScanResults.violations).toEqual([]); + }); }); - }); - test.describe('snapshot tests', () => { - test('should match innerHTML snapshot', async ({ page, browserName }) => { - if (browserName !== 'chromium') return; - const html = await page.evaluate(() => { - const elem = document.querySelector('.dropdown'); - return elem?.outerHTML; + test.describe('snapshot tests', () => { + test('should match innerHTML snapshot', async ({ page, browserName }) => { + if (browserName !== 'chromium') return; + const html = await page.evaluate(() => { + const elem = document.querySelector('.dropdown'); + return elem?.outerHTML; + }); + await expect(html).toMatchSnapshot('dropdown-html'); + }); + + test('should match the visual snapshot in percy', async ({ page, browserName }) => { + if (browserName !== 'chromium') return; + await percySnapshot(page, 'dropdown-light'); }); - await expect(html).toMatchSnapshot('dropdown-html'); }); - test('should match the visual snapshot in percy', async ({ page, browserName }) => { - if (browserName !== 'chromium') return; - await percySnapshot(page, 'dropdown-light'); + test.describe('functionality tests', () => { }); }); - test.describe('functionality tests', () => { + test.describe('Dropdown excess space', () => { + const url = '/components/dropdown/example-clearable?theme=uplift&variant=light&layout=embedded'; + + test.beforeEach(async ({ page }) => { + await page.goto(url); + }); + + test.describe('check dropdown-wrapper class', () => { + test('value should have no excess space', async ({ page }) => { + const wrapper = page.locator('#clearable + .dropdown-wrapper'); + + await expect(wrapper).toBeVisible(); + await expect(wrapper).toHaveClass('dropdown-wrapper'); + }); + }); }); }); From 588533b7205caf5c8390b363cb5c140030ae30bb Mon Sep 17 00:00:00 2001 From: Tim McConechy Date: Wed, 4 Sep 2024 13:19:27 -0400 Subject: [PATCH 05/20] Update snap shots --- tests/module-nav/snapshots/module-nav-html.snap | 2 +- tests/signin/snapshots/signin-html.snap | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/tests/module-nav/snapshots/module-nav-html.snap b/tests/module-nav/snapshots/module-nav-html.snap index c05b9efff0..310a5f92c2 100644 --- a/tests/module-nav/snapshots/module-nav-html.snap +++ b/tests/module-nav/snapshots/module-nav-html.snap @@ -23,7 +23,7 @@ -
+
diff --git a/tests/signin/snapshots/signin-html.snap b/tests/signin/snapshots/signin-html.snap index f7a16fc957..db804ae827 100644 --- a/tests/signin/snapshots/signin-html.snap +++ b/tests/signin/snapshots/signin-html.snap @@ -25,7 +25,7 @@ -
+
From 4849a0f67e47a5c2ed6993639100735e1e6938e1 Mon Sep 17 00:00:00 2001 From: Tim McConechy Date: Wed, 4 Sep 2024 15:07:53 -0400 Subject: [PATCH 06/20] Add new build commands --- .github/workflows/ci.yml | 6 ++++++ package.json | 3 ++- 2 files changed, 8 insertions(+), 1 deletion(-) diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index 8f00e971c0..9a8d5f4d15 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -58,6 +58,12 @@ jobs: NODE_OPTIONS: "--max-old-space-size=8192" PERCY_TOKEN: ${{ secrets.PERCY_TOKEN }} + - name: Run PercyTests + run: npx percy exec -- npm run test:ci:percy + env: + NODE_OPTIONS: "--max-old-space-size=8192" + PERCY_TOKEN: ${{ secrets.PERCY_TOKEN }} + - name: Dump GitHub context env: GITHUB_CONTEXT: ${{ toJson(github) }} diff --git a/package.json b/package.json index a1a693f6ab..18ef280218 100644 --- a/package.json +++ b/package.json @@ -67,7 +67,8 @@ "test:visual": "PERCY_LOGLEVEL=silent npx percy exec -- npx playwright test --reporter=list", "test:coverage": "npx rimraf .nyc_output && npm run build:coverage && npm run test && npx nyc report && open coverage/index.html", "test:coverage:no-build": "npx rimraf .nyc_output && npm run test && npx nyc report && open coverage/index.html", - "test:ci": "PERCY_LOGLEVEL=silent npx rimraf .nyc_output && npm run build:coverage && npm run test && npx nyc report", + "test:ci": "PERCY_LOGLEVEL=silent npx rimraf .nyc_output && npm run build:coverage && npx playwright test --reporter=list --workers=1 --inverse-grep 'percy' && npx nyc report", + "test:ci:percy": "PERCY_LOGLEVEL=silent npx rimraf .nyc_output && npm run build:coverage && npx playwright test --reporter=list --workers=1 --grep 'percy' && npx nyc report", "watch": "npm run watch:js & npm run watch:scss", "watch:js": "nodemon --watch \"src/\" -e js --ignore dist/ --ignore app/ -x \"npm run build:js\" --on-change-only", "watch:scss": "nodemon --watch \"src/\" -e scss --ignore dist/ --ignore app/ -x \"npm run build:css\" --on-change-only", From 632294a7bf875bf06f6d1fd8e9a91968d3c4b723 Mon Sep 17 00:00:00 2001 From: Tim McConechy Date: Wed, 4 Sep 2024 15:14:24 -0400 Subject: [PATCH 07/20] Different build commands --- .github/workflows/ci.yml | 2 +- package.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index 9a8d5f4d15..212cc45e65 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -53,7 +53,7 @@ jobs: run: npx playwright install --with-deps - name: Run Tests - run: npx percy exec -- npm run test:ci + run: npm run test:ci env: NODE_OPTIONS: "--max-old-space-size=8192" PERCY_TOKEN: ${{ secrets.PERCY_TOKEN }} diff --git a/package.json b/package.json index 18ef280218..4182a22c67 100644 --- a/package.json +++ b/package.json @@ -67,7 +67,7 @@ "test:visual": "PERCY_LOGLEVEL=silent npx percy exec -- npx playwright test --reporter=list", "test:coverage": "npx rimraf .nyc_output && npm run build:coverage && npm run test && npx nyc report && open coverage/index.html", "test:coverage:no-build": "npx rimraf .nyc_output && npm run test && npx nyc report && open coverage/index.html", - "test:ci": "PERCY_LOGLEVEL=silent npx rimraf .nyc_output && npm run build:coverage && npx playwright test --reporter=list --workers=1 --inverse-grep 'percy' && npx nyc report", + "test:ci": "npx rimraf .nyc_output && npm run build:coverage && npx playwright test --reporter=list --workers=1 --inverse-grep 'percy' && npx nyc report", "test:ci:percy": "PERCY_LOGLEVEL=silent npx rimraf .nyc_output && npm run build:coverage && npx playwright test --reporter=list --workers=1 --grep 'percy' && npx nyc report", "watch": "npm run watch:js & npm run watch:scss", "watch:js": "nodemon --watch \"src/\" -e js --ignore dist/ --ignore app/ -x \"npm run build:js\" --on-change-only", From 711010c1019a6cc72c324527681aefbc03955f11 Mon Sep 17 00:00:00 2001 From: Tim McConechy Date: Wed, 4 Sep 2024 15:51:58 -0400 Subject: [PATCH 08/20] Fix build commands --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 4182a22c67..2d80933858 100644 --- a/package.json +++ b/package.json @@ -67,7 +67,7 @@ "test:visual": "PERCY_LOGLEVEL=silent npx percy exec -- npx playwright test --reporter=list", "test:coverage": "npx rimraf .nyc_output && npm run build:coverage && npm run test && npx nyc report && open coverage/index.html", "test:coverage:no-build": "npx rimraf .nyc_output && npm run test && npx nyc report && open coverage/index.html", - "test:ci": "npx rimraf .nyc_output && npm run build:coverage && npx playwright test --reporter=list --workers=1 --inverse-grep 'percy' && npx nyc report", + "test:ci": "npx rimraf .nyc_output && npm run build:coverage && npx playwright test --reporter=list --workers=1 --grep-invert 'percy' && npx nyc report", "test:ci:percy": "PERCY_LOGLEVEL=silent npx rimraf .nyc_output && npm run build:coverage && npx playwright test --reporter=list --workers=1 --grep 'percy' && npx nyc report", "watch": "npm run watch:js & npm run watch:scss", "watch:js": "nodemon --watch \"src/\" -e js --ignore dist/ --ignore app/ -x \"npm run build:js\" --on-change-only", From a4b43e81efd118abf5d1b58835ce77c48ada2fac Mon Sep 17 00:00:00 2001 From: Austin Brown Date: Wed, 4 Sep 2024 12:52:27 -0700 Subject: [PATCH 09/20] Update Datagrid Search on Input Change --- src/components/datagrid/datagrid.js | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/src/components/datagrid/datagrid.js b/src/components/datagrid/datagrid.js index e725939c07..200a1271e3 100644 --- a/src/components/datagrid/datagrid.js +++ b/src/components/datagrid/datagrid.js @@ -8431,16 +8431,18 @@ Datagrid.prototype = { e.preventDefault(); self.keywordSearch(thisSearch.val()); } - - if (self.settings.filterWhenTyping) { + }); + + if (self.settings.filterWhenTyping) { + thisSearch.on('input.datagrid', () => { clearTimeout(typingTimer); typingTimer = setTimeout((param) => { const self1 = param[0]; const thisSearch1 = param[1]; self1.keywordSearch(thisSearch1.val()); }, 400, [self, thisSearch]); - } - }); + }) + } clearButton.off('click.datagrid').on('click.datagrid', () => { self.keywordSearch(thisSearch.val()); }); @@ -13916,7 +13918,7 @@ Datagrid.prototype = { const searchfield = toolbar.find('.searchfield'); const searchfieldApi = searchfield.data('searchfield'); const xIcon = searchfield.parent().find('.close.icon'); - searchfield.off('keypress.datagrid'); + searchfield.off('keydown.datagrid input.datagrid'); xIcon.off('click.datagrid'); if (searchfieldApi && typeof searchfieldApi.destroy === 'function') { searchfieldApi.destroy(); From 7713cef25a88e9e607860a38459ed7f7aa80b6cd Mon Sep 17 00:00:00 2001 From: Austin Brown Date: Wed, 4 Sep 2024 13:18:48 -0700 Subject: [PATCH 10/20] Change keydown back to keypress --- src/components/datagrid/datagrid.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/datagrid/datagrid.js b/src/components/datagrid/datagrid.js index 200a1271e3..1d0b43f19d 100644 --- a/src/components/datagrid/datagrid.js +++ b/src/components/datagrid/datagrid.js @@ -13918,7 +13918,7 @@ Datagrid.prototype = { const searchfield = toolbar.find('.searchfield'); const searchfieldApi = searchfield.data('searchfield'); const xIcon = searchfield.parent().find('.close.icon'); - searchfield.off('keydown.datagrid input.datagrid'); + searchfield.off('keypress.datagrid input.datagrid'); xIcon.off('click.datagrid'); if (searchfieldApi && typeof searchfieldApi.destroy === 'function') { searchfieldApi.destroy(); From b6494e0edf3b54c4197a3d3cd852dca63bd625e8 Mon Sep 17 00:00:00 2001 From: Austin Brown Date: Wed, 4 Sep 2024 13:26:43 -0700 Subject: [PATCH 11/20] Fix lint error, update changelog --- docs/CHANGELOG.md | 1 + src/components/datagrid/datagrid.js | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/docs/CHANGELOG.md b/docs/CHANGELOG.md index f40cc1fa7c..f6304d641a 100644 --- a/docs/CHANGELOG.md +++ b/docs/CHANGELOG.md @@ -33,6 +33,7 @@ - `[Toolbar]` Fixed uncaught error when destroying the toolbar. ([#8946](https://github.com/infor-design/enterprise/issues/8946)) - `[Tabs]` Fixed a bug where focus state is undefined when using breadcrumbs startup. ([#8910](https://github.com/infor-design/enterprise/issues/8910)) - `[Validation]` Add guards for new setting in case it is undefined. ([#8981](https://github.com/infor-design/enterprise/issues/8981)) +- `[Datagrid]` Fixed the filterWhenTyping feature, so that any input change (including backspace or cut/paste which previously did nothing) will update the search results. ([#9007](https://github.com/infor-design/enterprise/issues/9007)) ## v4.98.2 diff --git a/src/components/datagrid/datagrid.js b/src/components/datagrid/datagrid.js index 1d0b43f19d..c6d0018b1b 100644 --- a/src/components/datagrid/datagrid.js +++ b/src/components/datagrid/datagrid.js @@ -8441,7 +8441,7 @@ Datagrid.prototype = { const thisSearch1 = param[1]; self1.keywordSearch(thisSearch1.val()); }, 400, [self, thisSearch]); - }) + }); } clearButton.off('click.datagrid').on('click.datagrid', () => { self.keywordSearch(thisSearch.val()); From ebdb35075dadf96132cd8946abf632430ba3915a Mon Sep 17 00:00:00 2001 From: Tim McConechy Date: Thu, 5 Sep 2024 14:00:00 -0400 Subject: [PATCH 12/20] Fix flaky tests --- tests/toolbar/toolbar.spec.js | 1 + 1 file changed, 1 insertion(+) diff --git a/tests/toolbar/toolbar.spec.js b/tests/toolbar/toolbar.spec.js index 26553ba337..f43a1a1da3 100644 --- a/tests/toolbar/toolbar.spec.js +++ b/tests/toolbar/toolbar.spec.js @@ -43,6 +43,7 @@ test.describe('Toolbar tests', () => { test.describe('snapshot tests', () => { test('should match the visual snapshot in percy', async ({ page, browserName }) => { if (browserName !== 'chromium') return; + await page.waitForLoadState(); await percySnapshot(page, 'toolbar-light'); }); }); From 096eeb7ad7479885303218e84b96d44f86f9977c Mon Sep 17 00:00:00 2001 From: Tim McConechy Date: Thu, 5 Sep 2024 14:15:17 -0400 Subject: [PATCH 13/20] Use new git checkouts --- .github/workflows/env-deploy-gha.yaml | 6 +++--- .github/workflows/file-check.yml | 2 +- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/.github/workflows/env-deploy-gha.yaml b/.github/workflows/env-deploy-gha.yaml index 49b18f6636..3b4f005aee 100644 --- a/.github/workflows/env-deploy-gha.yaml +++ b/.github/workflows/env-deploy-gha.yaml @@ -15,7 +15,7 @@ jobs: steps: - name: Checkout code - uses: actions/checkout@v3 + uses: actions/checkout@v4 - name: Extract branch name shell: bash @@ -46,7 +46,7 @@ jobs: tags: hookandloop/enterprise:${{ steps.extract_branch.outputs.branch }} push: true - - uses: actions/checkout@v3 + - uses: actions/checkout@v4 with: repository: infor-design/apps ref: main @@ -94,7 +94,7 @@ jobs: repository: infor-design/apps github_token: ${{ secrets.GH_ACCESS_TOKEN }} branch: main - + - name: Install Browsers run: npx playwright install --with-deps diff --git a/.github/workflows/file-check.yml b/.github/workflows/file-check.yml index 373b112b19..c56a433bc3 100644 --- a/.github/workflows/file-check.yml +++ b/.github/workflows/file-check.yml @@ -14,7 +14,7 @@ jobs: runs-on: ubuntu-latest name: Test changed-files steps: - - uses: actions/checkout@v3 + - uses: actions/checkout@v4 with: fetch-depth: 0 From ea28254fde8ab10a5c8b050e18a45fcd7db7fa87 Mon Sep 17 00:00:00 2001 From: Tim McConechy Date: Thu, 5 Sep 2024 16:41:52 -0400 Subject: [PATCH 14/20] Update toolbar.spec.js --- tests/toolbar/toolbar.spec.js | 1 + 1 file changed, 1 insertion(+) diff --git a/tests/toolbar/toolbar.spec.js b/tests/toolbar/toolbar.spec.js index f43a1a1da3..2db065a833 100644 --- a/tests/toolbar/toolbar.spec.js +++ b/tests/toolbar/toolbar.spec.js @@ -44,6 +44,7 @@ test.describe('Toolbar tests', () => { test('should match the visual snapshot in percy', async ({ page, browserName }) => { if (browserName !== 'chromium') return; await page.waitForLoadState(); + await page.waitForLoadState(); await percySnapshot(page, 'toolbar-light'); }); }); From 4d003a6e93602a8f71c9c8ea344e9e187c18e0e7 Mon Sep 17 00:00:00 2001 From: Tim McConechy Date: Fri, 6 Sep 2024 10:02:31 -0400 Subject: [PATCH 15/20] Update toolbar.spec.js --- tests/toolbar/toolbar.spec.js | 1 - 1 file changed, 1 deletion(-) diff --git a/tests/toolbar/toolbar.spec.js b/tests/toolbar/toolbar.spec.js index 2db065a833..f43a1a1da3 100644 --- a/tests/toolbar/toolbar.spec.js +++ b/tests/toolbar/toolbar.spec.js @@ -44,7 +44,6 @@ test.describe('Toolbar tests', () => { test('should match the visual snapshot in percy', async ({ page, browserName }) => { if (browserName !== 'chromium') return; await page.waitForLoadState(); - await page.waitForLoadState(); await percySnapshot(page, 'toolbar-light'); }); }); From de4c1dd9071abaa132cb698bde16dcd4e3764a36 Mon Sep 17 00:00:00 2001 From: Tim McConechy Date: Fri, 6 Sep 2024 11:51:52 -0400 Subject: [PATCH 16/20] Run percy jobs on main --- .github/workflows/env-deploy-gha.yaml | 4 ++-- package.json | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/.github/workflows/env-deploy-gha.yaml b/.github/workflows/env-deploy-gha.yaml index 3b4f005aee..f6d7528f64 100644 --- a/.github/workflows/env-deploy-gha.yaml +++ b/.github/workflows/env-deploy-gha.yaml @@ -101,8 +101,8 @@ jobs: - name: Install run: npm ci - - name: Run Tests - run: npx percy exec -- npm run test:ci + - name: Run Percy Tests + run: npx percy exec -- npm run test:ci:percy env: NODE_OPTIONS: "--max-old-space-size=8192" PERCY_TOKEN: ${{ secrets.PERCY_TOKEN }} diff --git a/package.json b/package.json index 2d80933858..6476bdab78 100644 --- a/package.json +++ b/package.json @@ -68,7 +68,7 @@ "test:coverage": "npx rimraf .nyc_output && npm run build:coverage && npm run test && npx nyc report && open coverage/index.html", "test:coverage:no-build": "npx rimraf .nyc_output && npm run test && npx nyc report && open coverage/index.html", "test:ci": "npx rimraf .nyc_output && npm run build:coverage && npx playwright test --reporter=list --workers=1 --grep-invert 'percy' && npx nyc report", - "test:ci:percy": "PERCY_LOGLEVEL=silent npx rimraf .nyc_output && npm run build:coverage && npx playwright test --reporter=list --workers=1 --grep 'percy' && npx nyc report", + "test:ci:percy": "PERCY_LOGLEVEL=silent npx rimraf .nyc_output && npm run build && npx playwright test --reporter=list --workers=1 --grep 'percy' && npx nyc report", "watch": "npm run watch:js & npm run watch:scss", "watch:js": "nodemon --watch \"src/\" -e js --ignore dist/ --ignore app/ -x \"npm run build:js\" --on-change-only", "watch:scss": "nodemon --watch \"src/\" -e scss --ignore dist/ --ignore app/ -x \"npm run build:css\" --on-change-only", From 65ba0b1d639b8978f25eadc28be166dbf63c187e Mon Sep 17 00:00:00 2001 From: Tim McConechy Date: Fri, 6 Sep 2024 11:57:17 -0400 Subject: [PATCH 17/20] Add new change log --- docs/CHANGELOG.md | 634 ++++------------------------------------------ 1 file changed, 45 insertions(+), 589 deletions(-) diff --git a/docs/CHANGELOG.md b/docs/CHANGELOG.md index 923623aa08..0e10756a65 100644 --- a/docs/CHANGELOG.md +++ b/docs/CHANGELOG.md @@ -1,6 +1,8 @@ # What's New with Enterprise -## v4.99.0 Features +## v4.99.0 + +### v4.99.0 Features - `[Calendar]` Added `customSort`. ([#8836](https://github.com/infor-design/enterprise/issues/8836)) - `[Datagrid]` Added `scrollRowIntoView`. ([NG#1761](https://github.com/infor-design/enterprise-ng/issues/1761)) @@ -10,7 +12,7 @@ - `[Module Tabs]` Updated tab colors. ([#8831](https://github.com/infor-design/enterprise/issues/8831)) - `[Notification]` Added a callback function setting to be called when the notification is closed. ([#8767](https://github.com/infor-design/enterprise/issues/8767)) -## v4.99.0 Fixes +### v4.99.0 Fixes - `[Autocomplete]` Fixed a bug where autocomplete items are not shown when press key down. ([#8943](https://github.com/infor-design/enterprise-/issues/8943)) - `[ContextualToolbar]` Fixed datagrid hover color for contextual toolbar when a row is selected. ([#8980](https://github.com/infor-design/enterprise-/issues/8980)) @@ -36,21 +38,27 @@ - `[Validation]` Add guards for new setting in case it is undefined. ([#8981](https://github.com/infor-design/enterprise/issues/8981)) - `[Datagrid]` Fixed the filterWhenTyping feature, so that any input change (including backspace or cut/paste which previously did nothing) will update the search results. ([#9007](https://github.com/infor-design/enterprise/issues/9007)) +## v4.98.3 + +### v4.98.3 Fixes + +- `[ContextualToolbar]` Fixed datagrid hover color for contextual toolbar when a row is selected. ([#8980](https://github.com/infor-design/enterprise-/issues/8980)) + ## v4.98.2 -## v4.98.2 Fixes +### v4.98.2 Fixes - `[Validation]` Add guards for new setting in case it is undefined. ([#8981](https://github.com/infor-design/enterprise/issues/8981)) ## v4.98.1 -## v4.98.1 Fixes +### v4.98.1 Fixes - `[Tabs]` Fixed a bug where focus state is undefined when using breadcrumbs startup. ([#8910](https://github.com/infor-design/enterprise/issues/8910)) ## v4.98.0 -## v4.98.0 Features +### v4.98.0 Features - `[Busy Indicator]` Added circular loading type. ([#8662](https://github.com/infor-design/enterprise/issues/8662)) - `[Datagrid]` Add the ability for isEditable on selection checkbox columns to disable row selection. ([#8915](https://github.com/infor-design/enterprise-ng/issues/8915)) @@ -59,7 +67,7 @@ - `[Mask]` Added setting `allowTrailingDecimalZeros` to always display decimals in input mask. ([NG#1715](https://github.com/infor-design/enterprise-ng/issues/1715)) - `[Tab]` Selecting tabs in overflow menu will move the tab to a visible space. ([#8016](https://github.com/infor-design/enterprise/issues/8016)) -## v4.98.0 Fixes +### v4.98.0 Fixes - `[Button]` Fixed a bug where disabled button are not properly rendered in widgets. ([#8893](https://github.com/infor-design/enterprise/issues/8893)) - `[Calendar]` Fixed `selectDay` being called twice on clicking events. ([#8769](https://github.com/infor-design/enterprise/issues/8769)) @@ -83,7 +91,7 @@ ## v4.97.0 -## v4.97.0 Features +### v4.97.0 Features - `[Datagrid]` Added searched event for toolbar search. ([#8814](https://github.com/infor-design/enterprise/issues/8814)) - `[Datagrid]` Added setting `overrideTabbing` to disable tabbing sequence of datagrid which will allow custom tabbing from users. ([#8825](https://github.com/infor-design/enterprise/issues/8825)) @@ -92,7 +100,7 @@ - `[Tests]` Changed test framework to playwright. ([#8549](https://github.com/infor-design/enterprise-wc/issues/8549)) - `[Switch]` Update switch design. ([#8852](https://github.com/infor-design/enterprise/issues/8852)) -## v4.97.0 Fixes +### v4.97.0 Fixes - `[Autocomplete]` Fixed losing focus on keydown. ([#8618](https://github.com/infor-design/enterprise/issues/8618)) - `[Calendar]` Fixed `selectDay` being called twice on clicking events. ([#8769](https://github.com/infor-design/enterprise/issues/8769)) @@ -119,14 +127,14 @@ ## v4.96.0 -## v4.96.0 Features +### v4.96.0 Features - `[Calendar]` Added new setting `slideSelect` to allow users to select from span of range in creating an event. ([#8243](https://github.com/infor-design/enterprise/issues/8243)) - `[Calendar]` Added new setting `showTooltip` and `tooltipSettings` to display event information on event hover. ([#8453](https://github.com/infor-design/enterprise/issues/8453)) - `[ContextualActionPanel/Modal]` Added new settings `propagateStyle` and `compactPanel`. ([NG#1594](https://github.com/infor-design/enterprise-ng/issues/1594)) - `[Validation]` Added `truncated` setting to truncate and have a tooltip on validation messages. ([#7909](https://github.com/infor-design/enterprise/issues/7909)) -## v4.96.0 Fixes +### v4.96.0 Fixes - `[About]` Removed `isMobile` in about spec. ([#8502](https://github.com/infor-design/enterprise/issues/8502)) - `[AppMenu]` Fixed hover state on menu button in app menu. ([#8723](https://github.com/infor-design/enterprise/issues/8723)) @@ -165,11 +173,11 @@ ## v4.95.0 -## v4.95.0 Important Changes +### v4.95.0 Important Changes - `[General]` Using googleapis CDN for the design system fonts is no longer recommended due to global cross border data protection requirements. It is now recommended to download, embed, and serve the font locally with your application. Target completion for fix: with next major product release (Oct. 2024). See [typography docs](https://github.com/infor-design/enterprise/blob/main/src/components/typography/readme.md#font-family) for details and config. ([#8635](https://github.com/infor-design/enterprise/issues/8635)) -## v4.95.0 Features +### v4.95.0 Features - `[About]` Added copy to clipboard button. ([#8438](https://github.com/infor-design/enterprise/issues/8438)) - `[Homepage]` Added setting for background images. ([#8600](https://github.com/infor-design/enterprise/issues/8600)) @@ -180,7 +188,7 @@ - `[TabsModule]` Added setting called `equalTabWidth` to make tabs equal of width. ([#6990](https://github.com/infor-design/enterprise/issues/6990)) - `[Timeline]` Added fix to timeline layout. ([#8586](https://github.com/infor-design/enterprise/issues/8586)) -## v4.95.0 Fixes +### v4.95.0 Fixes - `[Avatar/AppMenu]` Fixed size of the avatar on app menu. ([#8631](https://github.com/infor-design/enterprise/issues/8631)) - `[Button]` Fixed unneeded timeout in performAnimation. ([#8541](https://github.com/infor-design/enterprise/issues/8541)) @@ -221,7 +229,7 @@ ## v4.94.0 -## v4.94.0 Features +### v4.94.0 Features - `[Datagrid]` Added setting `showEditorIcons` to always display icon without hover. ([#8439](https://github.com/infor-design/enterprise/issues/8439)) - `[Datagrid]` Disabled filter dropdown if selection is only one. ([NG#1570](https://github.com/infor-design/enterprise-ng/issues/1570)) @@ -229,7 +237,7 @@ - `[Lookup]` Added placeholder setting in toolbar. ([#8416](https://github.com/infor-design/enterprise/issues/8416)) - `[Modal]` Added setting `draggable` to be able to drag modals. ([#7019](https://github.com/infor-design/enterprise/issues/7019)) -## v4.94.0 Fixes +### v4.94.0 Fixes - `[Avatar]` Is no longer round by default. To use it in module nav add the new `square` class. ([#8539](https://github.com/infor-design/enterprise/issues/8539)) - `[Hierarchy]` Fixed broken size on avatars on hierarchy. ([#8584](https://github.com/infor-design/enterprise/issues/8584)) @@ -263,7 +271,7 @@ ## v4.93.0 -## v4.93.0 Features +### v4.93.0 Features - `[Calendar]` Added event tree option for calendar. ([3870](https://github.com/infor-design/enterprise/issues/3870)) - `[Contextual Action Panel]` Added content details and back button arrow. ([#8112](https://github.com/infor-design/enterprise/issues/8112)) @@ -273,7 +281,7 @@ - `[Donut/Pie]` Added a legend title in donut and pie chart legends. ([#7933](https://github.com/infor-design/enterprise/issues/7933)) - `[Locale]` Added `dateTimestamp` date format. ([#8373](https://github.com/infor-design/enterprise/issues/8373)) -## v4.93.0 Fixes +### v4.93.0 Fixes - `[Checkboxes]` Fixed RTL alignment for dirty tracker and required label. ([#8308](https://github.com/infor-design/enterprise/issues/8308)) - `[Colorpicker]` Fixed RTL alignment for color picker. ([#8306](https://github.com/infor-design/enterprise/issues/8306)) @@ -318,7 +326,7 @@ ## v4.92.3 -## v4.92.3 Fixes +### v4.92.3 Fixes - `[Datagrid]` Fixed cell editable not getting focused on click. ([8408](https://github.com/infor-design/enterprise/issues/8408)) - `[Datagrid]` Fixed cell value replacing special characters on cell change. ([8285](https://github.com/infor-design/enterprise/issues/8285)) @@ -327,7 +335,7 @@ ## v4.92.2 -## v4.92.2 Fixes +### v4.92.2 Fixes - `[Datagrid]` Fixed cell editable not getting focused on click. ([#8408](https://github.com/infor-design/enterprise/issues/8408)) - `[Masthead]` Fixed incorrect color on hover. ([8391](https://github.com/infor-design/enterprise/issues/8391)) @@ -335,14 +343,14 @@ ## v4.92.1 -## v4.92.1 Features +### v4.92.1 Features - `[Icons]` Added new icon `widgets-smart-panel`. ([#8403](https://github.com/infor-design/enterprise/issues/8403)) - `[Icons]` Fixed spaces in `icon-user-status-unknown` icon. ([#8403](https://github.com/infor-design/enterprise/issues/8403)) ## v4.92.0 -## v4.92.0 Features +### v4.92.0 Features - `[Avatar]` Added a new `avatar` class that can show initials and can be used in the module nav guest area. ([#8374](https://github.com/infor-design/enterprise/issues/8374)) - `[BusyIndicator]` Added loading indicator for AI action. ([#8312](https://github.com/infor-design/enterprise/issues/8312)) @@ -355,7 +363,7 @@ - `[Icons]` Added new icons which are more substantial in look. ([#8129](https://github.com/infor-design/enterprise/issues/8129)) - `[Lookup]` Added css setting for lookup. ([#8206](https://github.com/infor-design/enterprise/issues/8206)) -## v4.92.0 Fixes +### v4.92.0 Fixes - `[Bar Chart]` Fixed thrown errors when having duplicate sets in the dataset for bar chart. ([#8209](https://github.com/infor-design/enterprise/issues/8209)) - `[Cards]` Fixed widget header alignment with the parent. ([#8351](https://github.com/infor-design/enterprise/issues/8351)) @@ -402,13 +410,13 @@ ## v4.91.0 -## v4.91.0 Features +### v4.91.0 Features - `[Dates]` Added a new `twoDigitYear` setting to set the switch over for two digit years. ([#8061](https://github.com/infor-design/enterprise/issues/8061)) - `[ModuleNav]` Added a new "guest" section and some new settings to toggle the search and module switcher section. ([#8232](https://github.com/infor-design/enterprise/issues/8232)) - `[ModuleNav]` Added `attributes` setting (for automation id) in the module nav switcher. ([#8270](https://github.com/infor-design/enterprise/issues/8270)) -## v4.91.0 Fixes +### v4.91.0 Fixes - `[Accordion]` Fixed a bug where focus border was not fully shown in sub header. ([#8109](https://github.com/infor-design/enterprise/issues/8109)) - `[Breadcrumb]` Fixed a bug where overflow menu items don't fire a callback function. ([#8154](https://github.com/infor-design/enterprise/issues/8154)) @@ -438,17 +446,11 @@ - `[Searchfield]` Fixed styling issues in RTL. ([#6982](https://github.com/infor-design/enterprise/issues/6982)) - `[Searchfield]` Fixed searchfield stylings in RTL and in mobile viewport. ([#8103](https://github.com/infor-design/enterprise/issues/8103)) -## v4.89.1 (Preview) - -## v4.89.1 (Preview) Fixes - -- `[Personalization]` Fixed incorrect values in the `Soho.theme.personalizationColors` api. ([#8151](https://github.com/infor-design/enterprise/issues/8151)) - ## v4.90.0 -## v4.90.0 Features +### v4.90.0 Features -## v4.90.0 Fixes +### v4.90.0 Fixes - `[About]` Removed operating system field. ([#8118](https://github.com/infor-design/enterprise/issues/8118)) - `[Accordion]` Fixed a bug where the plus-minus icon shows ellipsis on mobile viewport. ([#8044](https://github.com/infor-design/enterprise/issues/8044)) @@ -477,9 +479,9 @@ - `[Datagrid]` Added ability for expandable and summary rows to be updated after cell update. ([#8058](https://github.com/infor-design/enterprise/issues/8058)) - `[Tabs]` Changed all azure components like header and header tabs to be alabaster by default. ([#7861](https://github.com/infor-design/enterprise/issues/7861)) -## v4.89.0 (Preview) +## v4.89.0 -## v4.89.0 (Preview) Features +### v4.89.0 Features - `[Icons]` Added new icon designs. ([#8129](https://github.com/infor-design/enterprise/issues/8129)) - `[Tabs]` Changed all azure components like header and header tabs to be alabaster by default. ([#7861](https://github.com/infor-design/enterprise/issues/7861)) @@ -499,14 +501,9 @@ - `[Tabs Header]` Fixed gradient color for personalizable overflowing header tabs. ([#8110](https://github.com/infor-design/enterprise/issues/8110)) - `[Tabs-Module]` Removed padding in embedded mode. ([#8060](https://github.com/infor-design/enterprise/issues/8060)) - `[Timepicker]` Removed `disabled` prop in trigger button on enable call. ([NG#1567](https://github.com/infor-design/enterprise-ng/issues/1567)) - -## v4.89.0 - -## v4.89.0 Features - - `[Datagrid]` Added ability for expandable and summary rows to be updated after cell update. ([#8058](https://github.com/infor-design/enterprise/issues/8058)) -## v4.89.0 Fixes +### v4.89.0 Fixes - `[Accordion]` Adjusted rules of accordion top border to be consistent whether open or closed. ([#7978](https://github.com/infor-design/enterprise/issues/7978)) - `[BarStacked]` Fixed the uneven legend spaces. ([#7874](https://github.com/infor-design/enterprise/issues/7874)) @@ -550,7 +547,7 @@ ## v4.88.0 -## v4.88.0 Features +### v4.88.0 Features - `[Checkbox]` Changed color of checkbox in dark mode. ([#7991](https://github.com/infor-design/enterprise/issues/7991)) - `[Form/Label]` Implemented a form layout designed to facilitate an inline design within a responsive-form container. ([#7764](https://github.com/infor-design/enterprise/issues/7764)) @@ -560,7 +557,7 @@ - `[Module Nav]` Fixed an alignment issue. ([#7934](https://github.com/infor-design/enterprise/issues/7934)) - `[Module Nav]` Added mobile click to close setting, and made breakpoints fire on resize, added hamburger logic and new mobile states per phone vs bigger. ([#8019](https://github.com/infor-design/enterprise/issues/8019)) -## v4.88.0 Fixes +### v4.88.0 Fixes - `[Accordion]` Updated selected header text color. ([#7769](https://github.com/infor-design/enterprise/issues/7769)) - `[ApplicationMenu]` Fixed an issue where the hover button background color was incorrect. ([#7933](https://github.com/infor-design/enterprise/issues/7782)) @@ -620,7 +617,7 @@ ## v4.87.0 -## v4.87.0 Features +### v4.87.0 Features - `[Datagrid]` Has a new design with a soft grey header. The white header background option is removed and this is now the default. ([#7814](https://github.com/infor-design/enterprise/issues/7814)) - `[Datagrid]` Fix the datagrid filter color when disabled. ([#7908](https://github.com/infor-design/enterprise/issues/7908)) @@ -631,7 +628,7 @@ - `[Timepicker]` Fix issue with `enable` function. ([#7887](https://github.com/infor-design/enterprise/issues/7887)) - `[Typography]` Added `text-wrap` class. ([#7497](https://github.com/infor-design/enterprise/issues/7497)) -## v4.87.0 Fixes +### v4.87.0 Fixes - `[Badges/Alerts/Tags/Icons]` Added docs and clearer examples. ([#7661](https://github.com/infor-design/enterprise-ng/issues/7661)) - `[Bar]` Fixed an issue where the x-axis labels on the bar chart were not visible. ([#7797](https://github.com/infor-design/enterprise/issues/7797)) @@ -687,11 +684,11 @@ ## v4.86.0 -## v4.86.0 Features +### v4.86.0 Features - `[Dropdown/ModuleNav]` Added no results text when filtering and no items are found. ([#7662](https://github.com/infor-design/enterprise/issues/7662)) -## v4.86.0 Fixes +### v4.86.0 Fixes - `[Accordion/ModuleNav/Appmenu]` Focus does not focus the expander buttons only the parent items. ([#7626](https://github.com/infor-design/enterprise/issues/7626)) - `[Bar]` Fixed a bug where the bottom axis label was cut off. ([#7612](https://github.com/infor-design/enterprise/issues/7612)) @@ -728,12 +725,12 @@ ## v4.85.0 -## v4.85.0 Features +### v4.85.0 Features - `[Colors]` Added new slate color palette with lower range colors. Some elements are updated. ([#7624](https://github.com/infor-design/enterprise/issues/7624)) - `[Stats]` Added a new component called stats similar to counts. We would like counts deprecated so please use stats in place of counts now as it has a cleaner UI. ([#7506](https://github.com/infor-design/enterprise/issues/7506)) -## v4.85.0 Fixes +### v4.85.0 Fixes - `[Accordion]` Updated color style for accordion selected panel. ([#7593](https://github.com/infor-design/enterprise/issues/7593)) - `[Applicationmenu]` Fixed menu items cannot be seen properly when using alabaster. ([#7609](https://github.com/infor-design/enterprise/issues/7609)) @@ -773,544 +770,3 @@ - `[Tooltip]` Improved consistency of tooltip size between text and text with icon. ([#7509](https://github.com/infor-design/enterprise/issues/7509)) - `[Tooltip]` Changed response method in beforeShow to allow passing true instead of content explicitly ([#7594](https://github.com/infor-design/enterprise/issues/7594)) - `[Toast]` Changed background color in dark mode for better contrast. ([#7648](https://github.com/infor-design/enterprise/issues/7648)) - -## v4.84.3 Fixes - -- `[Applicationmenu]` Fixed bottom border color cannot be seen properly. ([#7565](https://github.com/infor-design/enterprise/issues/7565)) -- `[ContextualActionPanel/Modal]` Fixed overflow issues on mobile view. ([#7585](https://github.com/infor-design/enterprise/issues/7585)) -- `[Colors]` Added dark and contrast mode for app nav. ([#7624](https://github.com/infor-design/enterprise/issues/7624)) -- `[Module Nav]` Added new settings for configuration of accordion, and auto-initialization of child components. ([NG#1477](https://github.com/infor-design/enterprise-ng/issues/1477)) - -## v4.84.2 Fixes - -- `[Module Nav]` Added more fixes to support the angular wrapper. ([#7386](https://github.com/infor-design/enterprise/issues/7386)) -- `[Card]` Fixed widget size for subtitle examples. ([#7580](https://github.com/infor-design/enterprise/issues/7580)) -- `[Homepage]` Fixed invisible edit options and vertical dragging/resizing. ([#7579](https://github.com/infor-design/enterprise/issues/7579)) - -## v4.84.1 - -## v4.84.1 Fixes - -- `[Dropdown]` Fixed an issue where Module Nav Role Switcher wasn't properly rendering the Dropdown pseudo-elements in Angular environments. ([NG #1477](https://github.com/infor-design/enterprise-ng/issues/1477)) -- `[Module Nav]` Fixed an issue where it was not possible to disable filtering events. ([NG #1477](https://github.com/infor-design/enterprise-ng/issues/1477)) -- `[Popupmenu]` Fixed some styling bugs when attached as a menu button menu in Module Nav components. ([NG #1477](https://github.com/infor-design/enterprise-ng/issues/1477)) - -## v4.84.0 - -## v4.84.0 Features - -- `[Line Chart]` Added short and abbreviated name options for the data. ([#5906](https://github.com/infor-design/enterprise/issues/5906)) -- `[Masked Input]` Added setting to retain value if maximum length is already reached. ([#7274](https://github.com/infor-design/enterprise/issues/7274)) -- `[Module Nav]` Added the new Module Nav component. ([#7386](https://github.com/infor-design/enterprise/issues/7386)) -- `[WeekView]` Added stacked view template for week view agenda variant. ([#7373](https://github.com/infor-design/enterprise/issues/7373)) - -## v4.84.0 Fixes - -- `[Bar]` Added a setting called `defaultTickCount` (`5` as default) to automatically add ticks when there are no dataset values. ([#NG1463](https://github.com/infor-design/enterprise-ng/issues/1463)) -- `[Busy Indicator]` Updated colors for busy indicator. ([#7098](https://github.com/infor-design/enterprise/issues/7098)) -- `[Button]` Adjusted alignment for popupmenu icon buttons. ([#7408](https://github.com/infor-design/enterprise/issues/7408)) -- `[Charts]` Improved the positioning of chart legend. ([#7452](https://github.com/infor-design/enterprise/issues/7452)) -- `[Datagrid]` Fixed an issue where the table was not filling the entire datagrid container in firefox. ([#6956](https://github.com/infor-design/enterprise/issues/6956)) -- `[Datagrid]` Fixed a bug where the colorpicker editor could not be toggles. ([#7362](https://github.com/infor-design/enterprise/issues/7362)) -- `[Datagrid]` Clear `rowstatus` in tree node for clearRowError to work correctly. ([#6033](https://github.com/infor-design/enterprise/issues/6033)) -- `[Datagrid]` Fixed an issue where `showColumn` was not functioning correctly with frozen columns. ([#7428](https://github.com/infor-design/enterprise/issues/7428)) -- `[Datagrid]` Changed `enterkeykhint` behavior for filtering to filter with the virtual keyboard on mobile devices. ([#1489](https://github.com/infor-design/enterprise/issues/1489)) -- `[Datagrid]` Fixed Pager not rendering correctly on page refresh. ([#6811](https://github.com/infor-design/enterprise/issues/6811)) -- `[Dropdown]` Fixed the visibility of dropdown palette icons in dark mode. ([#7431](https://github.com/infor-design/enterprise/issues/7431)) -- `[Dropdown]` Removed overflow none style for dropdown modal. ([#6033](https://github.com/infor-design/enterprise/issues/6033)) -- `[Header]` Fix on header text not being readable due to color styles. ([#7466](https://github.com/infor-design/enterprise/issues/7466)) -- `[Images]` Added class for images cursor pointer and make an example with click handler. ([#7007](https://github.com/infor-design/enterprise/issues/7007)) -- `[Editor]` Fixed editor hover styles. ([#7535](https://github.com/infor-design/enterprise/issues/7535)) -- `[Header]` Fixed an issue where the header text was difficult to read due to color styles. ([#7466](https://github.com/infor-design/enterprise/issues/7466)) -- `[Header]` Fixed on header text not being readable due to color styles. ([#7466](https://github.com/infor-design/enterprise/issues/7466)) -- `[Locale]` Added Comma translate option for locale for generating lists. ([#5887](https://github.com/infor-design/enterprise/issues/5887)) -- `[Lookup]` Added undefined check for lookup values when updating grid. ([#7403](https://github.com/infor-design/enterprise/issues/7403)) -- `[Listview]` Fixed invisible button on hover. ([#7544](https://github.com/infor-design/enterprise/issues/7544)) -- `[Modal]` Fixed button alignment on modals. ([#7543](https://github.com/infor-design/enterprise/issues/7543)) -- `[Tabs/Module]` Fixed a bug the personalization color was the same as the tab color (again). ([#7516](https://github.com/infor-design/enterprise/issues/7516)) -- `[SearchField]` Fixed misaligned icons on toolbar search and pager buttons. ([#7527](https://github.com/infor-design/enterprise/issues/7527)) -- `[Textarea]` Fixed an issue where the textarea was throwing an error. ([#7536](https://github.com/infor-design/enterprise/issues/7536)) -- `[Toolbar]` Fixed x alignment on old toolbars. ([#7550](https://github.com/infor-design/enterprise/issues/7550)) - -## v4.83.0 - -## v4.83.0 Features - -- `[Cards/Widgets]` Added new design and features for the cards/widget component, this includes different rounded corners and shadows. ([#7379](https://github.com/infor-design/enterprise/issues/7379)) -- `[Cards/Widgets]` All icon buttons on cards should use a new icon please change `icon-more` to `icon-vertical-ellipsis`. ([#7379](https://github.com/infor-design/enterprise/issues/7379)) -- `[CSS Utilities]` Added CSS utility classes to the library to provide a standardized and efficient way of achieving consistent styling. ([#7377](https://github.com/infor-design/enterprise/issues/7377)) -- `[Homepage]` Changed the gutter size, banner size, and widget size for the homepage. ([#7445](https://github.com/infor-design/enterprise/issues/7445)) -- `[Icons]` Icon updated for 16 icons, added new icons `change-department, shifting, shift-origin, shift-destination, swap-list-left, swap-list-right`. ([#7510](https://github.com/infor-design/enterprise/issues/7510)) - -## v4.83.0 Fixes - -- `[Busy Indicator]` Updated colors for busy indicator. ([#7098](https://github.com/infor-design/enterprise/issues/7098)) -- `[Builder]` Fixed subtitle text not shown properly. ([#7207](https://github.com/infor-design/enterprise/issues/7207)) -- `[Builder]` Fixed a bug where subtitle text was not shown properly. ([#7207](https://github.com/infor-design/enterprise/issues/7207)) -- `[Button]` Adjusted alignment for popupmenu icon buttons. ([#7408](https://github.com/infor-design/enterprise/issues/7408)) -- `[Button]` Adjusted personalized colors. ([#7406](https://github.com/infor-design/enterprise/issues/7406)) -- `[Datagrid]` Fix on unique ID generator for tooltips. ([#7393](https://github.com/infor-design/enterprise/issues/7393)) -- `[Datagrid]` Made `clearRowStatus` in tree node for `clearRowError` work correctly. ([#6033](https://github.com/infor-design/enterprise/issues/6033)) -- `[Datepicker]` Fixed validation not showing after component update. ([#7240](https://github.com/infor-design/enterprise/issues/7240)) -- `[EmptyMessage]` Improved centering of widget and homepage contents for various widget sizes to enhance the overall user experience. ([#7360](https://github.com/infor-design/enterprise/issues/7360)) -- `[Header]` Fixed header components not aligned and visibly shown properly. ([#7209](https://github.com/infor-design/enterprise/issues/7209)) -- `[Header]` Fix on header text not being readable due to color styles. ([#7466](https://github.com/infor-design/enterprise/issues/7466)) -- `[Icons]` Icons updated for 44 icons, added new `success-message` empty state and two new icons `vertical-ellipsis` and `microphone-filled`. ([#7394](https://github.com/infor-design/enterprise/issues/7394)) -- `[Icons]` Icons updated for 44 icons, added new `success-message` empty state and two new icons: `vertical-ellipsis` and `microphone-filled`. ([#7394](https://github.com/infor-design/enterprise/issues/7394)) -- `[Monthview]` Fixed on updated method creating duplicates. ([NG#1446](https://github.com/infor-design/enterprise-ng/issues/1446)) -- `[Popupmenu]` Fix on popupmenu arrow not appearing when showArrow is true. ([#5061](https://github.com/infor-design/enterprise/issues/5061)) -- `[Popupmenu]` Fixed a bug where the popupmenu arrow was not appearing despite `showArrow` being set to true. ([#5061](https://github.com/infor-design/enterprise/issues/5061)) -- `[Popupmenu]` Fixed on popupmenu arrow not appearing when showArrow is true. ([#5061](https://github.com/infor-design/enterprise/issues/5061)) -- `[Popupmenu]` Fixed popupmenu previous states not getting saved when called resize and update. ([#6601](https://github.com/infor-design/enterprise/issues/6601)) -- `[Searchfield]` Fixed collapsible issues with search icon color and behavior. ([#7390](https://github.com/infor-design/enterprise/issues/7390)) -- `[Popupmenu]` Fixed on popupmenu arrow not appearing when showArrow is true. ([#5061](https://github.com/infor-design/enterprise/issues/5061)) -- `[Locale]` Added new translations. ([#1243](https://github.com/infor-design/enterprise/issues/7512) -- `[Monthview]` Fix on updated method creating duplicates. ([NG#1446](https://github.com/infor-design/enterprise-ng/issues/1446)) -- `[Monthview]` Fixed on updated method creating duplicates. ([NG#1446](https://github.com/infor-design/enterprise-ng/issues/1446)) -- `[Tabs Module]` Fixed closing an active tab in the overflow menu results in a blank screen. ([#7321](https://github.com/infor-design/enterprise/issues/7321)) -- `[Toolbar]` Added hover style for contextual toolbar. ([#7459](https://github.com/infor-design/enterprise/issues/7459)) -- `[Toolbar/Toolbar Flex]` Added hover state to buttons. ([#7327](https://github.com/infor-design/enterprise/issues/7327)) -- `[Toolbar-Flex]` Fixed redundant aria-disabled in toolbar when element is disabled. ([#6339](https://github.com/infor-design/enterprise/issues/6339)) -- `[Toolbar Flex]` Fixed buttons being not visible on window resize. ([#7421](https://github.com/infor-design/enterprise/issues/7421)) -- `[Toolbar Flex]` Updated header examples and included header to use flex toolbar by default. ([#6837](https://github.com/infor-design/enterprise/issues/6837)) - -## v4.82.0 - -## v4.82.0 Features - -- `[Card]` Added borderless class for cards. ([WC#1169](https://github.com/infor-design/enterprise-wc/issues/1169)) - -## v4.82.0 Fixes - -- `[App Menu]` Colors should remain the same when changing theme colors. ([#7302](https://github.com/infor-design/enterprise/issues/7302)) -- `[Badge]` Fixed success state badge color in new light theme. ([#7353](https://github.com/infor-design/enterprise/issues/7353)) -- `[Bar]` Fixed items not being selected/deselected from the legend. ([#7330](https://github.com/infor-design/enterprise/issues/7330)) -- `[Breadcrumb]` Updated breadcrumb hover color. ([#7337](https://github.com/infor-design/enterprise/issues/7337)) -- `[Card]` Updated background color in classic high contrast. ([#7374](https://github.com/infor-design/enterprise/issues/7374)) -- `[Card]` Fixed group-action unnecessary scroll bar. ([#7343](https://github.com/infor-design/enterprise/issues/7343)) -- `[Count]` Fix personalize styles for instance count to adjust icon colors. ([6947](https://github.com/infor-design/enterprise/issues/6947)) -- `[Column]` Fixed data chart and legend doesn't match up. ([#7199](https://github.com/infor-design/enterprise/issues/7199)) -- `[Datagrid]` Fixed on styling in row status icon when first column is not a select column. ([NG#5913](https://github.com/infor-design/enterprise-ng/issues/5913)) -- `[Datagrid]` Fixed table layout with a distinct hover background color for both activated and non-activated rows. ([#7320](https://github.com/infor-design/enterprise/issues/7369)) -- `[Body]` Updated background color in classic high contrast. ([#7374](https://github.com/infor-design/enterprise/issues/7374)) -- `[Card]` Fixed group-action unnecessary scroll bar. ([#7343](https://github.com/infor-design/enterprise/issues/7343)) -- `[Datagrid]` Fixed header icon tooltip showing when undefined. ([#6929](https://github.com/infor-design/enterprise/issues/6929)) -- `[Datagrid]` Fix on styling in row status icon when first column is not a select column. ([NG#5913](https://github.com/infor-design/enterprise-ng/issues/5913)) -- `[Datagrid]` Fixed paging source argument is empty when re-assigning grid options. ([6947](https://github.com/infor-design/enterprise/issues/6947)) -- `[Datagrid]` Changed pager type to initial when updating datagrid with paging setting. ([#7398](https://github.com/infor-design/enterprise/issues/7398)) -- `[Datagrid]` Fixed datagrid toolbar to be able to show buttons more than two. ([6921](https://github.com/infor-design/enterprise/issues/6921)) -- `[Editor]` Fixed links are not readable in dark mode. ([#7331](https://github.com/infor-design/enterprise/issues/7331)) -- `[Field-Filter]` Fixed a bug in field filter where the design is not properly aligned on Modal. ([#7358](https://github.com/infor-design/enterprise/issues/7358)) -- `[Header]` Fixed border in search field in the header. ([#7297](https://github.com/infor-design/enterprise/issues/7297)) -- `[Header]` Fixed the font sizes and alignments. ([#7317](https://github.com/infor-design/enterprise/issues/7317)) -- `[Listbuilder]` Fixed icon alignment on toolbar so that it's centered on focused. ([#7397](https://github.com/infor-design/enterprise/issues/7397)) -- `[Listview]` Fixed the height restriction in listview when used in card. ([#7094](https://github.com/infor-design/enterprise/issues/7094)) -- `[Lookup]` Fix in keyword search not filtering single comma. ([#7165](https://github.com/infor-design/enterprise/issues/7165)) -- `[Lookup]` Fix in keyword search not filtering single quote. ([#7165](https://github.com/infor-design/enterprise/issues/7165)) -- `[Notification]` Fix in example page of notification, updated parent element. ([#7391](https://github.com/infor-design/enterprise/issues/7391)) -- `[Pager]` Fixed the pager's underline style to enhance its appearance when it is being hovered over. ([#7352](https://github.com/infor-design/enterprise/issues/7352)) -- `[Personalization]` Changed default color back to azure and add alabaster in personalization colors. ([#7320](https://github.com/infor-design/enterprise/issues/7320)) -- `[Personalization]` Fixed color changing doesn't add CSS class to the header in Safari browser. ([#7338](https://github.com/infor-design/enterprise/issues/7338)) -- `[Personalization]` Adjusted header text/tabs colors. ([#7319](https://github.com/infor-design/enterprise/issues/7319)) -- `[Personalization]` Additional fixes for default color back to azure and added alabaster in personalization colors. ([#7340](https://github.com/infor-design/enterprise/issues/7340)) -- `[Popupmenu]` Fixed on popupmenu more icon not visible when open. ([#7383](https://github.com/infor-design/enterprise/issues/7383)) -- `[Searchfield]` Fixed on misalignment in searchfield clear icon. ([#7382](https://github.com/infor-design/enterprise/issues/7382)) -- `[Searchfield]` Fixed searchfield icon adjustments. ([#7387](https://github.com/infor-design/enterprise/issues/7387)) -- `[SearchField]` Fixed undefined error on `toolbarFlexItem`. ([#7402](https://github.com/infor-design/enterprise/issues/7402)) -- `[Tabs]` Fixed the alignment of focus in RTL view. ([#6992](https://github.com/infor-design/enterprise/issues/6992)) -- `[Tabs Header]` Fixed the alignment of close button. ([#7273](https://github.com/infor-design/enterprise/issues/7273)) -- `[Textarea]` Fixed track dirty when updated() method was triggered. ([NG#1429](https://github.com/infor-design/enterprise-ng/issues/1429)) -- `[Timeline]` Fixed the alignment when timeline is inside a card. ([#7278](https://github.com/infor-design/enterprise/issues/7278)) -- `[Timeline]` Fixed issue with timeline content exceeding allotted space when additional elements were added. ([#7299](https://github.com/infor-design/enterprise/issues/7299)) -- `[Timeline]` Added test page to test scenario of timeline with no dates. ([#7298](https://github.com/infor-design/enterprise/issues/7298)) -- `[Tooltip]` Added appendTo settings to fix tooltip positioning on the structure. ([#7220](https://github.com/infor-design/enterprise/issues/7220)) -- `[Tooltip]` Fixed tooltip not on top of all elements when shown and manually moved. ([#7130](https://github.com/infor-design/enterprise/issues/7130)) -- `[Tooltip]` Added appendTo settings to fix tooltip positioning on the structure. ([#7220](https://github.com/infor-design/enterprise/issues/7220)) - -## v4.81.0 - -## v4.81.0 Important Changes - -- `[Docs]` Added action sheet to the doc site. ([#7230](https://github.com/infor-design/enterprise/issues/7230)) -- `[General]` Project now uses node 18 (18.13.0) for development. All dependencies are updated. ([#6634](https://github.com/infor-design/enterprise/issues/6634)) -- `[General]` Updated to d3.v7 which impacts all charts. ([#6634](https://github.com/infor-design/enterprise/issues/6634)) -- `[Bar]` Fixed missing left axis label. ([#7181](https://github.com/infor-design/enterprise/issues/7181)) -- `[Bar]` Fixed regressed long text example. ([#7183](https://github.com/infor-design/enterprise/issues/7183)) -- `[Build]` Fixed build errors on windows. ([#7228](https://github.com/infor-design/enterprise/issues/7228)) -- `[Icons]` Added new empty state icons, and in different and larger sizes. ([#7115](https://github.com/infor-design/enterprise/issues/7115)) - -## v4.81.0 Features - -- `[Calendar]` Added `weekview` number on the monthview in datepicker. Use `showWeekNumber` to enable it. ([#5785](https://github.com/infor-design/enterprise/issues/5785)) - -## v4.81.0 Fixes - -- `[Actionsheet]` Updated font and icon colors for classic actionsheet. ([#7012](https://github.com/infor-design/enterprise/issues/7012)) -- `[Accordion]` Additional fix in accordion collapsing cards on expand bug. ([#6820](https://github.com/infor-design/enterprise/issues/6820)) -- `[Alerts/Badges/Tags]` Updated warning and alert colors. ([#7162](https://github.com/infor-design/enterprise/issues/7162)) -- `[App Menu]` Updated `appmenu` icon colors. ([#7303](https://github.com/infor-design/enterprise/issues/7303)) -- `[Background]` Updated default background color in high contrast. ([#7261](https://github.com/infor-design/enterprise/issues/7261)) -- `[Bar]` Fixed bug introduced by d3 changes with bar selection. ([#7182](https://github.com/infor-design/enterprise/issues/7182)) -- `[Button]` Fixed icon button size and icon centering. ([#7201](https://github.com/infor-design/enterprise/issues/7201)) -- `[Button]` Fixed disabled button color in classic version. ([#7185](https://github.com/infor-design/enterprise/issues/7185)) -- `[Button]` Button adjustments for compact mode. ([#7161](https://github.com/infor-design/enterprise/issues/7161)) -- `[Button]` Button adjustments for secondary menu in dark and contrast mode. ([#7221](https://github.com/infor-design/enterprise/issues/7221)) -- `[ContextMenu]` Fixed a bug where wrong menu is displayed in nested menus on mobile device. ([NG#1417](https://github.com/infor-design/enterprise-ng/issues/1417)) -- `[Datagrid]` Fixed re-rendering of the grid when `disableClientFilter` set to true. ([#7282](https://github.com/infor-design/enterprise/issues/7282)) -- `[Datagrid]` Fixed a bug in datagrid where sorting is not working properly. ([#6787](https://github.com/infor-design/enterprise/issues/6787)) -- `[Datagrid]` Fixed background color of lookups in filter row when in light mode. ([#7176](https://github.com/infor-design/enterprise/issues/7176)) -- `[Datagrid]` Fixed a bug in datagrid where custom toolbar is being replaced with data grid generated toolbar. ([NG#1434](https://github.com/infor-design/enterprise-ng/issues/1434)) -- `[Datagrid]` Fixed bug in Safari where dynamically switching from RTL to LTR doesn't update all the alignments. ([NG#1431](https://github.com/infor-design/enterprise-ng/issues/1431)) -- `[Datagrid]` Fixed odd hover color when using row activation and is list. ([#7232](https://github.com/infor-design/enterprise/issues/7232)) -- `[Datagrid]` Fixed dragging columns after a cancelled drop moves more than one column. ([#7017](https://github.com/infor-design/enterprise/issues/7017)) -- `[Dropdown]` Fixed swatch default color in themes. ([#7108](https://github.com/infor-design/enterprise/issues/7108)) -- `[Dropdown/Multiselect]` Fixed disabled options are not displayed as disabled when using ajax. ([#7150](https://github.com/infor-design/enterprise/issues/7150)) -- `[EmptyMessage]` Updated the example page for widgets. ([#7033](https://github.com/infor-design/enterprise/issues/7033)) -- `[Field-Filter]` Fixed a bug in field filter where the design is not properly aligned. ([#7001](https://github.com/infor-design/enterprise/issues/7001)) -- `[Field-Filter]` Icon adjustments in Safari. ([#7264](https://github.com/infor-design/enterprise/issues/7264)) -- `[Fileupload]` Icon adjustments in compact mode. ([#7149](https://github.com/infor-design/enterprise/issues/7149)) -- `[Fileupload]` Icon adjustments in classic mode. ([#7265](https://github.com/infor-design/enterprise/issues/7265)) -- `[Header]` Fixed a bug in `subheader` where the color its not appropriate on default theme. ([#7173](https://github.com/infor-design/enterprise/issues/7173)) -- `[Header]` Changed the header from pseudo elements to actual icon. Please make the follow [change to your app menu icon](https://github.com/infor-design/enterprise/pull/7285/files#diff-4ee8ef8a5fe8ef128f558004ce5a73d8b2939256ea3c614ac26492078171529bL3-R5) to get the best output. ([#7163](https://github.com/infor-design/enterprise/issues/7163)) -- `[Homepage/Personalize/Page-Patterns]` Fixed homepage hero widget, builder header, and other section of tabs with the new design and color combination. ([#7136](https://github.com/infor-design/enterprise/issues/7136)) -- `[MenuButton]` Fixed some color on menu buttons. ([#7184](https://github.com/infor-design/enterprise/issues/7184)) -- `[Modal]` Fixed alignment of tooltip error in modal. ([#7125](https://github.com/infor-design/enterprise/issues/7125)) -- `[Hyperlink]` Changed hover color in dark theme. ([#7095](https://github.com/infor-design/enterprise/issues/7095)) -- `[Icon]` Changed icon alert info color in dark theme. ([#7158](https://github.com/infor-design/enterprise/issues/7158)) -- `[Icon]` Updated icon name in example page. ([#7269](https://github.com/infor-design/enterprise/issues/7269)) -- `[Listview]` Added an additional translation for records selected in listview. ([#6528](https://github.com/infor-design/enterprise/issues/6528)) -- `[Lookup]` Fixed a bug in lookup where items are not selected for async data. ([NG#1409](https://github.com/infor-design/enterprise-ng/issues/1409)) -- `[Listview]` Fixed overflow in listview when there is a search bar included. ([#7015](https://github.com/infor-design/enterprise/issues/7015)) -- `[Personalization]` Added color mapping in personalization. ([#7073](https://github.com/infor-design/enterprise/issues/7073)) -- `[Personalization]` Fixed style changed when changing the modes and colors. ([#7171](https://github.com/infor-design/enterprise/issues/7171)) -- `[Personalization]` Fix default values in the personalization API. ([#7167](https://github.com/infor-design/enterprise/issues/7167)) -- `[Personalization]` Fix header tabs/header colors for a variation when header tabs are not in header element. ([#7153](https://github.com/infor-design/enterprise/issues/7153) [#7211](https://github.com/infor-design/enterprise/issues/7211) [#7212](https://github.com/infor-design/enterprise/issues/7212) [#7217](https://github.com/infor-design/enterprise/issues/7217) [#7218](https://github.com/infor-design/enterprise/issues/7218)) -- `[Personalization]` Fix secondary button color in header. ([#7204](https://github.com/infor-design/enterprise/issues/7204)) -- `[Popupmenu]` Fix on inverse colors not showing in popupmenu in masthead. ([#7005](https://github.com/infor-design/enterprise/issues/7005)) -- `[Searchfield]` Custom button adjustments in mobile. ([#7134](https://github.com/infor-design/enterprise/issues/7134)) -- `[Searchfield]` Go button adjustments for flex toolbar. ([#6014](https://github.com/infor-design/enterprise/issues/6014)) -- `[Searchfield]` Collapse button adjustments in mobile. ([#7164](https://github.com/infor-design/enterprise/issues/7164)) -- `[Searchfield]` Collapse button adjustments in header. ([#7210](https://github.com/infor-design/enterprise/issues/7210)) -- `[Slider]` Fixed sliding and dropping the handle outside of the component doesn't trigger the change event. ([#7028](https://github.com/infor-design/enterprise/issues/7028)) -- `[Tabs]` Changed header tabs disabled color to darker color. ([#7219](https://github.com/infor-design/enterprise/issues/7219)) -- `[Tabs]` Fixed incorrect fade out color in horizontal header tabs. ([#7244](https://github.com/infor-design/enterprise/issues/7244)) -- `[Timepicker]` Fixed 24h time validation. ([#7188](https://github.com/infor-design/enterprise/issues/7188)) -- `[Toolbar]` Fixed buttons aren't going in the overflow menu if placed after search field. ([#7194](https://github.com/infor-design/enterprise/issues/7194)) -- `[Typography]` Updated documentation to align usage guidance. ([#7187](https://github.com/infor-design/enterprise/issues/7187)) - -## v4.80.1 Fixes - -- `[Button]` Fixed button status colors disabled in toolbar/toolbar flex in alabaster and personalize colors. ([#7166](https://github.com/infor-design/enterprise/issues/7166)) -- `[Dropdown]` Fixed swatch default color in themes. ([#7108](https://github.com/infor-design/enterprise/issues/7108)) -- `[Hyperlink]` Changed hover color in dark theme. ([#7095](https://github.com/infor-design/enterprise/issues/7095)) -- `[Timepicker]` Fixed field value when day period goes first in the time format. ([#7116](https://github.com/infor-design/enterprise/issues/7116)) -- `[Datagrid]` Fixed background color of lookups in filter row when in light mode. ([#7176](https://github.com/infor-design/enterprise/issues/7176)) -- `[Dropdown/Multiselect]` Fixed disabled options are not displayed as disabled when using ajax. ([#7150](https://github.com/infor-design/enterprise/issues/7150)) -- `[Header]` Fixed a bug in `subheader` where the color its not appropriate on default theme. ([#7173](https://github.com/infor-design/enterprise/issues/7173)) -- `[MenuButton]` Fixed some color on menu buttons. ([#7184](https://github.com/infor-design/enterprise/issues/7184)) - -## v4.80.0 - -## v4.80.0 Important Changes - -- `[Personalization]` The default color is now alabaster (white) rather than the previous azure color. This effects header and tabs header as previously noted. ([#6979](https://github.com/infor-design/enterprise/issues/6979)) -- `[Header]` Changed the default color from azure to alabaster. I.E. The default header color is now alabaster but can still be set to any of the other 8 colors. So far the older look azure can be used. ([#6979](https://github.com/infor-design/enterprise/issues/6979)) -- `[Tabs Header]` Changed the default background color for tabs header to also use alabaster with the same ability to use any of the other 8 personalization colors. ([#6979](https://github.com/infor-design/enterprise/issues/6979)) -- `[Button]` The style of all buttons (primary/tertiary and secondary) have been updated and changed, in addition we added new destructive buttons. ([#6977](https://github.com/infor-design/enterprise/issues/6977)) -- `[Button]` Fixed button status colors disabled in toolbar/toolbar flex in alabaster and personalize colors. ([#7166](https://github.com/infor-design/enterprise/issues/7166)) -- `[Datagrid]` Added ability to change the color of the header in datagrid between (`dark` or `light (alabaster)`). ([#7008](https://github.com/infor-design/enterprise/issues/7008)) -- `[Searchfield]` Completed a design review of searchfield and enhanced it with updated several design improvements. ([#6707](https://github.com/infor-design/enterprise/issues/6707)) - -## v4.80.0 Features - -- `[About]` Browser version for chrome no longer contains minor version. ([#7067](https://github.com/infor-design/enterprise/issues/7067)) -- `[Lookup]` Added modal settings to lookup. ([#4319](https://github.com/infor-design/enterprise/issues/4319)) -- `[Radar]` Converted Radar scripts to puppeteer. ([#6989](https://github.com/infor-design/enterprise/issues/6989)) -- `[Colors]` Correct Status Colors.([#6993](https://github.com/infor-design/enterprise/issues/6993)) -- `[Colors]` Re-add yellow alerts.([#6922](https://github.com/infor-design/enterprise/issues/6922)) -- `[Chart]` Added 'info' and theme color options in settings.([#7084](https://github.com/infor-design/enterprise/issues/7084)) -- `[Icons]` Added three new icons: `icon-paint-brush, icon-psych-precaution, icon-observation-precaution`. ([#7040](https://github.com/infor-design/enterprise/issues/7040)) -- `[Icons]` Added four new icons: `up-down-chevron, approve-all, import-spreadsheet, microphone`. ([#7142](https://github.com/infor-design/enterprise/issues/7142)) - -## v4.80.0 Fixes - -- `[Button]` Fixed a bug where buttons are not readable in dark mode in the new design. ([#7082](https://github.com/infor-design/enterprise/issues/7082)) -- `[Checkbox]` Fixed a bug where checkbox labels not wrapping when using `form-responsive` class. ([#6826](https://github.com/infor-design/enterprise/issues/6826)) -- `[Datagrid]` Fixed a bug in datagrid where icon is not aligned in custom card. ([#7000](https://github.com/infor-design/enterprise/issues/7000)) -- `[Datagrid]` Fixed a bug where datepicker icon background color is incorrect upon hovering. ([#7053](https://github.com/infor-design/enterprise/issues/7053)) -- `[Datagrid]` Fixed a bug in datagrid where dropdown filter does not render correctly. ([#7006](https://github.com/infor-design/enterprise/issues/7006)) -- `[Datagrid]` Fixed a bug in datagrid where flex toolbar is not properly destroyed. ([NG#1423](https://github.com/infor-design/enterprise-ng/issues/1423)) -- `[Datagrid]` Fixed a bug in datagrid in datagrid where the icon cause clipping issues. ([#7000](https://github.com/infor-design/enterprise/issues/7000)) -- `[Datagrid]` Fixed a bug in datagrid where date cell is still in edit state after editing when using Safari. ([#6963](https://github.com/infor-design/enterprise/issues/6963)) -- `[Datagrid]` Fixed a bug in datagrid where summary row become selected after selecting row one. ([#7128](https://github.com/infor-design/enterprise/issues/7128)) -- `[Datagrid]` Updated dirty cell check in datagrid. ([#6893](https://github.com/infor-design/enterprise/issues/6893)) -- `[Datepicker]` Fixed a bug in datagrid where disabled dates were not showing in Safari. ([#6920](https://github.com/infor-design/enterprise/issues/6920)) -- `[Datepicker]` Fixed a bug where range display is malformed in RTL. ([#6933](https://github.com/infor-design/enterprise/issues/6933)) -- `[Datepicker]` Fixed exception occurring in disable dates. ([#7086](https://github.com/infor-design/enterprise/issues/7086)) -- `[Header]` Adjusted classic header colors. ([#7069](https://github.com/infor-design/enterprise/issues/7069)) -- `[Lookup]` Adjusted width in lookup. ([#6924](https://github.com/infor-design/enterprise/issues/6924)) -- `[Searchfield]` Searchfield enhancement bugfixes on colors. ([#7079](https://github.com/infor-design/enterprise/issues/7079)) -- `[Searchfield]` Searchfield icon placement fixes in classic. ([#7134](https://github.com/infor-design/enterprise/issues/7134)) -- `[Lookup]` Adjusted width in lookup. ([#6924](https://github.com/infor-design/enterprise/issues/6924)) -- `[Lookup]` Fixed a bug where custom modal script gets error after closing the modal in the second time. ([#7057](https://github.com/infor-design/enterprise/issues/7057)) -- `[Listview]` Fix on contextual button hover color. ([#7090](https://github.com/infor-design/enterprise/issues/7090)) -- `[Searchfield]` Searchfield enhancement bugfixes on colors. ([#7079](https://github.com/infor-design/enterprise/issues/7079)) -- `[Searchfield]` Fix on non-collapsible positioning and borders. ([#7111](https://github.com/infor-design/enterprise/issues/7111)) -- `[Searchfield]` Adjust icon position and colors. ([#7106](https://github.com/infor-design/enterprise/issues/7106)) -- `[Searchfield]` Adjust border colors in category. ([#7110](https://github.com/infor-design/enterprise/issues/7110)) -- `[Splitter]` Store location only when save setting is set to true. ([#7045](https://github.com/infor-design/enterprise/issues/7045)) -- `[Tabs]` Fixed a bug where add tab button is not visible in new default view. ([#7146](https://github.com/infor-design/enterprise/issues/7146)) -- `[Tabs]` Fixed a bug where tab list is not viewable dark mode classic view. ([#7097](https://github.com/infor-design/enterprise/issues/7097)) -- `[Tabs]` Fixed a bug in tabs header and swatch personalize colors. ([#7046](https://github.com/infor-design/enterprise/issues/7046)) -- `[Tabs]` Added puppeteer scripts for tooltip title. ([#7003](https://github.com/infor-design/enterprise/issues/7003)) -- `[Tabs Header]` Updated example page, recalibrated positioning and fixed theme discrepancies. ([#7085](https://github.com/infor-design/enterprise/issues/7085)) -- `[Tabs Module]` Fixed a bug in go button where it was affected by the latest changes for button. ([#7037](https://github.com/infor-design/enterprise/issues/7037)) -- `[Textarea]` Added paste event listener for textarea. ([NG#6924](https://github.com/infor-design/enterprise-ng/issues/1401)) -- `[Toolbar]` Adjustment in title width. ([#7113](https://github.com/infor-design/enterprise/issues/7113)) -- `[Toolbar Flex]` Fix on toolbar key navigation.([#7041](https://github.com/infor-design/enterprise/issues/7041)) -- `[User Status Icons]` Now have a more visible fill and a stroke behind them. ([#7040](https://github.com/infor-design/enterprise/issues/7040)) - -## v4.70.0 - -## v4.70.0 Important Notes - -- `[General]` Some elements are no longer hooked under `window` for example `Locale` `Formatters` and `Editors`. To resolve it using Locale.set as an example use the `Soho` namespace i.e. `Soho.Locale.set()`. ([#6634](https://github.com/infor-design/enterprise/issues/6634)) - -## v4.70.0 Features - -- `[Checkbox]` Converted Checkbox scripts to puppeteer. ([#6936](https://github.com/infor-design/enterprise/issues/6936)) -- `[Circlepager]` Converted `Circlepager` scripts to puppeteer. ([#6971](https://github.com/infor-design/enterprise/issues/6971)) -- `[Icons]` Bumped `ids-identity` to get a new empty state icon `empty-no-search-result` and a new system icon `advance-settings`.([#6999](https://github.com/infor-design/enterprise/issues/6999)) - -## v4.70.0 Fixes - -- `[Accordion]` Fixed a bug where expanded card closes in NG when opening accordion. ([#6820](https://github.com/infor-design/enterprise/issues/6820)) -- `[Counts]` Fixed a bug in counts where two rows of labels cause misalignment. ([#6845](https://github.com/infor-design/enterprise/issues/6845)) -- `[Counts]` Added example page for widget count with color background. ([#7234](https://github.com/infor-design/enterprise/issues/7234)) -- `[Datagrid]` Fixed a bug in datagrid where expandable row input cannot edit the value. ([#6781](https://github.com/infor-design/enterprise/issues/6781)) -- `[Datagrid]` Fixed a bug in datagrid where clear dirty cell does not work properly in frozen columns. ([#6952](https://github.com/infor-design/enterprise/issues/6952)) -- `[Datagrid]` Adjusted date and timepicker icons in datagrid filter. ([#6917](https://github.com/infor-design/enterprise/issues/6917)) -- `[Datagrid]` Fixed a bug where frozen column headers are not rendered on update. ([NG#1399](https://github.com/infor-design/enterprise-ng/issues/1399)) -- `[Datagrid]` Added toolbar update on datagrid update. ([NG#1357](https://github.com/infor-design/enterprise-ng/issues/1357)) -- `[Datepicker]` Added Firefox increment/decrement keys. ([#6877](https://github.com/infor-design/enterprise/issues/6877)) -- `[Datepicker]` Fixed a bug in mask value in datepicker when update is called. ([NG#1380](https://github.com/infor-design/enterprise-ng/issues/1380)) -- `[Dropdown]` Fixed a bug in dropdown where there is a null in a list when changing language to Chinese. ([#6916](https://github.com/infor-design/enterprise/issues/6916)) -- `[Editor]` Fixed a bug in editor where insert image is not working properly when adding attributes. ([#6864](https://github.com/infor-design/enterprise/issues/6864)) -- `[Editor]` Fixed a bug in editor where paste and plain text is not cleaning the text/html properly. ([#6892](https://github.com/infor-design/enterprise/issues/6892)) -- `[Locale]` Fixed a bug in locale where same language translation does not render properly. ([#6847](https://github.com/infor-design/enterprise/issues/6847)) -- `[Icons]` Fixed incorrect colors of new empty state icons. ([#6965](https://github.com/infor-design/enterprise/issues/6965)) -- `[Popupmenu]` Fixed a bug in popupmenu where submenu and submenu items are not indented properly. ([#6860](https://github.com/infor-design/enterprise/issues/6860)) -- `[Process Indicator]` Fix on extra line after final step. ([#6744](https://github.com/infor-design/enterprise/issues/6744)) -- `[Searchfield]` Changed toolbar in example page to flex toolbar. ([#6737](https://github.com/infor-design/enterprise/issues/6737)) -- `[Tabs]` Added tooltip on add new tab button. ([#6902](https://github.com/infor-design/enterprise/issues/6902)) -- `[Tabs]` Adjusted header and tab colors in themes. ([#6673](https://github.com/infor-design/enterprise/issues/6673)) -- `[Timepicker]` Filter method in datagrid is called on timepicker's change event. ([#6896](https://github.com/infor-design/enterprise/issues/6896)) - -## v4.69.0 - -## v4.69.0 Important Features - -- `[Icons]` All icons have padding on top and bottom effectively making them 4px smaller by design. This change may require some UI corrections to css. ([#6868](https://github.com/infor-design/enterprise/issues/6868)) -- `[Icons]` Over 60 new icons and 126 new industry focused icons. ([#6868](https://github.com/infor-design/enterprise/issues/6868)) -- `[Icons]` The icon `save-closed` is now `save-closed-old` in the deprecated, we suggest not using this old icon. ([#6868](https://github.com/infor-design/enterprise/issues/6868)) -- `[Icons]` Alert icons come either filled or not filled (outlined) filled alert icons like `icon-alert-alert` are now `icon-success-alert` and `alert-filled` we suggest no longer using filled alert icons, use only the outlined ones. ([#6868](https://github.com/infor-design/enterprise/issues/6868)) - -## v4.69.0 Features - -- `[Datagrid]` Added puppeteer script for extra class for tooltip. ([#6900](https://github.com/infor-design/enterprise/issues/6900)) -- `[Header]` Converted Header scripts to puppeteer. ([#6919](https://github.com/infor-design/enterprise/issues/6919)) -- `[Icons]` Added [enhanced and new empty states icons](https://main-enterprise.demo.design.infor.com/components/icons/example-empty-widgets.html) with a lot more color. These should replace existing ones but it is opt-in. ([#6868](https://github.com/infor-design/enterprise/issues/6868)) -- `[Lookup]` Added puppeteer script for lookup double click apply enhancement. ([#6886](https://github.com/infor-design/enterprise/issues/6886)) -- `[Stepchart]` Converted Stepchart scripts to puppeteer. ([#6940](https://github.com/infor-design/enterprise/issues/6940)) - -## v4.69.0 Fixes - -- `[Datagrid]` Fixed a bug in datagrid where sorting is not working properly. ([#6787](https://github.com/infor-design/enterprise/issues/6787)) -- `[Datagrid]` Fixed a bug in datagrid where add row is not working properly when using frozen columns. ([#6918](https://github.com/infor-design/enterprise/issues/6918)) -- `[Datagrid]` Fixed a bug in datagrid where tooltip flashes continuously on hover. ([#5907](https://github.com/infor-design/enterprise/issues/5907)) -- `[Datagrid]` Fixed a bug in datagrid where is empty and is not empty is not working properly. ([#5273](https://github.com/infor-design/enterprise/issues/5273)) -- `[Datagrid]` Fixed a bug in datagrid where inline editor input text is not being selected upon clicking. ([NG#1365](https://github.com/infor-design/enterprise-ng/issues/1365)) -- `[Datagrid]` Fixed a bug in datagrid where multiselect filter is not rendering properly. ([#6846](https://github.com/infor-design/enterprise/issues/6846)) -- `[Datagrid]` Fixed a bug in datagrid where row shading is not rendered properly. ([#6850](https://github.com/infor-design/enterprise/issues/6850)) -- `[Datagrid]` Fixed a bug in datagrid where icon is not rendering properly in small and extra small row height. ([#6866](https://github.com/infor-design/enterprise/issues/6866)) -- `[Datagrid]` Fixed a bug in datagrid where sorting is not rendering properly when there is a previously focused cell. ([#6851](https://github.com/infor-design/enterprise/issues/6851)) -- `[Datagrid]` Additional checks when updating cell so that numbers aren't converted twice. ([NG#1370](https://github.com/infor-design/enterprise-ng/issues/1370)) -- `[Datagrid]` Additional fixes on dirty indicator not updating on drag columns. ([#6867](https://github.com/infor-design/enterprise/issues/6867)) -- `[General]` Instead of optional dependencies use a custom command. ([#6876](https://github.com/infor-design/enterprise/issues/6876)) -- `[Modal]` Fixed a bug where suppress key setting is not working. ([#6793](https://github.com/infor-design/enterprise/issues/6793)) -- `[Searchfield]` Additional visual fixes in classic on go button in searchfield toolbar. ([#6686](https://github.com/infor-design/enterprise/issues/6686)) -- `[Splitter]` Fixed on splitter not working when parent height changes dynamically. ([#6819](https://github.com/infor-design/enterprise/issues/6819)) -- `[Toolbar Flex]` Added additional checks for destroying toolbar. ([#6844](https://github.com/infor-design/enterprise/issues/6844)) - -## v4.68.0 - -## v4.68.0 Features - -- `[Button]` Added Protractor to Puppeteer conversion scripts. ([#6626](https://github.com/infor-design/enterprise/issues/6626)) -- `[Calendar]` Added puppeteer script for show/hide legend. ([#6810](https://github.com/infor-design/enterprise/issues/6810)) -- `[Colors]` Added puppeteer script for color classes targeting color & border color. ([#6801](https://github.com/infor-design/enterprise/issues/6801)) -- `[Column]` Added puppeteer script for combined column chart. ([#6381](https://github.com/infor-design/enterprise/issues/6381)) -- `[Datagrid]` Added additional setting in datagrid header for tooltip extra class. ([#6802](https://github.com/infor-design/enterprise/issues/6802)) -- `[Datagrid]` Added `dblClickApply` setting in lookup for selection of item. ([#6546](https://github.com/infor-design/enterprise/issues/6546)) - -## v4.68.0 Fixes - -- `[Bar Chart]` Fixed a bug in bar charts grouped, where arias are identical to each series. ([#6748](https://github.com/infor-design/enterprise/issues/6748)) -- `[Datagrid]` Fixed a bug in datagrid where tooltip flashes continuously on hover. ([#5907](https://github.com/infor-design/enterprise/issues/5907)) -- `[Datagrid]` Fixed a bug in datagrid where expandable row animation is not rendering properly. ([#6813](https://github.com/infor-design/enterprise/issues/6813)) -- `[Datagrid]` Fixed a bug in datagrid where dropdown filter does not render correctly. ([#6834](https://github.com/infor-design/enterprise/issues/6834)) -- `[Datagrid]` Fixed alignment issues in trigger fields. ([#6678](https://github.com/infor-design/enterprise/issues/6678)) -- `[Datagrid]` Added a null guard in tree list when list is not yet loaded. ([#6816](https://github.com/infor-design/enterprise/issues/6816)) -- `[Datagrid]` Added a setting `ariaDescribedBy` in the column to override `aria-describedby` value of the cells. ([#6530](https://github.com/infor-design/enterprise/issues/6530)) -- `[Datagrid]` Allowed beforeCommitCellEdit event to be sent for Editors.Fileupload. ([#6821](https://github.com/infor-design/enterprise/issues/6821))] -- `[Datagrid]` Classic theme trigger field adjustments in datagrid. ([#6678](https://github.com/infor-design/enterprise/issues/6678)) -- `[Datagrid]` Added null guard in tree list when list is not yet loaded. ([#6816](https://github.com/infor-design/enterprise/issues/6816)) -- `[Datagrid]` Fix on dirty indicator not updating on drag columns. ([#6867](https://github.com/infor-design/enterprise/issues/6867)) -- `[Editor]` Fixed a bug in editor where block quote is not continued in the next line. ([#6794](https://github.com/infor-design/enterprise/issues/6794)) -- `[Editor]` Fixed a bug in editor where breaking space doesn't render dirty indicator properly. ([NG#1363](https://github.com/infor-design/enterprise-ng/issues/1363)) -- `[Searchfield]` Visual fixes on go button in searchfield toolbar. ([#6686](https://github.com/infor-design/enterprise/issues/6686)) -- `[Searchfield]` Added null check in xButton. ([#6858](https://github.com/infor-design/enterprise/issues/6858)) -- `[Textarea]` Fixed a bug in textarea where validation breaks after enabling/disabling. ([#6773](https://github.com/infor-design/enterprise/issues/6773)) -- `[Typography]` Updated text link color in dark theme. ([#6807](https://github.com/infor-design/enterprise/issues/6807)) -- `[Lookup]` Fixed where field stays disabled when enable API is called ([#6145](https://github.com/infor-design/enterprise/issues/6145)) - -(28 Issues Solved This Release, Backlog Enterprise 274, Backlog Ng 51, 1105 Functional Tests, 1303 e2e Tests, 561 Puppeteer Tests) - -## v4.67.0 - -## v4.67.0 Important Notes - -- `[CDN]` The former CDN `cdn.hookandloop.infor.com` can no longer be maintained by IT and needs to be discontinued. It will exist for approximately one year more (TBD), so please remove direct use from any production code. ([#6754](https://github.com/infor-design/enterprise/issues/6754)) -- `[Datepicker]` The functionality to enter today with a `t` is now under a setting `todayWithKeyboard-false`, it is false because you cant type days like September in a full picker. ([#6653](https://github.com/infor-design/enterprise/issues/6653)) -- `[Datepicker]` The functionality to increase the day with a `+/-` it defaults to false because it conflicts with many other internal shortcut keys. ([#6632](https://github.com/infor-design/enterprise/issues/6632)) - -## v4.67.0 Markup Changes - -- `[AppMenu]` As a design change the `Infor` logo is no longer to be shown on the app menu and has been removed. This reduces visual clutter, and is more inline with Koch global brand to leave it out. ([#6726](https://github.com/infor-design/enterprise/issues/6726)) - -## v4.67.0 Features - -- `[Calendar]` Add a setting for calendar to show and hide the legend. ([#6533](https://github.com/infor-design/enterprise/issues/6533)) -- `[Datagrid]` Added puppeteer script for header icon with tooltip. ([#6738](https://github.com/infor-design/enterprise/issues/6738)) -- `[Icons]` Added new icons for `interaction` and `interaction-reply`. ([#6721](https://github.com/infor-design/enterprise/issues/6721)) -- `[Monthview]` Added puppeteer script for monthview legend visibility when month changes ([#6382](https://github.com/infor-design/enterprise/issues/6382)) -- `[Searchfield]` Added puppeteer script for filter and sort icon. ([#6007](https://github.com/infor-design/enterprise/issues/6007)) -- `[Searchfield]` Added puppeteer script for custom icon. ([#6723](https://github.com/infor-design/enterprise/issues/6723)) - -## v4.67.0 Fixes - -- `[Accordion]` Added a safety check in accordion. ([#6789](https://github.com/infor-design/enterprise/issues/6789)) -- `[Badge/Tag/Icon]` Fixed info color in dark mode. ([#6763](https://github.com/infor-design/enterprise/issues/6763)) -- `[Button]` Added notification badges for buttons with labels. ([NG#1347](https://github.com/infor-design/enterprise-ng/issues/1347)) -- `[Button]` Added dark theme button colors. ([#6512](https://github.com/infor-design/enterprise/issues/6512)) -- `[Calendar]` Fixed a bug in calendar where bottom border is not properly rendering. ([#6668](https://github.com/infor-design/enterprise/issues/6668)) -- `[Color Palette]` Added status color CSS classes for color and border-color properties. ([#6711](https://github.com/infor-design/enterprise/issues/6711)) -- `[Datagrid]` Fixed a bug in datagrid inside a modal where the column is rendering wider than normal. ([#6782](https://github.com/infor-design/enterprise/issues/6782)) -- `[Datagrid]` Fixed a bug in datagrid where when changing rowHeight as a setting and re-rendering it doesn't apply. ([#6783](https://github.com/infor-design/enterprise/issues/6783)) -- `[Datagrid]` Fixed a bug in datagrid where isEditable is not returning row correctly. ([#6746](https://github.com/infor-design/enterprise/issues/6746)) -- `[Datagrid]` Updated datagrid header CSS height. ([#6697](https://github.com/infor-design/enterprise/issues/6697)) -- `[Datagrid]` Fixed on datagrid column width. ([#6725](https://github.com/infor-design/enterprise/issues/6725)) -- `[Datagrid]` Fixed an error editing in datagrid with grouped headers. ([#6759](https://github.com/infor-design/enterprise/issues/6759)) -- `[Datagrid]` Updated space key checks for expand button. ([#6756](https://github.com/infor-design/enterprise/issues/6756)) -- `[Datagrid]` Fixed an error when hovering cells with tooltips setup and using grouped headers. ([#6753](https://github.com/infor-design/enterprise/issues/6753)) -- `[Editor]` Fixed bug in editor where background color is not rendering properly. ([#6685](https://github.com/infor-design/enterprise/issues/6685)) -- `[Listview]` Fixed a bug where listview is not rendering properly when dataset has zero integer value. ([#6640](https://github.com/infor-design/enterprise/issues/6640)) -- `[Popupmenu]` Fixed a bug in popupmenu where getSelected() is not working on multiselect. ([NG#1349](https://github.com/infor-design/enterprise/issues-ng/1349)) -- `[Toolbar-Flex]` Removed deprecated message by using `beforeMoreMenuOpen` setting. ([#NG1352](https://github.com/infor-design/enterprise-ng/issues/1352)) -- `[Trackdirty]` Added optional chaining for safety check of trackdirty element. ([#6696](https://github.com/infor-design/enterprise/issues/6696)) -- `[WeekView]` Added Day View and Week View Shading. ([#6568](https://github.com/infor-design/enterprise/issues/6568)) - -(30 Issues Solved This Release, Backlog Enterprise 252, Backlog Ng 49, 1104 Functional Tests, 1342 e2e Tests, 506 Puppeteer Tests) - -## v4.66.0 - -## v4.66.0 Features - -- `[Busyindicator]` Converted protractor tests to puppeteer. ([#6623](https://github.com/infor-design/enterprise/issues/6623)) -- `[Calendar]` Converted protractor tests to puppeteer. ([#6524](https://github.com/infor-design/enterprise/issues/6524)) -- `[Datagrid]` Added puppeteer script for render only one row. ([#6645](https://github.com/infor-design/enterprise/issues/6645)) -- `[Datagrid]` Added test scripts for add row. ([#6644](https://github.com/infor-design/enterprise/issues/6644)) -- `[Datepicker]` Added setting for adjusting day using +/- in datepicker. ([#6632](https://github.com/infor-design/enterprise/issues/6632)) -- `[Targeted-Achievement]` Add puppeteer test for show tooltip on targeted achievement. ([#6550](https://github.com/infor-design/enterprise/issues/6550)) -- `[Icons]` Added new icons for `interaction` and `interaction-reply`. ([#6666](https://github.com/infor-design/enterprise/issues/6629)) -- `[Searchfield]` Added option to add custom icon button. ([#6453](https://github.com/infor-design/enterprise/issues/6453)) -- `[Targeted-Achievement]` Added puppeteer test for show tooltip on targeted achievement. ([#6550](https://github.com/infor-design/enterprise/issues/6550)) -- `[Textarea]` Converted protractor tests to puppeteer. ([#6629](https://github.com/infor-design/enterprise/issues/6629)) - -## v4.66.0 Fixes - -- `[Datagrid]` Fixed trigger icon background color on hover when row is activated. ([#6679](https://github.com/infor-design/enterprise/issues/6679)) -- `[Datagrid]` Fixed the datagrid alert icon was not visible and the trigger cell moves when hovering over when editor has trigger icon. ([#6663](https://github.com/infor-design/enterprise/issues/6663)) -- `[Datagrid]` Fixed redundant `aria-describedby` attributes at cells. ([#6530](https://github.com/infor-design/enterprise/issues/6530)) -- `[Datagrid]` Fixed on edit outline in textarea not filling the entire cell. ([#6588](https://github.com/infor-design/enterprise/issues/6588)) -- `[Datagrid]` Updated filter phrases for datepicker. ([#6587](https://github.com/infor-design/enterprise/issues/6587)) -- `[Datagrid]` Fixed the overflowing of the multiselect dropdown on the page and pushes the container near the screen's edge. ([#6580](https://github.com/infor-design/enterprise/issues/6580)) -- `[Datagrid]` Fixed unselectRow on `treegrid` sending rowData incorrectly. ([#6548](https://github.com/infor-design/enterprise/issues/6548)) -- `[Datagrid]` Fixed incorrect rowData for grouping tooltip callback. ([NG#1298](https://github.com/infor-design/enterprise-ng/issues/1298)) -- `[Datagrid]` Fixed a bug in `treegrid` where data are duplicated when row height is changed. ([#4979](https://github.com/infor-design/enterprise/issues/4979)) -- `[Datagrid]` Fix bug on where changing `groupable` and dataset does not update datagrid. ([NG#1332](https://github.com/infor-design/enterprise-ng/issues/1332)) -- `[Datepicker]` Fixed missing `monthrendered` event on initial calendar open. ([NG#1345](https://github.com/infor-design/enterprise-ng/issues/1345)) -- `[Editor]` Fixed a bug where paste function is not working on editor when copied from Windows Adobe Reader. ([#6521](https://github.com/infor-design/enterprise/issues/6521)) -- `[Editor]` Fixed a bug where editor has dark screen after inserting an image. ([NG#1323](https://github.com/infor-design/enterprise-ng/issues/1323)) -- `[Editor]` Fixed a bug where reset dirty is not working on special characters in Edge browser. ([#6584](https://github.com/infor-design/enterprise/issues/6584)) -- `[Fileupload Advanced]` Fixed on max fileupload limit. ([#6625](https://github.com/infor-design/enterprise/issues/6625)) -- `[Monthview]` Fixed missing legend data on visible previous / next month with using loadLegend API. ([#6665](https://github.com/infor-design/enterprise/issues/6665)) -- `[Notification]` Updated css of notification to fix alignment in RTL mode. ([#6555](https://github.com/infor-design/enterprise/issues/6555)) -- `[Searchfield]` Fixed a bug on Mac OS Safari where x button can't clear the contents of the searchfield. ([#6631](https://github.com/infor-design/enterprise/issues/6631)) -- `[Popdown]` Fixed `popdown` not closing when clicking outside in NG. ([NG#1304](https://github.com/infor-design/enterprise-ng/issues/1304)) -- `[Tabs]` Fixed on close button not showing in Firefox. ([#6610](https://github.com/infor-design/enterprise/issues/6610)) -- `[Tabs]` Remove target panel element on remove event. ([#6621](https://github.com/infor-design/enterprise/issues/6621)) -- `[Tabs Module]` Fixed category border when focusing the searchfield. ([#6618](https://github.com/infor-design/enterprise/issues/6618)) -- `[Toolbar Searchfield]` Fixed searchfield toolbar in alternate style. ([#6615](https://github.com/infor-design/enterprise/issues/6615)) -- `[Tooltip]` Fixed tooltip event handlers created on show not cleaning up properly on hide. ([#6613](https://github.com/infor-design/enterprise/issues/6613)) - -(39 Issues Solved This Release, Backlog Enterprise 230, Backlog Ng 42, 1102 Functional Tests, 1380 e2e Tests, 462 Puppeteer Tests) - -## v4.65.0 - -## v4.65.0 Features - -- `[Bar]` Enhanced the VPAT accessibility in bar chart. ([#6074](https://github.com/infor-design/enterprise/issues/6074)) -- `[Bar]` Added puppeteer script for axis labels test. ([#6551](https://github.com/infor-design/enterprise/issues/6551)) -- `[Bubble]` Converted protractor tests to puppeteer. ([#6527](https://github.com/infor-design/enterprise/issues/6527)) -- `[Bullet]` Converted protractor tests to puppeteer. ([#6622](https://github.com/infor-design/enterprise/issues/6622)) -- `[Cards]` Added puppeteer script for cards test. ([#6525](https://github.com/infor-design/enterprise/issues/6525)) -- `[Datagrid]` Added tooltipOption settings for columns. ([#6361](https://github.com/infor-design/enterprise/issues/6361)) -- `[Datagrid]` Added add multiple rows option. ([#6404](https://github.com/infor-design/enterprise/issues/6404)) -- `[Datagrid]` Added puppeteer script for refresh column. ([#6212](https://github.com/infor-design/enterprise/issues/6212)) -- `[Datagrid]` Added puppeteer script for cell editing test. ([#6552](https://github.com/infor-design/enterprise/issues/6552)) -- `[Modal]` Added icon puppeteer test for modal component. ([#6549](https://github.com/infor-design/enterprise/issues/6549)) -- `[Tabs]` Added puppeteer script for new searchfield design ([#6282](https://github.com/infor-design/enterprise/issues/6282)) -- `[Tag]` Converted protractor tests to puppeteer. ([#6617](https://github.com/infor-design/enterprise/issues/6617)) -- `[Targeted Achievement]` Converted protractor tests to puppeteer. ([#6627](https://github.com/infor-design/enterprise/issues/6627)) - -## v4.65.0 Fixes - -- `[Accordion]` Fixed the bottom border of the completely disabled accordion in dark mode. ([#6406](https://github.com/infor-design/enterprise/issues/6406)) -- `[AppMenu]` Fixed a bug where events are added to the wrong elements for filtering. Also fixed an issue where if no accordion is added the app menu will error. ([#6592](https://github.com/infor-design/enterprise/issues/6592)) -- `[Chart]` Removed automatic legend bottom placement when reaching a minimum width. ([#6474](https://github.com/infor-design/enterprise/issues/6474)) -- `[Chart]` Fixed the result logged in console to be same as the Soho Interfaces. ([NG#1296](https://github.com/infor-design/enterprise-ng/issues/1296)) -- `[ContextualActionPanel]` Fixed a bug where the toolbar searchfield with close icon looks off on mobile viewport. ([#6448](https://github.com/infor-design/enterprise/issues/6448)) -- `[Datagrid]` Fixed a bug in datagrid where focus is not behaving properly when inlineEditor is set to true. ([NG#1300](https://github.com/infor-design/enterprise-ng/issues/1300)) -- `[Datagrid]` Fixed a bug where `treegrid` doesn't expand a row via keyboard when editable is set to true. ([#6434](https://github.com/infor-design/enterprise/issues/6434)) -- `[Datagrid]` Fixed a bug where the search icon and x icon are misaligned across datagrid and removed extra margin space in modal in Firefox. ([#6418](https://github.com/infor-design/enterprise/issues/6418)) -- `[Datagrid]` Fixed a bug where page changed to one on removing a row in datagrid. ([#6475](https://github.com/infor-design/enterprise/issues/6475)) -- `[Datagrid]` Header is rerendered when calling updated method, also added paging info settings. ([#6476](https://github.com/infor-design/enterprise/issues/6476)) -- `[Datagrid]` Fixed a bug where column widths were not changing in settings. ([#5227](https://github.com/infor-design/enterprise/issues/5227)) -- `[Datagrid]` Fixed a bug where it renders all rows in the datagrid when adding one row. ([#6491](https://github.com/infor-design/enterprise/issues/6491)) -- `[Datagrid]` Fixed a bug where using shift-click to multiselect on datagrid with treeGrid setting = true selects from the first row until bottom row. ([NG#1274](https://github.com/infor-design/enterprise-ng/issues/1274)) -- `[Datepicker]` Fixed a bug where the datepicker is displaying NaN when using french format. ([NG#1273](https://github.com/infor-design/enterprise-ng/issues/1273)) -- `[Datepicker]` Added listener for calendar `monthrendered` event and pass along. ([NG#1324](https://github.com/infor-design/enterprise-ng/issues/1324)) -- `[Input]` Fixed a bug where the password does not show or hide in Firefox. ([#6481](https://github.com/infor-design/enterprise/issues/6481)) -- `[Listview]` Fixed disabled font color not showing in listview. ([#6391](https://github.com/infor-design/enterprise/issues/6391)) -- `[Listview]` Changed toolbar-flex to contextual-toolbar for multiselect listview. ([#6591](https://github.com/infor-design/enterprise/issues/6591)) -- `[Locale]` Added monthly translations. ([#6556](https://github.com/infor-design/enterprise/issues/6556)) -- `[Lookup]` Fixed a bug where search-list icon, launch icon, and ellipses is misaligned and the table and title overlaps in responsive view. ([#6487](https://github.com/infor-design/enterprise/issues/6487)) -- `[Modal]` Fixed an issue on some monitors where the overlay is too dim. ([#6566](https://github.com/infor-design/enterprise/issues/6566)) -- `[Page-Patterns]` Fixed a bug where the header disappears when the the last item in the list is clicked and the browser is smaller in Chrome and Edge. ([#6328](https://github.com/infor-design/enterprise/issues/6328)) -- `[Tabs Module]` Fixed multiple UI issues in tabs module with searchfield. ([#6526](https://github.com/infor-design/enterprise/issues/6526)) -- `[ToolbarFlex]` Fixed a bug where the teardown might error on situations. ([#1327](https://github.com/infor-design/enterprise/issues/1327)) -- `[Tabs]` Fixed a bug where tabs focus indicator is not fixed on Classic Theme. ([#6464](https://github.com/infor-design/enterprise/issues/6464)) -- `[Validation]` Fixed a bug where the tooltip would show on the header when the message has actually been removed. ([#6547](https://github.com/infor-design/enterprise/issues/6547) - -(45 Issues Solved This Release, Backlog Enterprise 233, Backlog Ng 42, 1102 Functional Tests, 1420 e2e Tests, 486 Puppeteer Tests) From 979de1404276ae8d4da78030f3038d69a90675b1 Mon Sep 17 00:00:00 2001 From: Tim McConechy Date: Fri, 6 Sep 2024 12:09:12 -0400 Subject: [PATCH 18/20] Fix jobs --- .github/workflows/env-deploy-gha.yaml | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/.github/workflows/env-deploy-gha.yaml b/.github/workflows/env-deploy-gha.yaml index f6d7528f64..8921c0ad8b 100644 --- a/.github/workflows/env-deploy-gha.yaml +++ b/.github/workflows/env-deploy-gha.yaml @@ -95,12 +95,12 @@ jobs: github_token: ${{ secrets.GH_ACCESS_TOKEN }} branch: main - - name: Install Browsers - run: npx playwright install --with-deps - - name: Install run: npm ci + - name: Install Browsers + run: npx playwright install --with-deps + - name: Run Percy Tests run: npx percy exec -- npm run test:ci:percy env: From 654989d03ba998ca2996346d76fa9e22cc23e828 Mon Sep 17 00:00:00 2001 From: Tim McConechy Date: Fri, 6 Sep 2024 12:28:44 -0400 Subject: [PATCH 19/20] One more fix to command --- .github/workflows/ci.yml | 2 +- package.json | 8 ++++---- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index 212cc45e65..013946ad8f 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -58,7 +58,7 @@ jobs: NODE_OPTIONS: "--max-old-space-size=8192" PERCY_TOKEN: ${{ secrets.PERCY_TOKEN }} - - name: Run PercyTests + - name: Run Percy Tests run: npx percy exec -- npm run test:ci:percy env: NODE_OPTIONS: "--max-old-space-size=8192" diff --git a/package.json b/package.json index 6476bdab78..7e6b1a4711 100644 --- a/package.json +++ b/package.json @@ -62,13 +62,13 @@ "stylelint:demo": "npx stylelint app/src/**/*.scss --config .stylelintrc", "stylelint:src": "npx stylelint src/**/**/*.scss --config .stylelintrc", "test:start-server": "node app/server.js --test-port", - "test": "PERCY_LOGLEVEL=silent npx playwright test --reporter=list", + "test": "npx playwright test --reporter=list", "test:build": "npm run build:demoapp && npm run build", - "test:visual": "PERCY_LOGLEVEL=silent npx percy exec -- npx playwright test --reporter=list", + "test:visual": "npx percy exec -- npx playwright test --reporter=list", "test:coverage": "npx rimraf .nyc_output && npm run build:coverage && npm run test && npx nyc report && open coverage/index.html", "test:coverage:no-build": "npx rimraf .nyc_output && npm run test && npx nyc report && open coverage/index.html", - "test:ci": "npx rimraf .nyc_output && npm run build:coverage && npx playwright test --reporter=list --workers=1 --grep-invert 'percy' && npx nyc report", - "test:ci:percy": "PERCY_LOGLEVEL=silent npx rimraf .nyc_output && npm run build && npx playwright test --reporter=list --workers=1 --grep 'percy' && npx nyc report", + "test:ci": "npx rimraf .nyc_output && npm run build:coverage && npx playwright test --reporter=list --workers=3 --grep-invert 'percy' && npx nyc report", + "test:ci:percy": "npm run build && npx playwright test --reporter=list --workers=1 --grep 'percy'", "watch": "npm run watch:js & npm run watch:scss", "watch:js": "nodemon --watch \"src/\" -e js --ignore dist/ --ignore app/ -x \"npm run build:js\" --on-change-only", "watch:scss": "nodemon --watch \"src/\" -e scss --ignore dist/ --ignore app/ -x \"npm run build:css\" --on-change-only", From 3cd618771d327b5a0cac0cbfe87ad01c19fecc95 Mon Sep 17 00:00:00 2001 From: Tim McConechy Date: Fri, 6 Sep 2024 14:20:56 -0400 Subject: [PATCH 20/20] Cleanup doc scripts --- scripts/deploy-documentation.js | 7 - scripts/publish-docs/Dockerfile | 20 - scripts/publish-docs/Makefile | 55 -- scripts/publish-docs/README.md | 11 - scripts/publish-docs/job.yaml | 42 -- scripts/publish-docs/run.sh | 27 - scripts/publish-docs/scripts/publish-docs.js | 672 ------------------ scripts/publish-docs/secrets.sh | 11 - .../publish-docs/secrets/docs-api-key.yaml | 7 - .../secrets/github-acccess-token.yaml | 7 - scripts/publish-docs/utils.sh | 20 - scripts/publish-docs/workflow.yaml | 102 --- 12 files changed, 981 deletions(-) delete mode 100644 scripts/publish-docs/Dockerfile delete mode 100644 scripts/publish-docs/Makefile delete mode 100644 scripts/publish-docs/README.md delete mode 100644 scripts/publish-docs/job.yaml delete mode 100644 scripts/publish-docs/run.sh delete mode 100755 scripts/publish-docs/scripts/publish-docs.js delete mode 100644 scripts/publish-docs/secrets.sh delete mode 100644 scripts/publish-docs/secrets/docs-api-key.yaml delete mode 100644 scripts/publish-docs/secrets/github-acccess-token.yaml delete mode 100644 scripts/publish-docs/utils.sh delete mode 100644 scripts/publish-docs/workflow.yaml diff --git a/scripts/deploy-documentation.js b/scripts/deploy-documentation.js index 8a77f6bc30..a7f16b9e8a 100755 --- a/scripts/deploy-documentation.js +++ b/scripts/deploy-documentation.js @@ -122,13 +122,6 @@ if (argv.site && Object.keys(serverURIs).includes(argv.site)) { deployTo = argv.site; } -// Failsafe to prevent accidentally uploading dev/beta/rc documentation to -// production as those semver's will have a dash in them (-dev, -beta, -rc) -if (packageJson.version.includes('-') && deployTo === 'prod') { - console.error('Error', 'You can NOT deploy documentation for a non-final version to "prod".'); - process.exit(0); -} - // ------------------------------------- // Main Section // ------------------------------------- diff --git a/scripts/publish-docs/Dockerfile b/scripts/publish-docs/Dockerfile deleted file mode 100644 index 9801e3671d..0000000000 --- a/scripts/publish-docs/Dockerfile +++ /dev/null @@ -1,20 +0,0 @@ -FROM node:14-buster - -WORKDIR /usr/src - -RUN apt-get update \ - && apt-get install -y \ - software-properties-common \ - build-essential - -RUN apt-get -y update \ - && apt-get -y install \ - git - -COPY ./scripts scripts -COPY ./run.sh run.sh -COPY ./utils.sh utils.sh -RUN chmod +x utils.sh -RUN chmod +x run.sh - -ENTRYPOINT ["/bin/bash", "run.sh"] diff --git a/scripts/publish-docs/Makefile b/scripts/publish-docs/Makefile deleted file mode 100644 index 043a4e441c..0000000000 --- a/scripts/publish-docs/Makefile +++ /dev/null @@ -1,55 +0,0 @@ -CURRENT_DIR=$(shell pwd) -ORGANIZATION = hookandloop -IMAGE = enterprise-publish-docs -IMAGE_TAG = 1.0.0 - - -ifneq (,$(wildcard ./.env)) - include .env - export -endif - - -.PHONY: all -all: build tag push - -.PHONY: build -build : - DOCKER_BUILDKIT=1 docker build --platform=linux/amd64 -t $(ORGANIZATION)/$(IMAGE):$(IMAGE_TAG) -f $(CURRENT_DIR)/Dockerfile . - -.PHONY: tag -tag: - docker tag $(ORGANIZATION)/$(IMAGE):$(IMAGE_TAG) $(ORGANIZATION)/$(IMAGE):$(IMAGE_TAG) - -.PHONY: push -push: - docker push $(ORGANIZATION)/$(IMAGE):$(IMAGE_TAG) - -.PHONY: run -run : - docker run --platform=linux/amd64 --rm --name $(IMAGE) \ - --env DOCS_API_KEY=${DOCS_API_KEY} \ - --env DOCS_API_URL=${DOCS_API_URL} \ - --env GITHUB_ACCESS_TOKEN=${GITHUB_ACCESS_TOKEN} \ - --env BUILD_FROM=${BUILD_FROM} \ - --env SITE=${SITE} \ - --env APP_REPO=${APP_REPO} \ - -v ${PWD}/build:/root/enterprise \ - -v ${PWD}/run.sh:/usr/src/run.sh \ - -v ${PWD}/utils.sh:/usr/src/utils.sh \ - $(ORGANIZATION)/$(IMAGE):$(IMAGE_TAG) - -.PHONY: shell -shell : - docker run --platform=linux/amd64 -it --rm --name $(IMAGE) \ - --entrypoint /bin/sh \ - --env DOCS_API_KEY=${DOCS_API_KEY} \ - --env DOCS_API_URL=${DOCS_API_URL} \ - --env GITHUB_ACCESS_TOKEN=${GITHUB_ACCESS_TOKEN} \ - --env BUILD_FROM=${BUILD_FROM} \ - --env SITE=${SITE} \ - --env APP_REPO=${APP_REPO} \ - -v ${PWD}/build:/root/enterprise \ - -v ${PWD}/run.sh:/usr/src/run.sh \ - -v ${PWD}/utils.sh:/usr/src/utils.sh \ - $(ORGANIZATION)/$(IMAGE):$(IMAGE_TAG) diff --git a/scripts/publish-docs/README.md b/scripts/publish-docs/README.md deleted file mode 100644 index 1f8ed2a4d2..0000000000 --- a/scripts/publish-docs/README.md +++ /dev/null @@ -1,11 +0,0 @@ -# K8s manifests and documentation - -## Secrets - -```bash -# generate base64 strings -. ./secrets.sh - -# paste them into secrets files and apply it -kubectl apply -f secrets --namespace=argo -``` diff --git a/scripts/publish-docs/job.yaml b/scripts/publish-docs/job.yaml deleted file mode 100644 index a6d251a6ec..0000000000 --- a/scripts/publish-docs/job.yaml +++ /dev/null @@ -1,42 +0,0 @@ -apiVersion: batch/v1 -kind: Job -metadata: - name: enterprise-publish-docs - namespace: argo -spec: - ttlSecondsAfterFinished: 300 - backoffLimit: 0 - template: - spec: - restartPolicy: Never - nodeSelector: - eks.amazonaws.com/nodegroup: heavy - containers: - - name: enterprise-publish-docs - image: hookandloop/enterprise-publish-docs:0.0.2 - imagePullPolicy: Always - resources: - requests: - cpu: 500m - memory: 3Gi - env: - - name: GITHUB_ACCESS_TOKEN - valueFrom: - secretKeyRef: - name: github-access-token - key: token - - name: DOCS_API_KEY - valueFrom: - secretKeyRef: - name: docs-api-key - key: token - - name: DOCS_API_URL - value: "https://legacy.design.infor.com" - - name: SITE - value: "prod" - - name: BUILD_FROM - value: "4.93.0" - - name: APP_REPO - value: "infor-design/enterprise" - command: ["/bin/bash"] - args: ["-c", ". ./run.sh"] diff --git a/scripts/publish-docs/run.sh b/scripts/publish-docs/run.sh deleted file mode 100644 index d38dbb4915..0000000000 --- a/scripts/publish-docs/run.sh +++ /dev/null @@ -1,27 +0,0 @@ -#!/bin/bash -set -e - -source ./utils.sh -trap exit_trap EXIT - -export NODE_OPTIONS=--max_old_space_size=4096 - -REPOROOT=/root/enterprise - -function main() { - check_required_vars GITHUB_ACCESS_TOKEN BUILD_FROM SITE APP_REPO - clean_clone_repo $GITHUB_ACCESS_TOKEN $APP_REPO $BUILD_FROM $REPOROOT - - cd $REPOROOT - - git remote set-url origin https://$GITHUB_ACCESS_TOKEN@github.com/$APP_REPO.git - git fetch --all - git checkout $BUILD_FROM > /dev/null - - npm install - - cp /usr/src/scripts/publish-docs.js $REPOROOT/scripts/publish-docs.js - node ./scripts/publish-docs.js --site $SITE -} - -main "$@" diff --git a/scripts/publish-docs/scripts/publish-docs.js b/scripts/publish-docs/scripts/publish-docs.js deleted file mode 100755 index 8a658b0233..0000000000 --- a/scripts/publish-docs/scripts/publish-docs.js +++ /dev/null @@ -1,672 +0,0 @@ -#!/usr/bin/env node - -/* eslint-disable arrow-body-style, key-spacing, no-use-before-define, arrow-parens, no-console, import/no-dynamic-require, global-require, no-shadow, max-len, object-shorthand */ -/** - * @fileoverview This script does: - * 1. Coverts components jsdoc comments into html - * 2. Converts their self-named markdown files into html string - * (both of these pieces of data are stored in an global object - * for each component) - * 3. Pending the "--site" flag specified, it writes each component in the object as: - * - HTML files in static/ for local serving (this is the default) - * or - * - JSON files in dist/, zips them, and POSTs them to the specified - * ids-website server - * - * @example `node ./scripts/deploy-documentation.js` - */ - -// ------------------------------------- -// Node Modules/Options -// ------------------------------------- -import archiver from 'archiver'; -import { build, formats } from 'documentation'; -import frontMatter from 'front-matter'; -import * as fs from 'fs'; -import { glob } from 'glob'; -import handlebars from 'handlebars'; -import hbsRegistrar from 'handlebars-wax'; -import { marked, setOptions } from 'marked'; -import * as path from 'path'; -import slash from 'slash'; -import yaml from 'js-yaml'; -import hljs from 'highlight.js'; -import FormData from 'form-data'; -import _yargs from 'yargs'; -import { hideBin } from 'yargs/helpers'; - -// Local -import swlog from './helpers/stopwatch-log.js'; -import getJSONFile from '../app/src/js/get-json-file.js'; - -const yargs = _yargs(hideBin(process.argv)); - -const argv = await yargs - .usage('Usage $node ./scripts/deploy-documentation.js [-s] [-d] [-T]') - .option('site', { - alias: 's', - describe: 'The site server to publish to (static, local, localDebug, staging, prod)', - default: 'static' - }) - .option('dry-run', { - alias: 'd', - describe: 'Run the script, skipping sending of files', - default: false - }) - .option('test-mode', { - alias: 'T', - describe: 'Run the script on a few preset components', - default: false - }) - .help('h') - .alias('h', 'help') - .argv; - -// Set Marked options -setOptions({ - gfm: true, - highlight: (code, lang, callback) => { - const language = hljs.getLanguage(lang) ? lang : 'html'; - callback(null, hljs.highlight(code, { language }).value); - } -}); - -// ------------------------------------- -// Constants -// ------------------------------------- -const rootPath = slash(process.cwd()); -const idsWebsitePath = 'docs/ids-website'; -const staticWebsitePath = 'app/docs'; - -console.log("rootPath", rootPath); - -const paths = { - components: `${rootPath}/src/components`, - docs: `${rootPath}/docs`, - templates: { - root: `${rootPath}/docs/templates`, - hbs: `${rootPath}/docs/templates/hbs`, - docjs: `${rootPath}/docs/templates/documentationjs` - }, - idsWebsite: { - root: `${rootPath}/${idsWebsitePath}`, - dist: `${rootPath}/${idsWebsitePath}/dist`, - distDocs: `${rootPath}/${idsWebsitePath}/dist/docs` - }, - static: { - root: `${rootPath}/${staticWebsitePath}`, - components: `${rootPath}/${staticWebsitePath}/components` - } -}; - -const jsonTemplate = { - title: '', - description: '', - body: '', - api: '' -}; - -const serverURIs = { - static: paths.static.root, - local: 'http://localhost/api/docs/', - localDebug: 'http://localhost:9002/api/docs/', - prod: `${process.env.DOCS_API_URL}/api/docs/` -}; - -const packageJson = getJSONFile('../../../package.json'); -const testComponents = [ - 'button', - 'datagrid' -]; - -// ------------------------------------- -// Variables -// ------------------------------------- -const allDocsObjMap = {}; -const componentStats = { - numDocumented: 0, - numConverted: 0, - numWritten: 0, - numSkipped: 0, - total: 0, -}; -let deployTo = 'static'; -let numArchivesSent = 0; - -hbsRegistrar(handlebars, { - bustCache: true, - partials: [ - `${paths.templates.hbs}/partials/*.hbs` - ] -}); - -// ------------------------------------- -// Main -// ------------------------------------- -const opStart = swlog.logTaskStart(`deploying ${packageJson.version}`); - -if (argv.testMode) { - console.log('\n!! TEST MODE !!'); -} - -if (argv.site && Object.keys(serverURIs).includes(argv.site)) { - deployTo = argv.site; -} - -// Failsafe to prevent accidentally uploading dev/beta/rc documentation to -// production as those semver's will have a dash in them (-dev, -beta, -rc) -if (packageJson.version.includes('-') && deployTo === 'prod') { - console.error('Error', 'You can NOT deploy documentation for a non-final version to "prod".'); - process.exit(0); -} - -cleanAll() - .then(copyTokenFiles) - .then(compileSupportingDocs) - .then(compileComponents) - .then(() => { - const writeStart = swlog.logTaskStart('writing files'); - const pageTemplate = handlebars.compile(fs.readFileSync(`${paths.templates.hbs}/page.hbs`, 'utf-8')); - const writePromises = []; - - if (deployTo === 'static') { - writePromises.push(writeHtmlSitemap()); - } else { - writePromises.push(writeJsonSitemap()); - } - - Object.keys(allDocsObjMap).forEach(compName => { - if (deployTo === 'static') { - writePromises.push(writeHtmlFile(pageTemplate, compName)); - } else { - writePromises.push(writeJsonFile(compName)); - } - }); - - return Promise.all(writePromises).then(() => { - swlog.logTaskEnd(writeStart); - if (deployTo !== 'static') { - zipAndDeploy(); - } - }); - }) - .catch(swlog.error); - -// ------------------------------------- -// Functions -// ------------------------------------- - -/** - * Compiled the component's MD and DocJS - * @returns {Promise} - A promise - */ -function compileComponents() { - return new Promise((resolve, reject) => { - const docStart = swlog.logTaskStart('component documentation'); - const compPromises = []; - let compName = ''; - - glob(`${paths.components}/*/`, (err, componentDirs) => { - if (err) { - swlog.error(err); - } - - componentStats.total += componentDirs.length; - - componentDirs.forEach(compDir => { - compName = deriveComponentName(compDir); - - // For testing to only get one or two components - if (argv.testMode && !testComponents.includes(compName)) { - componentStats.numSkipped++; - return; - } - - if (!documentationExists(compName)) { - swlog.logTaskAction('Skipping', compName); - componentStats.numSkipped++; - return; - } - - allDocsObjMap[compName] = { - ...jsonTemplate, - title: compName, - description: '', - isComponent: true - }; - - // note: comp path includes an ending "/" - compPromises.push(documentJsToHtml(compName)); - compPromises.push(markdownToHtml(`${compDir}readme.md`, compName)); - }); - - Promise.all(compPromises) - .catch(err => { - reject(err.message); - }) - .then(() => { - swlog.logTaskEnd(docStart); - resolve(); - }); - }); - }); -} - -/** - * Compile all ids-website supporting MD files - * and store the output string - * @returns {Promise} - A promise - */ -function compileSupportingDocs() { - return new Promise((resolve, reject) => { - const mdStart = swlog.logTaskStart('markdown documentation'); - const promises = []; - - glob(`${paths.docs}/*.md`, (err, files) => { - componentStats.total += files.length; - - files.forEach((filePath, i) => { - // For testing to only get one or two components - if (argv.testMode && i > 2) { - componentStats.numSkipped++; - return; - } - - const fileName = path.basename(filePath, '.md').toLowerCase(); - - allDocsObjMap[fileName] = { ...jsonTemplate, title: fileName }; - - promises.push(markdownToHtml(filePath, fileName)); - }); - - Promise.all(promises) - .catch(err => { - reject(err); - }) - .then(() => { - swlog.logTaskEnd(mdStart); - resolve(); - }); - }); - }); -} - -/** - * Publish token data too - */ -function copyTokenFiles() { - return new Promise((resolve, reject) => { - const cpStart = swlog.logTaskStart('Copy token files'); - const dist = `${paths.idsWebsite.dist}/ids-identity`; - const files = glob.sync('./node_modules/ids-identity/dist/tokens/**/tokens/web/theme-*.json'); - - const promises = files.map(file => { - return new Promise((resolve) => { - const fileName = path.parse(file).name; - const obj = JSON.parse(fs.readFileSync(file, 'utf8')); - createDirs([dist]); - fs.writeFile(`${dist}/${fileName}.json`, JSON.stringify(obj, null, 4), () => { - swlog.logTaskAction('Copied', `${fileName}.json`); - resolve(); - }); - }); - }); - - Promise.all(promises) - .catch(err => { - reject(err); - }) - .then(() => { - swlog.logTaskEnd(cpStart); - resolve(); - }); - }); -} - -/** - * Remove any "built" directories/files - * @async - * @returns {Promise} - A promise - */ -async function cleanAll() { - const cleanStart = swlog.logTaskStart('cleaning dist'); - - const filesToDel = []; - - if (deployTo === 'static') { - filesToDel.push( - `${paths.static.root}/*.html`, - `${paths.static.components}/*.html` - ); - } else { - filesToDel.push( - paths.idsWebsite.dist, - paths.idsWebsite.distDocs - ); - } - - try { - // eslint-disable-next-line no-restricted-syntax - for (const file of filesToDel) { - if (fs.existsSync(file)) fs.unlinkSync(file); - } - await createDirs([ - paths.idsWebsite.root, - paths.idsWebsite.dist, - paths.idsWebsite.distDocs, - paths.static.root, - paths.static.components - ]); - swlog.logTaskEnd(cleanStart); - } catch (err) { - console.error('Error', err); - } -} - -/** - * Convert markdown into html and parse any yaml frontMatter - * and store the output html string in the component - * object property - * @param {string} filePath - the full file path - * @param {string} fileName - the name of the file - * @returns {Promise} - A promise - */ -function markdownToHtml(filePath, fileName) { - return new Promise((resolve, reject) => { - fs.readFile(filePath, 'utf8', (err, data) => { - if (err) { - reject(err); - } else { - const fmData = frontMatter(data); - if (fmData.attributes.title) allDocsObjMap[fileName].title = fmData.attributes.title; - if (fmData.attributes.description) allDocsObjMap[fileName].description = fmData.attributes.description; - if (fmData.attributes.demo) allDocsObjMap[fileName].demo = fmData.attributes.demo; - if (fmData.attributes.system) allDocsObjMap[fileName].system = fmData.attributes.system; - - marked(fmData.body, (err, content) => { - if (err) { - reject(err); - } else { - componentStats.numConverted++; - swlog.logTaskAction('Readme processed', `${filePath.replace(process.cwd(), '')}`); - resolve(allDocsObjMap[fileName].body = content); - } - }); - } - }); - }); -} - -/** - * Create directories if they exist - * @param {array} arrPaths - the directory path(s) - */ -function createDirs(arrPaths) { - arrPaths.forEach(path => { - if (!fs.existsSync(path)) { - fs.mkdirSync(path); - } - }); -} - -/** - * Check if the component (directory) has a - * self-named documentation mardkdown file - * @param {string} componentName - the name of the component - * @returns {boolean} - if the documentation markdown file exists - */ -function documentationExists(componentName) { - return fs.existsSync(`${paths.components}/${componentName}/readme.md`); -} - -/** - * Run documentationJs on a file with JSON output - * and save that in the components object property - * @param {string} componentName - the name of the component - * @returns {Promise} - A promise - */ -function documentJsToHtml(componentName) { - const compFilePath = `${paths.components}/${componentName}/${componentName}.js`; - const themeName = 'theme-ids-website'; - - return build([compFilePath], { extension: 'js', shallow: true }) - .then(comments => { - return formats.html(comments, { theme: `${paths.templates.docjs}/${themeName}/index.js` }); - }) - .then(res => { - res.map(async file => { - componentStats.numDocumented++; - swlog.logTaskAction('API processed', `${componentName}.js`); - allDocsObjMap[componentName].api = file.contents.toString().trim(); - }); - }); -} - -/** - * Derive the component name from its folder path - * @param {string} dirPath - the component's directory path - * @returns {string} - the component's name - */ -function deriveComponentName(dirPath) { - dirPath = removeTrailingSlash(dirPath); - const arr = dirPath.split('/'); - return arr[arr.length - 1]; -} - -/** - * Deploy the zipped bundle using a POST request - */ -function postZippedBundle() { - const publishStart = swlog.logTaskStart(`attempt publish to server "${deployTo}"`); - - const form = new FormData(); - form.append('file', fs.createReadStream(`${paths.idsWebsite.dist}.zip`)); - form.append('root_path', `ids-enterprise/${packageJson.version}`); - form.append('post_auth_key', process.env.DOCS_API_KEY ? process.env.DOCS_API_KEY : ''); - form.submit(serverURIs[deployTo], (err, res) => { - swlog.logTaskEnd(publishStart); - if (err) { - console.error(err); - swlog.logTaskAction('Failed!', `Status ${err}`); - } else { - if (res.statusCode === 200) { - swlog.logTaskAction('Success', `to "${serverURIs[deployTo]}"`); - } else { - swlog.logTaskAction('Failed!', `Status ${res.statusCode}: ${res.statusMessage}`); - } - res.resume(); - numArchivesSent++; - statsConclusion(); - } - }); -} - -/** - * Get the sitemap contents as a json object - * @returns {String} - sitemap contents - */ -function readSitemapYaml() { - let sitemap = {}; - sitemap = yaml.load(fs.readFileSync(`${paths.docs}/sitemap.yml`, 'utf8')); - return sitemap; -} - -/** - * Remove trialing slash - * @param {string} uri - a uri/path - * @returns {string} - the path with a trailing slash - */ -function removeTrailingSlash(uri) { - return uri.replace(/\/$/, ''); -} - -/** - * Console.log statistics from the build - */ -function statsConclusion() { - swlog.logTaskEnd(opStart); - // did not use multiline string for formatting reasons - let str = ''; - str += `\nComponents ${'converted'}: ${componentStats.numConverted}/${componentStats.total}`; - str += `\nComponents ${'documented'}: ${componentStats.numDocumented}/${componentStats.total}`; - str += `\nComponents ${'skipped'}: ${componentStats.numSkipped}/${componentStats.total}`; - str += `\nComponents ${'written'}: ${componentStats.numWritten}/${componentStats.total}`; - if (numArchivesSent === 0) { - str += `\n\nBundles ${'deployed'}: ${numArchivesSent}/1`; - } else { - str += `\n\nBundles ${'deployed'}: ${numArchivesSent}/1`; - } - str += '\n'; - console.log(str); -} - -/** - * Write a html file for specified component - * - * @param {function} hbsTemplate - the hbs page template function - * @param {string} componentName - the name of the component - * @returns {Promise} - A promise - */ -function writeHtmlFile(hbsTemplate, componentName) { - return new Promise((resolve, reject) => { - const data = { - version: packageJson.version, - component: allDocsObjMap[componentName] - }; - data.component.slug = componentName; - const html = hbsTemplate(data); - - // Regular docs go in root, components go in "components/" - let dest = `${paths.static.root}/${componentName}.html`; - if (data.component.isComponent) { - dest = `${paths.static.components}/${componentName}.html`; - } - - console.log("writing to", dest); - - fs.writeFile(dest, html, 'utf8', err => { - if (err) { - reject(err); - } else { - swlog.logTaskAction('Created', `${dest.replace(process.cwd())}`); - resolve(); - } - }); - }); -} - -/** - * Write a json file for specified component - * @param {string} componentName - the name of the component - * @returns {Promise} - A promise - */ -function writeJsonFile(componentName) { - return new Promise((resolve, reject) => { - const thisName = componentName; - const dest = `${paths.idsWebsite.distDocs}/${thisName}.json`; - - fs.writeFile(dest, JSON.stringify(allDocsObjMap[thisName]), 'utf8', err => { - if (err) { - reject(err); - } else { - componentStats.numWritten++; - swlog.logTaskAction('Created', dest.replace(process.cwd())); - resolve(); - } - }); - }); -} - -/** - * Convert/write the sitemap.yml to sitemap.json into dist - * @returns {Promise} - A promise - */ -function writeJsonSitemap() { - return new Promise((resolve, reject) => { - const sitemapObj = readSitemapYaml(); - fs.writeFile(`${paths.idsWebsite.dist}/sitemap.json`, JSON.stringify(sitemapObj), 'utf8', err => { - if (err) { - reject(err); - } else { - swlog.logTaskAction('Created', 'sitemap.json'); - resolve(); - } - }); - }); -} - -/** - * Convert/write the sitemap.yml as "components/index" for static docs - * @returns {Promise} - A promise - */ -function writeHtmlSitemap() { - return new Promise((resolve, reject) => { - const tocTemplate = handlebars.compile(fs.readFileSync(`${paths.templates.hbs}/toc.hbs`, 'utf-8')); - const sitemapObj = readSitemapYaml(); - const sitemapHtml = tocTemplate(sitemapObj); - - fs.writeFile(`${paths.static.components}/index.html`, sitemapHtml, 'utf8', err => { - if (err) { - reject(err); - } else { - swlog.logTaskAction('Created', 'sitemap.html'); - resolve(); - } - }); - }); -} - -/** - * Zip the documentation files and call the method to POST - */ -function zipAndDeploy() { - const zipStart = swlog.logTaskStart('zip json files'); - - // create a file to stream archive data to. - const output = fs.createWriteStream(`${paths.idsWebsite.dist}.zip`); - const archive = archiver('zip', { - zlib: { level: 9 } // Sets the compression level. - }); - - // listen for all archive data to be written - // 'close' event is fired only when a file descriptor is involved - output.on('close', () => { - swlog.logTaskAction('Zipped', `${archive.pointer()} total bytes`); - swlog.logTaskEnd(zipStart); - - if (argv.dryRun) { - console.log('\n!! NO PUBLISH - DRY RUN !!\n'); - statsConclusion(); - } else { - postZippedBundle(); - } - }); - - // This event is fired when the data source is drained no matter what was the data source. - // It is not part of this library but rather from the NodeJS Stream API. - // @see: https://nodejs.org/api/stream.html#stream_event_end - output.on('end', () => { - console.log('Data has been drained'); - }); - - // good practice to catch warnings (ie stat failures and other non-blocking errors) - archive.on('warning', err => { - if (err.code === 'ENOENT') { - // log warning - } else { - // throw error - throw err; - } - }); - - // good practice to catch this error explicitly - archive.on('error', err => { - throw err; - }); - - // pipe archive data to the file - archive.pipe(output); - - archive.directory(paths.idsWebsite.dist, false); - archive.finalize(); -} diff --git a/scripts/publish-docs/secrets.sh b/scripts/publish-docs/secrets.sh deleted file mode 100644 index 8b5feb2a2b..0000000000 --- a/scripts/publish-docs/secrets.sh +++ /dev/null @@ -1,11 +0,0 @@ -#!/bin/bash - -while read -r line; do declare -x "$line"; done < <(egrep -v "(^#|^\s|^$)" .env) - -echo "GITHUB_ACCESS_TOKEN ${GITHUB_ACCESS_TOKEN}" -echo -n ${GITHUB_ACCESS_TOKEN} | base64 -echo "" - -echo "DOCS_API_KEY ${DOCS_API_KEY}" -echo -n ${DOCS_API_KEY} | base64 -echo "" diff --git a/scripts/publish-docs/secrets/docs-api-key.yaml b/scripts/publish-docs/secrets/docs-api-key.yaml deleted file mode 100644 index 9fdc5585a2..0000000000 --- a/scripts/publish-docs/secrets/docs-api-key.yaml +++ /dev/null @@ -1,7 +0,0 @@ ---- -apiVersion: v1 -kind: Secret -metadata: - name: docs-api-key -data: - token: diff --git a/scripts/publish-docs/secrets/github-acccess-token.yaml b/scripts/publish-docs/secrets/github-acccess-token.yaml deleted file mode 100644 index 8c1e5c6709..0000000000 --- a/scripts/publish-docs/secrets/github-acccess-token.yaml +++ /dev/null @@ -1,7 +0,0 @@ ---- -apiVersion: v1 -kind: Secret -metadata: - name: github-access-token -data: - token: diff --git a/scripts/publish-docs/utils.sh b/scripts/publish-docs/utils.sh deleted file mode 100644 index b896d75504..0000000000 --- a/scripts/publish-docs/utils.sh +++ /dev/null @@ -1,20 +0,0 @@ -#!/bin/bash - -function exit_trap () { - local lc="$BASH_COMMAND" rc=$? - echo "Command [$lc] exited with code [$rc]" -} - -function check_required_vars() { - var_names=("$@") - for var_name in "${var_names[@]}"; do - [ -z "${!var_name}" ] && echo "$var_name is unset." && var_unset=true - done - [ -n "$var_unset" ] && exit 1 - return 0 -} - -function clean_clone_repo() { - rm -rf $4/{..?*,.[!.]*,*} 2>/dev/null - git clone https://$1@github.com/$2.git $4 -} diff --git a/scripts/publish-docs/workflow.yaml b/scripts/publish-docs/workflow.yaml deleted file mode 100644 index d1fdf85d4e..0000000000 --- a/scripts/publish-docs/workflow.yaml +++ /dev/null @@ -1,102 +0,0 @@ -apiVersion: argoproj.io/v1alpha1 -kind: Workflow -metadata: - generateName: enterprise-publish-docs-wf- -spec: - arguments: - parameters: - - name: site - value: "" - - name: build_from - value: "" - - name: app_repo - value: "" - - entrypoint: start - - podGC: - # Pod GC strategy must be one of the following: - # * OnPodCompletion - delete pods immediately when pod is completed (including errors/failures) - # * OnPodSuccess - delete pods immediately when pod is successful - # * OnWorkflowCompletion - delete pods when workflow is completed - # * OnWorkflowSuccess - delete pods when workflow is successful - strategy: OnWorkflowSuccess - - templates: - - name: start - steps: - - - name: release - template: release - arguments: - parameters: - - name: site - value: "{{workflow.parameters.site}}" - - name: branch - value: "{{workflow.parameters.branch}}" - - name: app_repo - value: "{{workflow.parameters.app_repo}}" - - name: release - inputs: - parameters: - - name: site - - name: branch - - name: app_repo - - resource: - action: create - successCondition: status.succeeded > 0 - failureCondition: status.failed > 0 - manifest: | - apiVersion: batch/v1 - kind: Job - metadata: - name: enterprise-publish-docs - spec: - ttlSecondsAfterFinished: 300 - backoffLimit: 0 - template: - spec: - restartPolicy: Never - nodeSelector: - eks.amazonaws.com/nodegroup: heavy - containers: - - name: enterprise-publish-docs - image: hookandloop/enterprise-publish-docs:0.0.1 - imagePullPolicy: Always - resources: - requests: - cpu: 500m - memory: 3Gi - env: - - name: GITHUB_ACCESS_TOKEN - valueFrom: - secretKeyRef: - name: github-access-token - key: token - - name: DOCS_API_KEY - valueFrom: - secretKeyRef: - name: docs-api-key - key: token - - name: DOCS_API_URL - value: "https://old.design.infor.com" - - name: SITE - value: "{{inputs.parameters.site}}" - - name: BUILD_FROM - value: "{{inputs.parameters.build_from}}" - - name: APP_REPO - value: "{{inputs.parameters.app_repo}}" - command: ["/bin/bash"] - args: [ - "-c", - ". ./run.sh" - ] - restartPolicy: Never - outputs: - parameters: - - name: job-name - valueFrom: - jsonPath: '{.metadata.name}' - - name: job-uid - valueFrom: - jsonPath: '{.metadata.uid}'