Skip to content

Commit

Permalink
4.7.5 release
Browse files Browse the repository at this point in the history
  • Loading branch information
enact-bot committed Sep 12, 2023
2 parents b57de38 + e01d17e commit a856157
Show file tree
Hide file tree
Showing 21 changed files with 2,724 additions and 1,413 deletions.
4 changes: 4 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,10 @@

The following is a curated list of changes in the Enact project, newest changes on the top.

## [4.7.5] - 2023-09-12

No significant changes.

## [4.7.4] - 2023-08-31

### Fixed
Expand Down
Binary file added docs/accessibility/Debugaria-Sampler.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
37 changes: 37 additions & 0 deletions docs/accessibility.md → docs/accessibility/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -87,3 +87,40 @@ const App = () => {
);
};
```

## Debug Accessibility

Enact also provides ways to debug these accessibility implementations.

### In Sampler

We provide a sampler in [UI COMPONENTS](https://enactjs.com/sampler/sandstone) that implements several UI components as [Storybook](https://storybook.js.org/).
If click the `debug aria` tab located at the top of the page of the sampler and select `true`, the ARIA properties of each component is displayed as shown in the image below.

![debug-aria in sampler](Debugaria-Sampler.png)

### In Enact App

This debug feature is designed to work if a class `debug aria` is given to any enact app.
So just add `debug aria` to className prop in your enact app to see the applied ARIA properties.

The following example demonstrates the usage of `debug aira` className.

```js
import ThemeDecorator from '@enact/sandstone/ThemeDecorator';

const AppBase = (props) => {
return (
<div {...props}>
...
</div>
);
};
const debugAppBase = () => {
return (
<AppBase className='debug aria' />
);
};
const App = ThemeDecorator(AppBase);
```

2 changes: 1 addition & 1 deletion docs/redux/redux-async.md
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@ function incrementAsync() {

### LS2Request Example

A combination of `redux-thunk` and `LS2Request` allows us to fetch and display data in a React component. `LS2Request` is a wrapper component for `PalmServiceBridge` and is available from `@enact/webos/LS2Request`. The following example shows a simple fetch routine.
A combination of `redux-thunk` and `LS2Request` allows us to fetch and display data in a React component. `LS2Request` is a wrapper component for `WebOSServiceBridge` and is available from `@enact/webos/LS2Request`. The following example shows a simple fetch routine.

At the root level, we use `<Provider />` to pass store down the component hierarchy.

Expand Down
2 changes: 1 addition & 1 deletion lerna.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"lerna": "4.0.0",
"version": "4.7.4",
"version": "4.7.5",
"command": {
"bootstrap": {
"ci": false,
Expand Down
Loading

0 comments on commit a856157

Please sign in to comment.