Skip to content

Commit a6afb45

Browse files
ArakTaiRothArakTaiRoth
authored
Merge pull request #462 from GovAlta/alpha
Production Release - Nov 28 / 2025
2 parents 0bb48a8 + 5770d5a commit a6afb45

36 files changed

Lines changed: 854 additions & 584 deletions

‎package-lock.json‎

Lines changed: 32 additions & 19 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -12,9 +12,9 @@
1212
"prettier": "npx prettier . --write"
1313
},
1414
"dependencies": {
15-
"@abgov/react-components": "6.9.0-alpha.2",
16-
"@abgov/ui-components-common": "1.9.0-alpha.1",
17-
"@abgov/web-components": "1.39.0-alpha.2",
15+
"@abgov/react-components": "6.9.3-next.1",
16+
"@abgov/ui-components-common": "1.9.1-next.1",
17+
"@abgov/web-components": "1.39.3-next.1",
1818
"@faker-js/faker": "^8.3.1",
1919
"highlight.js": "^11.8.0",
2020
"js-cookie": "^3.0.5",
@@ -37,7 +37,7 @@
3737
"eslint-plugin-react-refresh": "^0.3.5",
3838
"prettier": "2.4.1",
3939
"typescript": "^5.4.2",
40-
"vite": "^5.4.19",
40+
"vite": "^5.4.21",
4141
"lodash": "^4.17.21",
4242
"@types/lodash": "^4.17.16"
4343
}

‎src/App.tsx‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -40,6 +40,7 @@ import BugVerificationPage from "@routes/get-started/developers/BugVerification"
4040
import GetStartedLayout from "@routes/get-started/GetStartedLayout";
4141
import GetStartedOverviewPage from "@routes/get-started/GetStartedOverview";
4242
import QATestingOverviewPage from "@routes/get-started/qa-testing/QATestingOverview";
43+
import AutomatedAccessibilityPage from "@routes/get-started/AutomatedAccessibility";
4344
import ComponentLifecyclePage from "@routes/get-started/ComponentLifecycle";
4445
import ContributePage from "@routes/get-started/Contribute";
4546
import SupportPage from "@routes/get-started/Support";
@@ -115,6 +116,9 @@ const router = createBrowserRouter(
115116
<Route path="qa-testing">
116117
<Route index element={<QATestingOverviewPage />} />
117118
</Route>
119+
<Route path="automated-accessibility">
120+
<Route index element={<AutomatedAccessibilityPage />} />
121+
</Route>
118122
<Route path="component-lifecycle" element={<ComponentLifecyclePage />} />
119123
<Route path="lts-policy">
120124
<Route index element={<LtsPolicyPage />} />

‎src/components/sandbox/AngularReactiveSerializer.ts‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -102,7 +102,11 @@ export class AngularReactiveSerializer extends BaseSerializer implements Seriali
102102
}
103103
const currentPrefix = "Goab";
104104
const oldPrefix = "goa";
105-
const tail = name.replace(currentPrefix, "");
105+
let tail = name.replace(currentPrefix, "");
106+
107+
if (tail === "TextArea" && this.version === "new") {
108+
tail = "Textarea"
109+
}
106110

