@react-native-aria/utils 0.2.10 → 0.2.11
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 +7 -0
- package/lib/commonjs/ariaToAccessibilityMap.js +15 -20
- package/lib/commonjs/ariaToAccessibilityMap.js.map +1 -1
- package/lib/commonjs/index.js +13 -26
- package/lib/commonjs/index.js.map +1 -1
- package/lib/module/ariaToAccessibilityMap.js +14 -10
- package/lib/module/ariaToAccessibilityMap.js.map +1 -1
- package/lib/module/index.js +2 -4
- package/lib/module/index.js.map +1 -1
- package/lib/typescript/ariaToAccessibilityMap.d.ts +1 -0
- package/lib/typescript/ariaToAccessibilityMap.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +1 -0
- package/lib/typescript/index.d.ts.map +1 -0
- package/package.json +7 -3
- package/src/ariaToAccessibilityMap.ts +4 -3
package/CHANGELOG.md
ADDED
@@ -4,12 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.useMapDomPropsToRN = exports.mapDomPropsToRN = exports.ariaToAccessibilityMap = void 0;
|
7
|
-
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
9
|
-
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
11
|
-
|
12
|
-
const ariaToAccessibilityMap = {
|
9
|
+
const ariaToAccessibilityMap = exports.ariaToAccessibilityMap = {
|
13
10
|
'aria-activedescendant': 'accessibilityActiveDescendant',
|
14
11
|
'aria-atomic': 'accessibilityAtomic',
|
15
12
|
'aria-autocomplete': 'accessibilityAutoComplete',
|
@@ -53,49 +50,47 @@ const ariaToAccessibilityMap = {
|
|
53
50
|
'aria-valuemin': 'accessibilityValueMin',
|
54
51
|
'aria-valuenow': 'accessibilityValueNow',
|
55
52
|
'aria-valuetext': 'accessibilityValueText'
|
56
|
-
};
|
57
|
-
|
58
|
-
exports.ariaToAccessibilityMap = ariaToAccessibilityMap;
|
53
|
+
};
|
59
54
|
|
55
|
+
// Refer - https://necolas.github.io/react-native-web/docs/accessibility/
|
60
56
|
const mapDomPropsToRN = props => {
|
61
|
-
let newProps = {
|
62
|
-
|
57
|
+
let newProps = {
|
58
|
+
...props
|
59
|
+
};
|
60
|
+
|
61
|
+
// use the below hook for tabIndex
|
63
62
|
// useMapDomPropsToRN
|
64
63
|
// if (props.tabIndex === '-1' || props.tabIndex === -1) {
|
65
64
|
// newProps.focusable = false;
|
66
65
|
// }
|
67
66
|
|
68
|
-
if (props.id) {
|
69
|
-
|
70
|
-
}
|
67
|
+
// if (props.id) {
|
68
|
+
// newProps.id = props.id;
|
69
|
+
// }
|
71
70
|
|
72
71
|
for (let key in props) {
|
73
72
|
if (key.indexOf('data-') > -1) {
|
74
73
|
if (!newProps.dataSet) {
|
75
74
|
newProps.dataSet = {};
|
76
75
|
}
|
77
|
-
|
78
76
|
newProps.dataSet[key.split('data-')[1]] = props[key];
|
79
77
|
}
|
80
78
|
}
|
81
|
-
|
82
79
|
return newProps;
|
83
|
-
};
|
80
|
+
};
|
81
|
+
|
82
|
+
// RN web currently doesn't allow setting tabIndex via props, so need to be set using setNativeProps or ref
|
84
83
|
// https://github.com/necolas/react-native-web/issues/1916
|
85
84
|
// https://github.com/necolas/react-native-web/issues/1099
|
86
|
-
|
87
|
-
|
88
85
|
exports.mapDomPropsToRN = mapDomPropsToRN;
|
89
|
-
|
90
86
|
const useMapDomPropsToRN = (props, ref) => {
|
91
87
|
_react.default.useEffect(() => {
|
92
88
|
if (ref.current) {
|
93
89
|
ref.current.tabIndex = props.tabIndex;
|
94
90
|
}
|
91
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
95
92
|
}, [props.tabIndex]);
|
96
|
-
|
97
93
|
return mapDomPropsToRN(props);
|
98
94
|
};
|
99
|
-
|
100
95
|
exports.useMapDomPropsToRN = useMapDomPropsToRN;
|
101
96
|
//# sourceMappingURL=ariaToAccessibilityMap.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","obj","__esModule","default","ariaToAccessibilityMap","exports","mapDomPropsToRN","props","newProps","key","indexOf","dataSet","split","useMapDomPropsToRN","ref","React","useEffect","current","tabIndex"],"sourceRoot":"../../src","sources":["ariaToAccessibilityMap.ts"],"mappings":"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"}
|
package/lib/commonjs/index.js
CHANGED
@@ -14,18 +14,13 @@ var _exportNames = {
|
|
14
14
|
SSRProvider: true,
|
15
15
|
useIsSSR: true
|
16
16
|
};
|
17
|
-
Object.defineProperty(exports, "
|
18
|
-
enumerable: true,
|
19
|
-
get: function () {
|
20
|
-
return _utils.useId;
|
21
|
-
}
|
22
|
-
});
|
23
|
-
Object.defineProperty(exports, "useLayoutEffect", {
|
17
|
+
Object.defineProperty(exports, "SSRProvider", {
|
24
18
|
enumerable: true,
|
25
19
|
get: function () {
|
26
|
-
return
|
20
|
+
return _ssr.SSRProvider;
|
27
21
|
}
|
28
22
|
});
|
23
|
+
exports.isRTL = exports.getLabel = exports.attachEventHandlersOnRef = void 0;
|
29
24
|
Object.defineProperty(exports, "mergeIds", {
|
30
25
|
enumerable: true,
|
31
26
|
get: function () {
|
@@ -38,10 +33,10 @@ Object.defineProperty(exports, "mergeProps", {
|
|
38
33
|
return _utils.mergeProps;
|
39
34
|
}
|
40
35
|
});
|
41
|
-
Object.defineProperty(exports, "
|
36
|
+
Object.defineProperty(exports, "useId", {
|
42
37
|
enumerable: true,
|
43
38
|
get: function () {
|
44
|
-
return
|
39
|
+
return _utils.useId;
|
45
40
|
}
|
46
41
|
});
|
47
42
|
Object.defineProperty(exports, "useIsSSR", {
|
@@ -50,12 +45,14 @@ Object.defineProperty(exports, "useIsSSR", {
|
|
50
45
|
return _ssr.useIsSSR;
|
51
46
|
}
|
52
47
|
});
|
53
|
-
|
54
|
-
|
48
|
+
Object.defineProperty(exports, "useLayoutEffect", {
|
49
|
+
enumerable: true,
|
50
|
+
get: function () {
|
51
|
+
return _utils.useLayoutEffect;
|
52
|
+
}
|
53
|
+
});
|
55
54
|
var _reactNative = require("react-native");
|
56
|
-
|
57
55
|
var _ariaToAccessibilityMap = require("./ariaToAccessibilityMap");
|
58
|
-
|
59
56
|
Object.keys(_ariaToAccessibilityMap).forEach(function (key) {
|
60
57
|
if (key === "default" || key === "__esModule") return;
|
61
58
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
@@ -67,11 +64,8 @@ Object.keys(_ariaToAccessibilityMap).forEach(function (key) {
|
|
67
64
|
}
|
68
65
|
});
|
69
66
|
});
|
70
|
-
|
71
67
|
var _utils = require("@react-aria/utils");
|
72
|
-
|
73
68
|
var _ssr = require("@react-aria/ssr");
|
74
|
-
|
75
69
|
const attachEventHandlersOnRef = (props, ref) => {
|
76
70
|
if (ref && ref.current) {
|
77
71
|
for (let key in props) {
|
@@ -81,33 +75,26 @@ const attachEventHandlersOnRef = (props, ref) => {
|
|
81
75
|
}
|
82
76
|
}
|
83
77
|
};
|
84
|
-
|
85
78
|
exports.attachEventHandlersOnRef = attachEventHandlersOnRef;
|
86
|
-
|
87
79
|
const getLabel = props => {
|
88
80
|
let label = props['aria-label'];
|
89
|
-
|
90
81
|
if (!label) {
|
91
82
|
label = typeof props.label === 'string' ? props.label : undefined;
|
92
83
|
}
|
93
|
-
|
94
84
|
return label;
|
95
85
|
};
|
96
|
-
|
97
86
|
exports.getLabel = getLabel;
|
98
|
-
|
99
87
|
const isRTL = () => {
|
100
88
|
// To support previous RN versions. Newer versions use below getConstants()
|
101
89
|
if (_reactNative.I18nManager.isRTL !== undefined) {
|
102
90
|
return _reactNative.I18nManager.isRTL;
|
103
|
-
}
|
104
|
-
|
91
|
+
}
|
105
92
|
|
93
|
+
// @ts-ignore - RN web only
|
106
94
|
if (_reactNative.I18nManager.getConstants) {
|
107
95
|
// @ts-ignore - RN web only
|
108
96
|
return _reactNative.I18nManager.getConstants().isRTL;
|
109
97
|
}
|
110
98
|
};
|
111
|
-
|
112
99
|
exports.isRTL = isRTL;
|
113
100
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"names":["_reactNative","require","_ariaToAccessibilityMap","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_utils","_ssr","attachEventHandlersOnRef","props","ref","current","startsWith","toLowerCase","getLabel","label","undefined","isRTL","I18nManager","getConstants"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAsBA,IAAAC,uBAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,uBAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,uBAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,uBAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,MAAA,GAAAd,OAAA;AAMA,IAAAe,IAAA,GAAAf,OAAA;AA3BO,MAAMgB,wBAAwB,GAAGA,CAACC,KAAU,EAAEC,GAAQ,KAAK;EAChE,IAAIA,GAAG,IAAIA,GAAG,CAACC,OAAO,EAAE;IACtB,KAAK,IAAId,GAAG,IAAIY,KAAK,EAAE;MACrB,IAAIZ,GAAG,CAACe,UAAU,CAAC,IAAI,CAAC,EAAE;QACxBF,GAAG,CAACC,OAAO,CAACd,GAAG,CAACgB,WAAW,CAAC,CAAC,CAAC,GAAGJ,KAAK,CAACZ,GAAG,CAAC;MAC7C;IACF;EACF;AACF,CAAC;AAACK,OAAA,CAAAM,wBAAA,GAAAA,wBAAA;AAEK,MAAMM,QAAQ,GAAIL,KAAU,IAAK;EACtC,IAAIM,KAAK,GAAGN,KAAK,CAAC,YAAY,CAAC;EAE/B,IAAI,CAACM,KAAK,EAAE;IACVA,KAAK,GAAG,OAAON,KAAK,CAACM,KAAK,KAAK,QAAQ,GAAGN,KAAK,CAACM,KAAK,GAAGC,SAAS;EACnE;EAEA,OAAOD,KAAK;AACd,CAAC;AAACb,OAAA,CAAAY,QAAA,GAAAA,QAAA;AAWK,MAAMG,KAAK,GAAGA,CAAA,KAAW;EAC9B;EACA,IAAIC,wBAAW,CAACD,KAAK,KAAKD,SAAS,EAAE;IACnC,OAAOE,wBAAW,CAACD,KAAK;EAC1B;;EAEA;EACA,IAAIC,wBAAW,CAACC,YAAY,EAAE;IAC5B;IACA,OAAOD,wBAAW,CAACC,YAAY,CAAC,CAAC,CAACF,KAAK;EACzC;AACF,CAAC;AAACf,OAAA,CAAAe,KAAA,GAAAA,KAAA"}
|
@@ -43,40 +43,44 @@ export const ariaToAccessibilityMap = {
|
|
43
43
|
'aria-valuemin': 'accessibilityValueMin',
|
44
44
|
'aria-valuenow': 'accessibilityValueNow',
|
45
45
|
'aria-valuetext': 'accessibilityValueText'
|
46
|
-
};
|
46
|
+
};
|
47
47
|
|
48
|
+
// Refer - https://necolas.github.io/react-native-web/docs/accessibility/
|
48
49
|
export const mapDomPropsToRN = props => {
|
49
|
-
let newProps = {
|
50
|
-
|
50
|
+
let newProps = {
|
51
|
+
...props
|
52
|
+
};
|
53
|
+
|
54
|
+
// use the below hook for tabIndex
|
51
55
|
// useMapDomPropsToRN
|
52
56
|
// if (props.tabIndex === '-1' || props.tabIndex === -1) {
|
53
57
|
// newProps.focusable = false;
|
54
58
|
// }
|
55
59
|
|
56
|
-
if (props.id) {
|
57
|
-
|
58
|
-
}
|
60
|
+
// if (props.id) {
|
61
|
+
// newProps.id = props.id;
|
62
|
+
// }
|
59
63
|
|
60
64
|
for (let key in props) {
|
61
65
|
if (key.indexOf('data-') > -1) {
|
62
66
|
if (!newProps.dataSet) {
|
63
67
|
newProps.dataSet = {};
|
64
68
|
}
|
65
|
-
|
66
69
|
newProps.dataSet[key.split('data-')[1]] = props[key];
|
67
70
|
}
|
68
71
|
}
|
69
|
-
|
70
72
|
return newProps;
|
71
|
-
};
|
73
|
+
};
|
74
|
+
|
75
|
+
// RN web currently doesn't allow setting tabIndex via props, so need to be set using setNativeProps or ref
|
72
76
|
// https://github.com/necolas/react-native-web/issues/1916
|
73
77
|
// https://github.com/necolas/react-native-web/issues/1099
|
74
|
-
|
75
78
|
export const useMapDomPropsToRN = (props, ref) => {
|
76
79
|
React.useEffect(() => {
|
77
80
|
if (ref.current) {
|
78
81
|
ref.current.tabIndex = props.tabIndex;
|
79
82
|
}
|
83
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
80
84
|
}, [props.tabIndex]);
|
81
85
|
return mapDomPropsToRN(props);
|
82
86
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"names":["React","ariaToAccessibilityMap","mapDomPropsToRN","props","newProps","key","indexOf","dataSet","split","useMapDomPropsToRN","ref","useEffect","current","tabIndex"],"sourceRoot":"../../src","sources":["ariaToAccessibilityMap.ts"],"mappings":"AAAA,OAAOA,KAAK,MAAqB,OAAO;AAExC,OAAO,MAAMC,sBAA2B,GAAG;EACzC,uBAAuB,EAAE,+BAA+B;EACxD,aAAa,EAAE,qBAAqB;EACpC,mBAAmB,EAAE,2BAA2B;EAChD,WAAW,EAAE,mBAAmB;EAChC,cAAc,EAAE,sBAAsB;EACtC,eAAe,EAAE,0BAA0B;EAC3C,eAAe,EAAE,0BAA0B;EAC3C,cAAc,EAAE,yBAAyB;EACzC,eAAe,EAAE,uBAAuB;EACxC,kBAAkB,EAAE,0BAA0B;EAC9C,cAAc,EAAE,sBAAsB;EACtC,eAAe,EAAE,uBAAuB;EACxC,mBAAmB,EAAE,2BAA2B;EAChD,eAAe,EAAE,uBAAuB;EACxC,aAAa,EAAE,qBAAqB;EACpC,eAAe,EAAE,uBAAuB;EACxC,aAAa,EAAE,qBAAqB;EACpC,cAAc,EAAE,sBAAsB;EACtC,mBAAmB,EAAE,2BAA2B;EAChD,YAAY,EAAE,oBAAoB;EAClC,iBAAiB,EAAE,yBAAyB;EAC5C,WAAW,EAAE,yBAAyB;EACtC,YAAY,EAAE,oBAAoB;EAClC,gBAAgB,EAAE,wBAAwB;EAC1C,sBAAsB,EAAE,8BAA8B;EACtD,kBAAkB,EAAE,0BAA0B;EAC9C,WAAW,EAAE,mBAAmB;EAChC,kBAAkB,EAAE,0BAA0B;EAC9C,eAAe,EAAE,uBAAuB;EACxC,cAAc,EAAE,sBAAsB;EACtC,eAAe,EAAE,uBAAuB;EACxC,eAAe,EAAE,uBAAuB;EACxC,sBAAsB,EAAE,8BAA8B;EACtD,eAAe,EAAE,uBAAuB;EACxC,eAAe,EAAE,uBAAuB;EACxC,cAAc,EAAE,sBAAsB;EACtC,eAAe,EAAE,uBAAuB;EACxC,cAAc,EAAE,sBAAsB;EACtC,WAAW,EAAE,mBAAmB;EAChC,eAAe,EAAE,uBAAuB;EACxC,eAAe,EAAE,uBAAuB;EACxC,eAAe,EAAE,uBAAuB;EACxC,gBAAgB,EAAE;AACpB,CAAC;;AAED;AACA,OAAO,MAAMC,eAAe,GAAIC,KAAU,IAAK;EAC7C,IAAIC,QAAa,GAAG;IAAE,GAAGD;EAAM,CAAC;;EAEhC;EACA;EACA;EACA;EACA;;EAEA;EACA;EACA;;EAEA,KAAK,IAAIE,GAAG,IAAIF,KAAK,EAAE;IACrB,IAAIE,GAAG,CAACC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE;MAC7B,IAAI,CAACF,QAAQ,CAACG,OAAO,EAAE;QACrBH,QAAQ,CAACG,OAAO,GAAG,CAAC,CAAC;MACvB;MAEAH,QAAQ,CAACG,OAAO,CAACF,GAAG,CAACG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAGL,KAAK,CAACE,GAAG,CAAC;IACtD;EACF;EAEA,OAAOD,QAAQ;AACjB,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMK,kBAAkB,GAAGA,CAACN,KAAU,EAAEO,GAAmB,KAAK;EACrEV,KAAK,CAACW,SAAS,CAAC,MAAM;IACpB,IAAID,GAAG,CAACE,OAAO,EAAE;MACfF,GAAG,CAACE,OAAO,CAACC,QAAQ,GAAGV,KAAK,CAACU,QAAQ;IACvC;IACA;EACF,CAAC,EAAE,CAACV,KAAK,CAACU,QAAQ,CAAC,CAAC;EAEpB,OAAOX,eAAe,CAACC,KAAK,CAAC;AAC/B,CAAC"}
|
package/lib/module/index.js
CHANGED
@@ -10,11 +10,9 @@ export const attachEventHandlersOnRef = (props, ref) => {
|
|
10
10
|
};
|
11
11
|
export const getLabel = props => {
|
12
12
|
let label = props['aria-label'];
|
13
|
-
|
14
13
|
if (!label) {
|
15
14
|
label = typeof props.label === 'string' ? props.label : undefined;
|
16
15
|
}
|
17
|
-
|
18
16
|
return label;
|
19
17
|
};
|
20
18
|
export * from './ariaToAccessibilityMap';
|
@@ -24,9 +22,9 @@ export const isRTL = () => {
|
|
24
22
|
// To support previous RN versions. Newer versions use below getConstants()
|
25
23
|
if (I18nManager.isRTL !== undefined) {
|
26
24
|
return I18nManager.isRTL;
|
27
|
-
}
|
28
|
-
|
25
|
+
}
|
29
26
|
|
27
|
+
// @ts-ignore - RN web only
|
30
28
|
if (I18nManager.getConstants) {
|
31
29
|
// @ts-ignore - RN web only
|
32
30
|
return I18nManager.getConstants().isRTL;
|
package/lib/module/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"names":["I18nManager","attachEventHandlersOnRef","props","ref","current","key","startsWith","toLowerCase","getLabel","label","undefined","useId","useLayoutEffect","mergeIds","mergeProps","SSRProvider","useIsSSR","isRTL","getConstants"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA,SAASA,WAAW,QAAQ,cAAc;AAE1C,OAAO,MAAMC,wBAAwB,GAAGA,CAACC,KAAU,EAAEC,GAAQ,KAAK;EAChE,IAAIA,GAAG,IAAIA,GAAG,CAACC,OAAO,EAAE;IACtB,KAAK,IAAIC,GAAG,IAAIH,KAAK,EAAE;MACrB,IAAIG,GAAG,CAACC,UAAU,CAAC,IAAI,CAAC,EAAE;QACxBH,GAAG,CAACC,OAAO,CAACC,GAAG,CAACE,WAAW,CAAC,CAAC,CAAC,GAAGL,KAAK,CAACG,GAAG,CAAC;MAC7C;IACF;EACF;AACF,CAAC;AAED,OAAO,MAAMG,QAAQ,GAAIN,KAAU,IAAK;EACtC,IAAIO,KAAK,GAAGP,KAAK,CAAC,YAAY,CAAC;EAE/B,IAAI,CAACO,KAAK,EAAE;IACVA,KAAK,GAAG,OAAOP,KAAK,CAACO,KAAK,KAAK,QAAQ,GAAGP,KAAK,CAACO,KAAK,GAAGC,SAAS;EACnE;EAEA,OAAOD,KAAK;AACd,CAAC;AAED,cAAc,0BAA0B;AACxC,SACEE,KAAK,EACLC,eAAe,EACfC,QAAQ,EACRC,UAAU,QACL,mBAAmB;AAC1B,SAASC,WAAW,EAAEC,QAAQ,QAAQ,iBAAiB;AAEvD,OAAO,MAAMC,KAAK,GAAGA,CAAA,KAAW;EAC9B;EACA,IAAIjB,WAAW,CAACiB,KAAK,KAAKP,SAAS,EAAE;IACnC,OAAOV,WAAW,CAACiB,KAAK;EAC1B;;EAEA;EACA,IAAIjB,WAAW,CAACkB,YAAY,EAAE;IAC5B;IACA,OAAOlB,WAAW,CAACkB,YAAY,CAAC,CAAC,CAACD,KAAK;EACzC;AACF,CAAC"}
|
@@ -2,3 +2,4 @@ import { RefObject } from 'react';
|
|
2
2
|
export declare const ariaToAccessibilityMap: any;
|
3
3
|
export declare const mapDomPropsToRN: (props: any) => any;
|
4
4
|
export declare const useMapDomPropsToRN: (props: any, ref: RefObject<any>) => any;
|
5
|
+
//# sourceMappingURL=ariaToAccessibilityMap.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"ariaToAccessibilityMap.d.ts","sourceRoot":"","sources":["../../src/ariaToAccessibilityMap.ts"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,eAAO,MAAM,sBAAsB,EAAE,GA4CpC,CAAC;AAGF,eAAO,MAAM,eAAe,UAAW,GAAG,QAwBzC,CAAC;AAKF,eAAO,MAAM,kBAAkB,UAAW,GAAG,OAAO,UAAU,GAAG,CAAC,QASjE,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,wBAAwB,UAAW,GAAG,OAAO,GAAG,SAQ5D,CAAC;AAEF,eAAO,MAAM,QAAQ,UAAW,GAAG,QAQlC,CAAC;AAEF,cAAc,0BAA0B,CAAC;AACzC,OAAO,EACL,KAAK,EACL,eAAe,EACf,QAAQ,EACR,UAAU,GACX,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAExD,eAAO,MAAM,KAAK,QAAO,GAWxB,CAAC"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@react-native-aria/utils",
|
3
|
-
"version": "0.2.
|
3
|
+
"version": "0.2.11",
|
4
4
|
"description": "mono repo setup with bob",
|
5
5
|
"main": "lib/commonjs/index",
|
6
6
|
"module": "lib/module/index",
|
@@ -26,6 +26,7 @@
|
|
26
26
|
"test": "jest",
|
27
27
|
"typescript": "tsc --noEmit",
|
28
28
|
"lint": "eslint \"**/*.{js,ts,tsx}\"",
|
29
|
+
"build": "bob build",
|
29
30
|
"prepare": "bob build",
|
30
31
|
"release": "release-it",
|
31
32
|
"example": "yarn --cwd example",
|
@@ -37,13 +38,16 @@
|
|
37
38
|
"ios",
|
38
39
|
"android"
|
39
40
|
],
|
40
|
-
"
|
41
|
+
"homepage": "https://github.com/gluestack/gluestack-ui/tree/main/packages/react-native-aria/utils#readme",
|
42
|
+
"repository": {
|
43
|
+
"type": "git",
|
44
|
+
"url": "git+https://github.com/gluestack/gluestack-ui.git"
|
45
|
+
},
|
41
46
|
"author": "nishan <nishanbende@gmail.com> (https://github.com/intergalacticspacehighway)",
|
42
47
|
"license": "MIT",
|
43
48
|
"bugs": {
|
44
49
|
"url": "https://github.com/intergalacticspacehighway/react-native-bob-mono/issues"
|
45
50
|
},
|
46
|
-
"homepage": "https://github.com/intergalacticspacehighway/react-native-bob-mono#readme",
|
47
51
|
"publishConfig": {
|
48
52
|
"registry": "https://registry.npmjs.org/"
|
49
53
|
},
|
@@ -56,9 +56,9 @@ export const mapDomPropsToRN = (props: any) => {
|
|
56
56
|
// newProps.focusable = false;
|
57
57
|
// }
|
58
58
|
|
59
|
-
if (props.id) {
|
60
|
-
|
61
|
-
}
|
59
|
+
// if (props.id) {
|
60
|
+
// newProps.id = props.id;
|
61
|
+
// }
|
62
62
|
|
63
63
|
for (let key in props) {
|
64
64
|
if (key.indexOf('data-') > -1) {
|
@@ -81,6 +81,7 @@ export const useMapDomPropsToRN = (props: any, ref: RefObject<any>) => {
|
|
81
81
|
if (ref.current) {
|
82
82
|
ref.current.tabIndex = props.tabIndex;
|
83
83
|
}
|
84
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
84
85
|
}, [props.tabIndex]);
|
85
86
|
|
86
87
|
return mapDomPropsToRN(props);
|