fix: table resize button aria label

awslabs · Dec 18, 2023 · 1618d50 · 1618d50
1 parent 3b30cd2
commit 1618d50
Show file tree

Hide file tree

Showing 7 changed files with 21 additions and 12 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -39,7 +39,7 @@
   "dependencies": {
     "@cloudscape-design/component-toolkit": "1.0.0-beta.26",
     "@cloudscape-design/collection-hooks": "1.0.22",
-    "@cloudscape-design/components": "3.0.415",
+    "@cloudscape-design/components": "3.0.421",
     "@cloudscape-design/design-tokens": "3.0.15",
     "@cloudscape-design/global-styles": "1.0.12"
   },
@@ -71,4 +71,4 @@
     "@types/react": "^18.0.28",
     "@types/react-dom": "^18.0.11"
   }
-}
+}
diff --git a/...orer/assetModelPropertiesExplorer/assetModelPropertiesTable/assetModelPropertiesTable.tsx b/...orer/assetModelPropertiesExplorer/assetModelPropertiesTable/assetModelPropertiesTable.tsx
@@ -133,6 +133,7 @@ export function AssetModelPropertiesTable({
         <AssetModelPropertiesTablePreferences preferences={preferences} updatePreferences={updatePreferences} />
       }
       ariaLabels={{
+        resizerRoleDescription: 'Resize button',
         itemSelectionLabel: (isNotSelected, assetModelProperty) =>
           isNotSelected
             ? `Select asset model property ${assetModelProperty.name}`

diff --git a/...tSiteWiseQueryEditor/modeledDataStreamQueryEditor/assetExplorer/assetTable/assetTable.tsx b/...tSiteWiseQueryEditor/modeledDataStreamQueryEditor/assetExplorer/assetTable/assetTable.tsx
@@ -128,6 +128,7 @@ export function AssetTable({
       }
       preferences={<AssetTablePreferences preferences={preferences} updatePreferences={updatePreferences} />}
       ariaLabels={{
+        resizerRoleDescription: 'Resize button',
         itemSelectionLabel: (isNotSelected, asset) =>
           isNotSelected ? `Select asset ${asset.name}` : `Deselect asset ${asset.name}`,
       }}

diff --git a/...amQueryEditor/modeledDataStreamExplorer/modeledDataStreamTable/modeledDataStreamTable.tsx b/...amQueryEditor/modeledDataStreamExplorer/modeledDataStreamTable/modeledDataStreamTable.tsx
@@ -175,7 +175,7 @@ export function ModeledDataStreamTable({
       ariaLabels={{
         itemSelectionLabel: ({ selectedItems }, modeledDataStream) =>
           propertySelectionLabel([...selectedItems], modeledDataStream),
-
+        resizerRoleDescription: 'Resize button',
         allItemsSelectionLabel: ({ selectedItems }) =>
           selectedItems.length !== items.length ? 'Select modeled data stream' : 'Deselect modeled data stream',
       }}

diff --git a/...yEditor/unmodeledDataStreamExplorer/unmodeledDataStreamTable/unmodeledDataStreamTable.tsx b/...yEditor/unmodeledDataStreamExplorer/unmodeledDataStreamTable/unmodeledDataStreamTable.tsx
@@ -270,6 +270,11 @@ export function UnmodeledDataStreamTable({
           }}
         />
       }
+      ariaLabels={{
+        resizerRoleDescription: 'Resize button',
+        allItemsSelectionLabel: ({ selectedItems }) =>
+          selectedItems.length !== items.length ? 'Select unmodeled data stream' : 'Deselect unmodeled data stream',
+      }}
     />
   );
 }
diff --git a/packages/react-components/package.json b/packages/react-components/package.json
@@ -98,7 +98,7 @@
   },
   "dependencies": {
     "@cloudscape-design/collection-hooks": "1.0.22",
-    "@cloudscape-design/components": "3.0.415",
+    "@cloudscape-design/components": "3.0.421",
     "@cloudscape-design/design-tokens": "3.0.15",
     "@iot-app-kit/charts": "2.1.2",
     "@iot-app-kit/charts-core": "2.1.2",
@@ -143,4 +143,4 @@
     "url": "https://github.com/awslabs/iot-app-kit/issues"
   },
   "homepage": "https://github.com/awslabs/iot-app-kit#readme"
-}
+}