merge v1.5.0 onto mainline (#827)

* Fix the Save functionality in Edit Table/Chart (#795)

* Programatically associate labels with their corresponding component (#797)

* Makes interactive legends accessible and programmatically available (#796)

* Make interactive legends accessible and programmatically available

* Remove unused code

* Move common function to a new component

* Add aria-role alert for Alert component. (#798)

Co-authored-by: Miguel Abreu <[email protected]>

* Fix numbering logic (#799)

Co-authored-by: Miguel Abreu <[email protected]>

* Move Table of Content position to content view area (#800)

* Update Table of Content position to content view area

* Align table of content first item with first widget header

Co-authored-by: Miguel Abreu <[email protected]>

* Improve the search functionality's user experience and accessibility (#802)

* Add support for persistent search and search accessibility

* Add a styles file and move style related settings there.

* Improve accessibility of text areas and table buttons (#806)

* Miguel.abreu/gtt 1887 move preview below form (#808)

* Fix Add/Edit Test form responsive design

* Fix Add/Edit Metrics form responsive design

* Fix Add/Edit Chart/Table views

* Fix Section/Image Add/Edit forms

* Minor fix

Co-authored-by: Miguel Abreu <[email protected]>

* Replace content header with h2 (#809)

* Replace content header with h2

* Minor fix

* Update DashboardHeader.test.tsx.snap

Co-authored-by: Miguel Abreu <[email protected]>

* Update version to 1.4.0 (#807)

* Update version to 1.4.0

* Update version to 1.4.0

* GTT-1906: Update minimist version per dependabot (#811)

* Update minimist version per dependabot

* revert changes to cdk/package-lock.json

* Miguel.abreu/gtt 1885 (#812)

* Update drag icon and move widget type to the right

* Update WidgetList actions layout

* Update Metric list layout

* minor fix

* Add Edit metric functionality

* Fix section items margin

* Minor fix

Co-authored-by: Miguel Abreu <[email protected]>

* Miguel.abreu/gtt 1899 show full date (#813)

* Show dates in short format

* Minor fix

* Fix translation

* Minor fix

Co-authored-by: Miguel Abreu <[email protected]>

* Associate hints with inputs for accessibility (#814)

* Move required logic to outside of the react form validation (#815)

Co-authored-by: Miguel Abreu <[email protected]>

* feat: fix search button contrast color (#816)

Co-authored-by: Miguel Abreu <[email protected]>

* Add support for the new table pagination layout (#817)

* Add support for pagination

* Changes based on review and feedback

* Fix examples build process (#819)

Co-authored-by: Miguel Abreu <[email protected]>

* Make pagination more accessible and USWDS compliant (#821)

* Improve the layout of the add/edit metric screen (#822)

* Improve the layout of the add/edit metric screen

* Changes based on reviewer's feedback

* Fixes

* Update Combobox.test.tsx.snap

* Update Combobox.test.tsx.snap

* Miguel.abreu/gtt 1920 refactor publish workflow (#823)

* fix: security alert

https://github.com/awslabs/performance-dashboard-on-aws/security/dependabot/50

* feature: create publish dashboard modal

* chore: remove pending views and functionality

* fix: mobile layout for publish dashboard modal

Co-authored-by: Miguel Abreu <[email protected]>

* Add a hover state to tabs and make topic areas hidden by default (#824)

* Add hover state to tabs and make topic areas hidden by default

* Add hover state to vertical tabs

* Release 1.5.0

* Update CHANGELOG.md

* Update README.md

Co-authored-by: Miguel Alfonso Abreu Ortega <[email protected]>
Co-authored-by: Miguel Abreu <[email protected]>
Co-authored-by: Triet <[email protected]>

Author: 4 people

CHANGELOG.md

@@ -5,6 +5,27 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.5.0] - 2022-06-08
+
+- Made improvements to meet WCAG accessibility requirements
+  - Pagination
+  - Fix contrast colors in multiple components
+  - Associate hints with inputs
+  - Improve accessibility of text areas and table buttons
+  - Improve the search functionality's user experience and accessibility
+  - Add aria-role alert for Alert component
+  - Makes interactive legends accessible and programmatically available
+  - Add programmatic status messages to tables
+  - Make modal experience more accessible
+- Add a hover state to tabs and make topic areas hidden by default
+- Improve the layout of the add/edit metric screen
+- Add support for the new table pagination layout
+- Fix numbering logic
+- Fix the Save functionality in Edit Table/Chart
+- Perform html escape on the returned error message
+- Improves the UX for the CheckData component
+- Updated dependency libraries to address potential security vulnerabilities
+
 ## [1.3.0] - 2022-03-07
 
 - Made improvements to meet WCAG accessibility requirements

README.md

@@ -33,7 +33,7 @@ PDoA comes with pre-built code to provision an instance in your AWS account. You
 
 | Region               | Launch                                                                                                                                                                                                                                                                                                                             |
 | -------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| Install in us-east-1 | [![Install in us-east-1](docs/images/launch-stack.svg)](https://console.aws.amazon.com/cloudformation/home?region=us-east-1#/stacks/quickcreate?templateURL=https://performance-dashboard-on-aws-solution-releases-us-west-2.s3.us-west-2.amazonaws.com/performance-dashboard-on-aws/v1.3.0/performance-dashboard-on-aws.template) |
+| Install in us-east-1 | [![Install in us-east-1](docs/images/launch-stack.svg)](https://console.aws.amazon.com/cloudformation/home?region=us-east-1#/stacks/quickcreate?templateURL=https://performance-dashboard-on-aws-solution-releases-us-west-2.s3.us-west-2.amazonaws.com/performance-dashboard-on-aws/v1.5.0/performance-dashboard-on-aws.template) |
 
 ### Clone this repository
 

backend/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "performance-dashboard-backend",
-  "version": "1.3.0",
+  "version": "1.5.0",
   "description": "Performance Dashboard on AWS Backend",
   "awssdkUserAgent": "AwsSolution/SO0157/v",
   "scripts": {

backend/package.json

@@ -198,6 +198,7 @@ async function publishDashboard(req: Request, res: Response) {
   const dashboard = await repo.getDashboardById(id);
 
   if (
+    dashboard.state !== DashboardState.Draft &&
     dashboard.state !== DashboardState.PublishPending &&
     dashboard.state !== DashboardState.Archived
   ) {
@@ -227,6 +228,9 @@ async function publishDashboard(req: Request, res: Response) {
   return res.send();
 }
 
+/**
+ * @deprecated Removing the pending state from the dashboard
+ */
 async function publishPendingDashboard(req: Request, res: Response) {
   const user = req.user;
   const { id } = req.params;

backend/src/lib/controllers/dashboard-ctrl.ts

@@ -6,6 +6,10 @@ export enum DashboardState {
   Draft = "Draft",
   Published = "Published",
   Archived = "Archived",
+  /**
+   * @type {string}
+   * @deprecated in favor of {@link Draft}
+   */
   PublishPending = "PublishPending",
   Inactive = "Inactive",
 }

backend/src/lib/models/dashboard.ts

@@ -297,6 +297,7 @@ class DashboardRepository extends BaseRepository {
   /**
    * Set a Dashboard identified by the param `dashboardId` to publish pending state.
    * Returns the updated dashboard object.
+   * @deprecated Removing the pending state from the dashboard
    */
   public async publishPendingDashboard(
     dashboardId: string,

backend/src/lib/repositories/dashboard-repo.ts

@@ -55,6 +55,9 @@ async function isFriendlyURLAvailable(
   dashboard: Dashboard,
   friendlyURL: string
 ) {
+  if (friendlyURL.toLowerCase().trim() === "admin") {
+    return false;
+  }
   try {
     const repo = DashboardRepository.getInstance();
     const existingDashboard = await repo.getDashboardByFriendlyURL(friendlyURL);

backend/src/lib/services/friendlyurl-service.ts

@@ -1,6 +1,6 @@
 {
   "name": "performance-dashboard-cdk",
-  "version": "1.3.0",
+  "version": "1.5.0",
   "description": "Performance Dashboard on AWS CDK",
   "bin": {
     "cdk": "bin/main.js"