@digigov/react-core 2.2.0 → 2.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +9 -1
- package/FileUpload/index.js +10 -0
- package/index.js +1 -1
- package/package.json +3 -3
- package/registry.d.ts +2 -2
- package/registry.js +4 -4
- package/src/FileUpload/__snapshots__/index.test.tsx.snap +2 -0
- package/src/FileUpload/index.tsx +11 -0
- package/src/registry.ts +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,9 +1,17 @@
|
|
|
1
1
|
# Change Log - @digigov/react-core
|
|
2
2
|
|
|
3
|
-
<!-- This log was last generated on
|
|
3
|
+
<!-- This log was last generated on Fri, 15 May 2026 10:38:56 GMT and should not be manually modified. -->
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 2.2.1
|
|
8
|
+
|
|
9
|
+
Fri, 15 May 2026 10:38:56 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- Fix keyboard a11y on FileUpload (sangelopoulos@admin.grnet.gr)
|
|
14
|
+
|
|
7
15
|
## 2.2.0
|
|
8
16
|
|
|
9
17
|
Thu, 14 May 2026 13:49:43 GMT
|
package/FileUpload/index.js
CHANGED
|
@@ -2,10 +2,20 @@ import react from "react";
|
|
|
2
2
|
import clsx from "clsx";
|
|
3
3
|
import Base from "../Base/index.js";
|
|
4
4
|
const FileUpload_FileUpload = /*#__PURE__*/ react.forwardRef(function({ name, className, children, disabled, hasFiles = false, variant = 'button', ...props }, ref) {
|
|
5
|
+
const handleKeyDown = (e)=>{
|
|
6
|
+
if (disabled) return;
|
|
7
|
+
if ('Enter' === e.key || ' ' === e.key) {
|
|
8
|
+
e.preventDefault();
|
|
9
|
+
e.currentTarget.click();
|
|
10
|
+
}
|
|
11
|
+
};
|
|
5
12
|
return /*#__PURE__*/ react.createElement(Base, {
|
|
6
13
|
as: "label",
|
|
7
14
|
tabIndex: 0,
|
|
8
15
|
role: "button",
|
|
16
|
+
"aria-disabled": disabled,
|
|
17
|
+
"aria-haspopup": "dialog",
|
|
18
|
+
onKeyDown: handleKeyDown,
|
|
9
19
|
className: clsx(className, {
|
|
10
20
|
'ds-label-file': true,
|
|
11
21
|
'ds-btn': !hasFiles && 'button' === variant,
|
package/index.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@digigov/react-core",
|
|
3
|
-
"version": "2.2.
|
|
3
|
+
"version": "2.2.1",
|
|
4
4
|
"description": "@digigov react core components",
|
|
5
5
|
"author": "GRNET Developers <devs@lists.grnet.gr>",
|
|
6
6
|
"license": "BSD-2-Clause",
|
|
@@ -17,8 +17,8 @@
|
|
|
17
17
|
"react-native-svg": "^15.2.0",
|
|
18
18
|
"expo-router": "^3.5.14",
|
|
19
19
|
"nativewind": "^4.1.1",
|
|
20
|
-
"@digigov/css": "2.2.
|
|
21
|
-
"@digigov/react-icons": "2.2.
|
|
20
|
+
"@digigov/css": "2.2.1",
|
|
21
|
+
"@digigov/react-icons": "2.2.1"
|
|
22
22
|
},
|
|
23
23
|
"peerDependenciesMeta": {
|
|
24
24
|
"react-native": {
|
package/registry.d.ts
CHANGED
|
@@ -14,11 +14,11 @@ declare const _default: {
|
|
|
14
14
|
'@digigov/react-core/AdminHeaderContent': {};
|
|
15
15
|
'@digigov/react-core/AdminLayout': {};
|
|
16
16
|
'@digigov/react-core/AdminMain': {};
|
|
17
|
-
'@digigov/react-core/Aside': {};
|
|
18
17
|
'@digigov/react-core/AdminTopSection': {};
|
|
18
|
+
'@digigov/react-core/Aside': {};
|
|
19
19
|
'@digigov/react-core/AutoCompleteAssistiveHint': {};
|
|
20
|
-
'@digigov/react-core/AutoCompleteInputBase': {};
|
|
21
20
|
'@digigov/react-core/AutoCompleteContainer': {};
|
|
21
|
+
'@digigov/react-core/AutoCompleteInputBase': {};
|
|
22
22
|
'@digigov/react-core/AutoCompleteMultipleInput': {};
|
|
23
23
|
'@digigov/react-core/AutoCompleteMultipleInputContainer': {};
|
|
24
24
|
'@digigov/react-core/AutoCompleteResultList': {};
|
package/registry.js
CHANGED
|
@@ -13,11 +13,11 @@ import * as __WEBPACK_EXTERNAL_MODULE__AdminHeader_index_js_b73c276d__ from "./A
|
|
|
13
13
|
import * as __WEBPACK_EXTERNAL_MODULE__AdminHeaderContent_index_js_622fcf4b__ from "./AdminHeaderContent/index.js";
|
|
14
14
|
import * as __WEBPACK_EXTERNAL_MODULE__AdminLayout_index_js_ffb21cc1__ from "./AdminLayout/index.js";
|
|
15
15
|
import * as __WEBPACK_EXTERNAL_MODULE__AdminMain_index_js_dbf027ab__ from "./AdminMain/index.js";
|
|
16
|
-
import * as __WEBPACK_EXTERNAL_MODULE__Aside_index_js_3c9c3129__ from "./Aside/index.js";
|
|
17
16
|
import * as __WEBPACK_EXTERNAL_MODULE__AdminTopSection_index_js_e05fc66d__ from "./AdminTopSection/index.js";
|
|
17
|
+
import * as __WEBPACK_EXTERNAL_MODULE__Aside_index_js_3c9c3129__ from "./Aside/index.js";
|
|
18
18
|
import * as __WEBPACK_EXTERNAL_MODULE__AutoCompleteAssistiveHint_index_js_4bdf4eb4__ from "./AutoCompleteAssistiveHint/index.js";
|
|
19
|
-
import * as __WEBPACK_EXTERNAL_MODULE__AutoCompleteInputBase_index_js_a8a91daa__ from "./AutoCompleteInputBase/index.js";
|
|
20
19
|
import * as __WEBPACK_EXTERNAL_MODULE__AutoCompleteContainer_index_js_0a4eabc6__ from "./AutoCompleteContainer/index.js";
|
|
20
|
+
import * as __WEBPACK_EXTERNAL_MODULE__AutoCompleteInputBase_index_js_a8a91daa__ from "./AutoCompleteInputBase/index.js";
|
|
21
21
|
import * as __WEBPACK_EXTERNAL_MODULE__AutoCompleteMultipleInput_index_js_2d007a9f__ from "./AutoCompleteMultipleInput/index.js";
|
|
22
22
|
import * as __WEBPACK_EXTERNAL_MODULE__AutoCompleteMultipleInputContainer_index_js_21cb6c3b__ from "./AutoCompleteMultipleInputContainer/index.js";
|
|
23
23
|
import * as __WEBPACK_EXTERNAL_MODULE__AutoCompleteResultList_index_js_a3f3ae52__ from "./AutoCompleteResultList/index.js";
|
|
@@ -287,11 +287,11 @@ const registry = {
|
|
|
287
287
|
'@digigov/react-core/AdminHeaderContent': lazyImport(__WEBPACK_EXTERNAL_MODULE__AdminHeaderContent_index_js_622fcf4b__),
|
|
288
288
|
'@digigov/react-core/AdminLayout': lazyImport(__WEBPACK_EXTERNAL_MODULE__AdminLayout_index_js_ffb21cc1__),
|
|
289
289
|
'@digigov/react-core/AdminMain': lazyImport(__WEBPACK_EXTERNAL_MODULE__AdminMain_index_js_dbf027ab__),
|
|
290
|
-
'@digigov/react-core/Aside': lazyImport(__WEBPACK_EXTERNAL_MODULE__Aside_index_js_3c9c3129__),
|
|
291
290
|
'@digigov/react-core/AdminTopSection': lazyImport(__WEBPACK_EXTERNAL_MODULE__AdminTopSection_index_js_e05fc66d__),
|
|
291
|
+
'@digigov/react-core/Aside': lazyImport(__WEBPACK_EXTERNAL_MODULE__Aside_index_js_3c9c3129__),
|
|
292
292
|
'@digigov/react-core/AutoCompleteAssistiveHint': lazyImport(__WEBPACK_EXTERNAL_MODULE__AutoCompleteAssistiveHint_index_js_4bdf4eb4__),
|
|
293
|
-
'@digigov/react-core/AutoCompleteInputBase': lazyImport(__WEBPACK_EXTERNAL_MODULE__AutoCompleteInputBase_index_js_a8a91daa__),
|
|
294
293
|
'@digigov/react-core/AutoCompleteContainer': lazyImport(__WEBPACK_EXTERNAL_MODULE__AutoCompleteContainer_index_js_0a4eabc6__),
|
|
294
|
+
'@digigov/react-core/AutoCompleteInputBase': lazyImport(__WEBPACK_EXTERNAL_MODULE__AutoCompleteInputBase_index_js_a8a91daa__),
|
|
295
295
|
'@digigov/react-core/AutoCompleteMultipleInput': lazyImport(__WEBPACK_EXTERNAL_MODULE__AutoCompleteMultipleInput_index_js_2d007a9f__),
|
|
296
296
|
'@digigov/react-core/AutoCompleteMultipleInputContainer': lazyImport(__WEBPACK_EXTERNAL_MODULE__AutoCompleteMultipleInputContainer_index_js_21cb6c3b__),
|
|
297
297
|
'@digigov/react-core/AutoCompleteResultList': lazyImport(__WEBPACK_EXTERNAL_MODULE__AutoCompleteResultList_index_js_a3f3ae52__),
|
|
@@ -4,6 +4,7 @@ exports[`renders the FileUpload with name prop 1`] = `
|
|
|
4
4
|
<body>
|
|
5
5
|
<div>
|
|
6
6
|
<label
|
|
7
|
+
aria-haspopup="dialog"
|
|
7
8
|
class="ds-label-file ds-btn ds-btn-secondary"
|
|
8
9
|
role="button"
|
|
9
10
|
tabindex="0"
|
|
@@ -22,6 +23,7 @@ exports[`renders the FileUpload with no props 1`] = `
|
|
|
22
23
|
<body>
|
|
23
24
|
<div>
|
|
24
25
|
<label
|
|
26
|
+
aria-haspopup="dialog"
|
|
25
27
|
class="ds-label-file ds-btn ds-btn-secondary"
|
|
26
28
|
role="button"
|
|
27
29
|
tabindex="0"
|
package/src/FileUpload/index.tsx
CHANGED
|
@@ -36,11 +36,22 @@ export const FileUpload = React.forwardRef<HTMLInputElement, FileUploadProps>(
|
|
|
36
36
|
},
|
|
37
37
|
ref
|
|
38
38
|
) {
|
|
39
|
+
const handleKeyDown = (e: React.KeyboardEvent<HTMLLabelElement>) => {
|
|
40
|
+
if (disabled) return;
|
|
41
|
+
if (e.key === 'Enter' || e.key === ' ') {
|
|
42
|
+
e.preventDefault();
|
|
43
|
+
e.currentTarget.click();
|
|
44
|
+
}
|
|
45
|
+
};
|
|
46
|
+
|
|
39
47
|
return (
|
|
40
48
|
<Base
|
|
41
49
|
as="label"
|
|
42
50
|
tabIndex={0}
|
|
43
51
|
role="button"
|
|
52
|
+
aria-disabled={disabled}
|
|
53
|
+
aria-haspopup="dialog"
|
|
54
|
+
onKeyDown={handleKeyDown}
|
|
44
55
|
className={clsx(className, {
|
|
45
56
|
'ds-label-file': true,
|
|
46
57
|
'ds-btn': !hasFiles && variant === 'button',
|
package/src/registry.ts
CHANGED
|
@@ -14,11 +14,11 @@ import * as _digigov_react_core_AdminHeader from "@digigov/react-core/AdminHeade
|
|
|
14
14
|
import * as _digigov_react_core_AdminHeaderContent from "@digigov/react-core/AdminHeaderContent";
|
|
15
15
|
import * as _digigov_react_core_AdminLayout from "@digigov/react-core/AdminLayout";
|
|
16
16
|
import * as _digigov_react_core_AdminMain from "@digigov/react-core/AdminMain";
|
|
17
|
-
import * as _digigov_react_core_Aside from "@digigov/react-core/Aside";
|
|
18
17
|
import * as _digigov_react_core_AdminTopSection from "@digigov/react-core/AdminTopSection";
|
|
18
|
+
import * as _digigov_react_core_Aside from "@digigov/react-core/Aside";
|
|
19
19
|
import * as _digigov_react_core_AutoCompleteAssistiveHint from "@digigov/react-core/AutoCompleteAssistiveHint";
|
|
20
|
-
import * as _digigov_react_core_AutoCompleteInputBase from "@digigov/react-core/AutoCompleteInputBase";
|
|
21
20
|
import * as _digigov_react_core_AutoCompleteContainer from "@digigov/react-core/AutoCompleteContainer";
|
|
21
|
+
import * as _digigov_react_core_AutoCompleteInputBase from "@digigov/react-core/AutoCompleteInputBase";
|
|
22
22
|
import * as _digigov_react_core_AutoCompleteMultipleInput from "@digigov/react-core/AutoCompleteMultipleInput";
|
|
23
23
|
import * as _digigov_react_core_AutoCompleteMultipleInputContainer from "@digigov/react-core/AutoCompleteMultipleInputContainer";
|
|
24
24
|
import * as _digigov_react_core_AutoCompleteResultList from "@digigov/react-core/AutoCompleteResultList";
|
|
@@ -297,11 +297,11 @@ export default {
|
|
|
297
297
|
'@digigov/react-core/AdminHeaderContent': lazyImport(_digigov_react_core_AdminHeaderContent),
|
|
298
298
|
'@digigov/react-core/AdminLayout': lazyImport(_digigov_react_core_AdminLayout),
|
|
299
299
|
'@digigov/react-core/AdminMain': lazyImport(_digigov_react_core_AdminMain),
|
|
300
|
-
'@digigov/react-core/Aside': lazyImport(_digigov_react_core_Aside),
|
|
301
300
|
'@digigov/react-core/AdminTopSection': lazyImport(_digigov_react_core_AdminTopSection),
|
|
301
|
+
'@digigov/react-core/Aside': lazyImport(_digigov_react_core_Aside),
|
|
302
302
|
'@digigov/react-core/AutoCompleteAssistiveHint': lazyImport(_digigov_react_core_AutoCompleteAssistiveHint),
|
|
303
|
-
'@digigov/react-core/AutoCompleteInputBase': lazyImport(_digigov_react_core_AutoCompleteInputBase),
|
|
304
303
|
'@digigov/react-core/AutoCompleteContainer': lazyImport(_digigov_react_core_AutoCompleteContainer),
|
|
304
|
+
'@digigov/react-core/AutoCompleteInputBase': lazyImport(_digigov_react_core_AutoCompleteInputBase),
|
|
305
305
|
'@digigov/react-core/AutoCompleteMultipleInput': lazyImport(_digigov_react_core_AutoCompleteMultipleInput),
|
|
306
306
|
'@digigov/react-core/AutoCompleteMultipleInputContainer': lazyImport(_digigov_react_core_AutoCompleteMultipleInputContainer),
|
|
307
307
|
'@digigov/react-core/AutoCompleteResultList': lazyImport(_digigov_react_core_AutoCompleteResultList),
|