107111
if (this.version === "old") {
108112
return `${oldPrefix}-${this.dasherize(tail)}`;

‎src/components/sandbox/AngularSerializer.ts‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -94,6 +94,9 @@ export class AngularSerializer extends BaseSerializer implements Serializer {
9494
if (tail === "OneColumnLayout" && this.version === "new") {
9595
tail = "ColumnLayout";
9696
}
97+
if (tail === "TextArea" && this.version === "new") {
98+
tail = "Textarea"
99+
}
97100
return `${this.version === "old" ? "goa" : "goab"}-${this.dasherize(tail)}`;
98101
}
99102

‎src/examples/add-a-filter-chip.tsx‎

Lines changed: 14 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -64,12 +64,13 @@ export const AddAFilterChip = () => {
6464
allowCopy={true}
6565
code={`
6666
<div>
67-
<goa-filter-chip
68-
*ngFor="let filter of activeFilters"
69-
[content]="filter"
70-
(_click)="removeFilter(filter)"
71-
mr="s">
72-
</goa-filter-chip>
67+
@for (filter of activeFilters; track filter) {
68+
<goa-filter-chip
69+
[content]="filter"
70+
(_click)="removeFilter(filter)"
71+
mr="s">
72+
</goa-filter-chip>
73+
}
7374
</div>
7475
<goa-button-group alignment="center" mt="l">
7576
<goa-button (click)="addFilter()">Add Random Filter</goa-button>
@@ -84,12 +85,13 @@ export const AddAFilterChip = () => {
8485
allowCopy={true}
8586
code={`
8687
<div>
87-
<goab-filter-chip
88-
*ngFor="let filter of activeFilters"
89-
[content]="filter"
90-
(onClick)="removeFilter(filter)"
91-
mr="s">
92-
</goab-filter-chip>
88+
@for (filter of activeFilters; track filter) {
89+
<goab-filter-chip
90+
[content]="filter"
91+
(onClick)="removeFilter(filter)"
92+
mr="s">
93+
</goab-filter-chip>
94+
}
9395
</div>
9496
<goab-button-group alignment="center" mt="l">
9597
<goab-button (onClick)="addFilter()">Add Random Filter</goab-button>

‎src/examples/add-another-item-in-a-modal.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import {
44
GoabContainer,
55
GoabDropdown, GoabDropdownItem,
66
GoabFormItem, GoabInput,
7-
GoabModal, GoabTextarea
7+
GoabModal, GoabTextArea
88
} from "@abgov/react-components";
99
import { CodeSnippet } from "@components/code-snippet/CodeSnippet.tsx";
1010
import { useContext, useState } from "react";
@@ -66,12 +66,12 @@ export const AddAnotherItemInAModal = () => {
6666
name="name"></GoabInput>
6767
</GoabFormItem>
6868
<GoabFormItem label="Description" mt="xs">
69-
<GoabTextarea
69+
<GoabTextArea
7070
name="description"
7171
width="80%"
7272
rows={2}
7373
onChange={onChangeDescription}
74-
value={description}></GoabTextarea>
74+
value={description}></GoabTextArea>
7575
</GoabFormItem>
7676
</GoabModal>
7777
</GoabContainer>

‎src/examples/ask-a-long-answer-question-with-a-maximum-word-count.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import { Sandbox } from "@components/sandbox";
22
import {
33
GoabFormItem,
4-
GoabTextarea
4+
GoabTextArea
55
} from "@abgov/react-components";
66

77
export const AskALongAnswerQuestionWithAMaximumWordCount = () => {
@@ -13,7 +13,7 @@ export const AskALongAnswerQuestionWithAMaximumWordCount = () => {
1313
<GoabFormItem
1414
label="Provide more detail"
1515
helpText="Do not include personal or financial information, like your National Insurance number or credit card details.">
16-
<GoabTextarea name="program" onChange={noop} width="100%" rows={6} maxCount={500} countBy={"word"} />
16+
<GoabTextArea name="program" onChange={noop} width="100%" rows={6} maxCount={500} countBy={"word"} />
1717
</GoabFormItem>
1818

1919
</Sandbox>

‎src/examples/compact-buttons-in-a-table.tsx‎

Lines changed: 28 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -359,18 +359,20 @@ export const CompactButtonsInATable = () => {
359359
</tr>
360360
</thead>
361361
<tbody>
362-
<tr *ngFor="let user of pageUsers; index as i">
363-
<td>{{ user.firstName }}</td>
364-
<td>{{ user.lastName }}</td>
365-
<td class="goa-table-number-column">12345667</td>
366-
<td>
367-
<goa-button-group alignment="center">
368-
<goa-button type="tertiary" size="compact" (_click)="onClick($event)">
369-
View
370-
</goa-button>
371-
</goa-button-group>
372-
</td>
373-
</tr>
362+
@for (user of pageUsers; track $index) {
363+
<tr>
364+
<td>{{ user.firstName }}</td>
365+
<td>{{ user.lastName }}</td>
366+
<td class="goa-table-number-column">12345667</td>
367+
<td>
368+
<goa-button-group alignment="center">
369+
<goa-button type="tertiary" size="compact" (_click)="onClick($event)">
370+
View
371+
</goa-button>
372+
</goa-button-group>
373+
</td>
374+
</tr>
375+
}
374376
</tbody>
375377
</goa-table>
376378
@@ -400,18 +402,20 @@ export const CompactButtonsInATable = () => {
400402
</tr>
401403
</thead>
402404
<tbody>
403-
<tr *ngFor="let user of pageUsers; index as i">
404-
<td>{{ user.firstName }}</td>
405-
<td>{{ user.lastName }}</td>
406-
<td class="goa-table-number-column">12345667</td>
407-
<td>
408-
<goab-button-group alignment="center">
409-
<goab-button type="tertiary" size="compact" (onClick)="onClick()">
410-
View
411-
</goab-button>
412-
</goab-button-group>
413-
</td>
414-
</tr>
405+
@for (user of pageUsers; track $index) {
406+
<tr>
407+
<td>{{ user.firstName }}</td>
408+
<td>{{ user.lastName }}</td>
409+
<td class="goa-table-number-column">12345667</td>
410+
<td>
411+
<goab-button-group alignment="center">
412+
<goab-button type="tertiary" size="compact" (onClick)="onClick()">
413+
View
414+
</goab-button>
415+
</goab-button-group>
416+
</td>
417+
</tr>
418+
}
415419
</tbody>
416420
</goab-table>
417421

0 commit comments

Comments
 (0)