@react-native-aria/checkbox 0.2.8-alpha.0 → 0.2.9
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 -0
- package/lib/commonjs/index.js +0 -6
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/index.web.js +4 -6
- package/lib/commonjs/index.web.js.map +1 -1
- package/lib/commonjs/useCheckbox.js +0 -3
- package/lib/commonjs/useCheckbox.js.map +1 -1
- package/lib/commonjs/useCheckboxGroup.js +0 -3
- package/lib/commonjs/useCheckboxGroup.js.map +1 -1
- package/lib/commonjs/useCheckboxGroup.web.js +4 -5
- package/lib/commonjs/useCheckboxGroup.web.js.map +1 -1
- package/lib/commonjs/useCheckboxGroupItem.js +2 -7
- package/lib/commonjs/useCheckboxGroupItem.js.map +1 -1
- package/lib/commonjs/utils.js +1 -2
- package/lib/commonjs/utils.js.map +1 -1
- package/lib/module/index.js.map +1 -1
- package/lib/module/index.web.js.map +1 -1
- package/lib/module/useCheckbox.js +0 -1
- package/lib/module/useCheckbox.js.map +1 -1
- package/lib/module/useCheckboxGroup.js +0 -1
- package/lib/module/useCheckboxGroup.js.map +1 -1
- package/lib/module/useCheckboxGroup.web.js +4 -3
- package/lib/module/useCheckboxGroup.web.js.map +1 -1
- package/lib/module/useCheckboxGroupItem.js +4 -5
- package/lib/module/useCheckboxGroupItem.js.map +1 -1
- package/lib/module/utils.js.map +1 -1
- package/lib/typescript/index.d.ts +1 -0
- package/lib/typescript/index.d.ts.map +1 -0
- package/lib/typescript/index.web.d.ts +1 -0
- package/lib/typescript/index.web.d.ts.map +1 -0
- package/lib/typescript/useCheckbox.d.ts +1 -0
- package/lib/typescript/useCheckbox.d.ts.map +1 -0
- package/lib/typescript/useCheckboxGroup.d.ts +1 -0
- package/lib/typescript/useCheckboxGroup.d.ts.map +1 -0
- package/lib/typescript/useCheckboxGroup.web.d.ts +1 -0
- package/lib/typescript/useCheckboxGroup.web.d.ts.map +1 -0
- package/lib/typescript/useCheckboxGroupItem.d.ts +1 -0
- package/lib/typescript/useCheckboxGroupItem.d.ts.map +1 -0
- package/lib/typescript/utils.d.ts +1 -0
- package/lib/typescript/utils.d.ts.map +1 -0
- package/package.json +11 -7
- package/src/useCheckbox.ts +1 -1
package/CHANGELOG.md
ADDED
package/lib/commonjs/index.js
CHANGED
@@ -3,9 +3,7 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
|
7
6
|
var _useCheckbox = require("./useCheckbox");
|
8
|
-
|
9
7
|
Object.keys(_useCheckbox).forEach(function (key) {
|
10
8
|
if (key === "default" || key === "__esModule") return;
|
11
9
|
if (key in exports && exports[key] === _useCheckbox[key]) return;
|
@@ -16,9 +14,7 @@ Object.keys(_useCheckbox).forEach(function (key) {
|
|
16
14
|
}
|
17
15
|
});
|
18
16
|
});
|
19
|
-
|
20
17
|
var _useCheckboxGroup = require("./useCheckboxGroup");
|
21
|
-
|
22
18
|
Object.keys(_useCheckboxGroup).forEach(function (key) {
|
23
19
|
if (key === "default" || key === "__esModule") return;
|
24
20
|
if (key in exports && exports[key] === _useCheckboxGroup[key]) return;
|
@@ -29,9 +25,7 @@ Object.keys(_useCheckboxGroup).forEach(function (key) {
|
|
29
25
|
}
|
30
26
|
});
|
31
27
|
});
|
32
|
-
|
33
28
|
var _useCheckboxGroupItem = require("./useCheckboxGroupItem");
|
34
|
-
|
35
29
|
Object.keys(_useCheckboxGroupItem).forEach(function (key) {
|
36
30
|
if (key === "default" || key === "__esModule") return;
|
37
31
|
if (key in exports && exports[key] === _useCheckboxGroupItem[key]) return;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"names":["_useCheckbox","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_useCheckboxGroup","_useCheckboxGroupItem"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,YAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,iBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,iBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,iBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,iBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,qBAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,qBAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,qBAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,qBAAA,CAAAN,GAAA;IAAA;EAAA;AAAA"}
|
@@ -9,20 +9,18 @@ Object.defineProperty(exports, "useCheckbox", {
|
|
9
9
|
return _checkbox.useCheckbox;
|
10
10
|
}
|
11
11
|
});
|
12
|
-
Object.defineProperty(exports, "
|
12
|
+
Object.defineProperty(exports, "useCheckboxGroup", {
|
13
13
|
enumerable: true,
|
14
14
|
get: function () {
|
15
|
-
return
|
15
|
+
return _useCheckboxGroup.useCheckboxGroup;
|
16
16
|
}
|
17
17
|
});
|
18
|
-
Object.defineProperty(exports, "
|
18
|
+
Object.defineProperty(exports, "useCheckboxGroupItem", {
|
19
19
|
enumerable: true,
|
20
20
|
get: function () {
|
21
|
-
return
|
21
|
+
return _checkbox.useCheckboxGroupItem;
|
22
22
|
}
|
23
23
|
});
|
24
|
-
|
25
24
|
var _checkbox = require("@react-aria/checkbox");
|
26
|
-
|
27
25
|
var _useCheckboxGroup = require("./useCheckboxGroup.web");
|
28
26
|
//# sourceMappingURL=index.web.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"names":["_checkbox","require","_useCheckboxGroup"],"sourceRoot":"../../src","sources":["index.web.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA"}
|
@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.useCheckbox = useCheckbox;
|
7
|
-
|
8
7
|
var _utils = require("@react-aria/utils");
|
9
|
-
|
10
8
|
var _toggle = require("@react-native-aria/toggle");
|
11
|
-
|
12
9
|
/**
|
13
10
|
* Provides the behavior and accessibility implementation for a checkbox component.
|
14
11
|
* Checkboxes allow users to select multiple items from a list of individual items, or
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"names":["_utils","require","_toggle","useCheckbox","props","state","inputRef","inputProps","useToggle","isSelected","isIndeterminate","mergeProps","isDisabled"],"sourceRoot":"../../src","sources":["useCheckbox.ts"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,WAAWA,CACzBC,KAAwB,EACxBC,KAAkB,EAClBC,QAAqC,EACvB;EACd,IAAI;IAAEC;EAAW,CAAC,GAAG,IAAAC,iBAAS,EAACJ,KAAK,EAAEC,KAAK,EAAEC,QAAQ,CAAC;EACtD,IAAI;IAAEG;EAAW,CAAC,GAAGJ,KAAK;EAE1B,IAAI;IAAEK;EAAgB,CAAC,GAAGN,KAAK;EAE/B,OAAO;IACLG,UAAU,EAAE,IAAAI,iBAAU,EAACJ,UAAU,EAAE;MACjC,SAAS,EAAEE,UAAU;MACrB,MAAM,EAAE,UAAU;MAClB,cAAc,EAAEC,eAAe,GAAG,OAAO,GAAGD,UAAU;MACtD,eAAe,EAAEL,KAAK,CAACQ;IACzB,CAAC;EACH,CAAC;AACH"}
|
@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.useCheckboxGroup = useCheckboxGroup;
|
7
|
-
|
8
7
|
var _utils = require("@react-aria/utils");
|
9
|
-
|
10
8
|
var _utils2 = require("@react-native-aria/utils");
|
11
|
-
|
12
9
|
/**
|
13
10
|
* Provides the behavior and accessibility implementation for a checkbox group component.
|
14
11
|
* Checkbox groups allow users to select multiple items from a list of options.
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"names":["_utils","require","_utils2","useCheckboxGroup","props","_state","isDisabled","domProps","filterDOMProps","labelable","groupProps","mergeProps","getLabel","labelProps"],"sourceRoot":"../../src","sources":["useCheckboxGroup.ts"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAUA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,gBAAgBA,CAC9BC,KAA6B,EAC7BC,MAA0B,EACP;EACnB,IAAI;IAAEC;EAAW,CAAC,GAAGF,KAAK;EAE1B,IAAIG,QAAQ,GAAG,IAAAC,qBAAc,EAACJ,KAAK,EAAE;IAAEK,SAAS,EAAE;EAAK,CAAC,CAAC;EAEzD,OAAO;IACLC,UAAU,EAAE,IAAAC,iBAAU,EAACJ,QAAQ,EAAE;MAC/B,gBAAgB,EAAED,UAAU;MAC5B,YAAY,EAAE,IAAAM,gBAAQ,EAACR,KAAK;IAC9B,CAAC,CAAC;IACFS,UAAU,EAAE,CAAC;EACf,CAAC;AACH"}
|
@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.useCheckboxGroup = useCheckboxGroup;
|
7
|
-
|
8
7
|
var _checkbox = require("@react-aria/checkbox");
|
9
|
-
|
10
8
|
var _utils = require("@react-native-aria/utils");
|
11
|
-
|
12
9
|
/**
|
13
10
|
* Provides the behavior and accessibility implementation for a checkbox group component.
|
14
11
|
* Checkbox groups allow users to select multiple items from a list of options.
|
@@ -18,10 +15,12 @@ var _utils = require("@react-native-aria/utils");
|
|
18
15
|
function useCheckboxGroup(props, state) {
|
19
16
|
const params = (0, _checkbox.useCheckboxGroup)(props, state);
|
20
17
|
return {
|
21
|
-
labelProps: {
|
18
|
+
labelProps: {
|
19
|
+
...params.labelProps,
|
22
20
|
...(0, _utils.mapDomPropsToRN)(params.labelProps)
|
23
21
|
},
|
24
|
-
groupProps: {
|
22
|
+
groupProps: {
|
23
|
+
...params.groupProps,
|
25
24
|
...(0, _utils.mapDomPropsToRN)(params.groupProps)
|
26
25
|
}
|
27
26
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"names":["_checkbox","require","_utils","useCheckboxGroup","props","state","params","useCheckboxGroupWeb","labelProps","mapDomPropsToRN","groupProps"],"sourceRoot":"../../src","sources":["useCheckboxGroup.web.ts"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAGA,IAAAC,MAAA,GAAAD,OAAA;AASA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,gBAAgBA,CAC9BC,KAA6B,EAC7BC,KAAyB,EACN;EACnB,MAAMC,MAAM,GAAG,IAAAC,0BAAmB,EAACH,KAAK,EAAEC,KAAK,CAAC;EAChD,OAAO;IACLG,UAAU,EAAE;MACV,GAAGF,MAAM,CAACE,UAAU;MACpB,GAAG,IAAAC,sBAAe,EAACH,MAAM,CAACE,UAAU;IACtC,CAAC;IACDE,UAAU,EAAE;MACV,GAAGJ,MAAM,CAACI,UAAU;MACpB,GAAG,IAAAD,sBAAe,EAACH,MAAM,CAACI,UAAU;IACtC;EACF,CAAC;AACH"}
|
@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.useCheckboxGroupItem = useCheckboxGroupItem;
|
7
|
-
|
8
7
|
var _useCheckbox = require("./useCheckbox");
|
9
|
-
|
10
8
|
var _toggle = require("@react-stately/toggle");
|
11
|
-
|
12
9
|
/*
|
13
10
|
* Copyright 2020 Adobe. All rights reserved.
|
14
11
|
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
@@ -33,7 +30,6 @@ function useCheckboxGroupItem(props, state, inputRef) {
|
|
33
30
|
isReadOnly: props.isReadOnly || state.isReadOnly,
|
34
31
|
//@ts-ignore
|
35
32
|
isSelected: state.isSelected(props.value),
|
36
|
-
|
37
33
|
onChange(isSelected) {
|
38
34
|
if (isSelected) {
|
39
35
|
//@ts-ignore
|
@@ -42,16 +38,15 @@ function useCheckboxGroupItem(props, state, inputRef) {
|
|
42
38
|
//@ts-ignore
|
43
39
|
state.removeValue(props.value);
|
44
40
|
}
|
45
|
-
|
46
41
|
if (props.onChange) {
|
47
42
|
props.onChange(isSelected);
|
48
43
|
}
|
49
44
|
}
|
50
|
-
|
51
45
|
});
|
52
46
|
let {
|
53
47
|
inputProps
|
54
|
-
} = (0, _useCheckbox.useCheckbox)({
|
48
|
+
} = (0, _useCheckbox.useCheckbox)({
|
49
|
+
...props,
|
55
50
|
isReadOnly: props.isReadOnly || state.isReadOnly,
|
56
51
|
isDisabled: props.isDisabled || state.isDisabled
|
57
52
|
}, toggleState, inputRef);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"names":["_useCheckbox","require","_toggle","useCheckboxGroupItem","props","state","inputRef","toggleState","useToggleState","isReadOnly","isSelected","value","onChange","addValue","removeValue","inputProps","useCheckbox","isDisabled"],"sourceRoot":"../../src","sources":["useCheckboxGroupItem.ts"],"mappings":";;;;;;AAaA,IAAAA,YAAA,GAAAC,OAAA;AAGA,IAAAC,OAAA,GAAAD,OAAA;AAhBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,oBAAoBA,CAClCC,KAAiC,EACjCC,KAAyB,EACzBC,QAAwB,EACV;EACd,MAAMC,WAAW,GAAG,IAAAC,sBAAc,EAAC;IACjCC,UAAU,EAAEL,KAAK,CAACK,UAAU,IAAIJ,KAAK,CAACI,UAAU;IAChD;IACAC,UAAU,EAAEL,KAAK,CAACK,UAAU,CAACN,KAAK,CAACO,KAAK,CAAC;IACzCC,QAAQA,CAACF,UAAU,EAAE;MACnB,IAAIA,UAAU,EAAE;QACd;QACAL,KAAK,CAACQ,QAAQ,CAACT,KAAK,CAACO,KAAK,CAAC;MAC7B,CAAC,MAAM;QACL;QACAN,KAAK,CAACS,WAAW,CAACV,KAAK,CAACO,KAAK,CAAC;MAChC;MAEA,IAAIP,KAAK,CAACQ,QAAQ,EAAE;QAClBR,KAAK,CAACQ,QAAQ,CAACF,UAAU,CAAC;MAC5B;IACF;EACF,CAAC,CAAC;EAEF,IAAI;IAAEK;EAAW,CAAC,GAAG,IAAAC,wBAAW,EAC9B;IACE,GAAGZ,KAAK;IACRK,UAAU,EAAEL,KAAK,CAACK,UAAU,IAAIJ,KAAK,CAACI,UAAU;IAChDQ,UAAU,EAAEb,KAAK,CAACa,UAAU,IAAIZ,KAAK,CAACY;EACxC,CAAC,EACDV,WAAW,EACXD,QACF,CAAC;EAED,OAAO;IAAES;EAAW,CAAC;AACvB"}
|
package/lib/commonjs/utils.js
CHANGED
@@ -4,6 +4,5 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.checkboxGroupNames = void 0;
|
7
|
-
const checkboxGroupNames = new WeakMap();
|
8
|
-
exports.checkboxGroupNames = checkboxGroupNames;
|
7
|
+
const checkboxGroupNames = exports.checkboxGroupNames = new WeakMap();
|
9
8
|
//# sourceMappingURL=utils.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"names":["checkboxGroupNames","exports","WeakMap"],"sourceRoot":"../../src","sources":["utils.ts"],"mappings":";;;;;;AAEO,MAAMA,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAIE,OAAO,CAA6B,CAAC"}
|
package/lib/module/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA,cAAc,eAAe;AAC7B,cAAc,oBAAoB;AAClC,cAAc,wBAAwB"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"names":["useCheckbox","useCheckboxGroup","useCheckboxGroupItem"],"sourceRoot":"../../src","sources":["index.web.ts"],"mappings":"AAAA,SAASA,WAAW,QAAQ,sBAAsB;AAClD,SAASC,gBAAgB,QAAQ,wBAAwB;AACzD,SAASC,oBAAoB,QAAQ,sBAAsB"}
|
@@ -1,6 +1,5 @@
|
|
1
1
|
import { mergeProps } from '@react-aria/utils';
|
2
2
|
import { useToggle } from '@react-native-aria/toggle';
|
3
|
-
|
4
3
|
/**
|
5
4
|
* Provides the behavior and accessibility implementation for a checkbox component.
|
6
5
|
* Checkboxes allow users to select multiple items from a list of individual items, or
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"names":["mergeProps","useToggle","useCheckbox","props","state","inputRef","inputProps","isSelected","isIndeterminate","isDisabled"],"sourceRoot":"../../src","sources":["useCheckbox.ts"],"mappings":"AAEA,SAASA,UAAU,QAAQ,mBAAmB;AAE9C,SAASC,SAAS,QAAQ,2BAA2B;AAQrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,WAAWA,CACzBC,KAAwB,EACxBC,KAAkB,EAClBC,QAAqC,EACvB;EACd,IAAI;IAAEC;EAAW,CAAC,GAAGL,SAAS,CAACE,KAAK,EAAEC,KAAK,EAAEC,QAAQ,CAAC;EACtD,IAAI;IAAEE;EAAW,CAAC,GAAGH,KAAK;EAE1B,IAAI;IAAEI;EAAgB,CAAC,GAAGL,KAAK;EAE/B,OAAO;IACLG,UAAU,EAAEN,UAAU,CAACM,UAAU,EAAE;MACjC,SAAS,EAAEC,UAAU;MACrB,MAAM,EAAE,UAAU;MAClB,cAAc,EAAEC,eAAe,GAAG,OAAO,GAAGD,UAAU;MACtD,eAAe,EAAEJ,KAAK,CAACM;IACzB,CAAC;EACH,CAAC;AACH"}
|
@@ -1,6 +1,5 @@
|
|
1
1
|
import { mergeProps, filterDOMProps } from '@react-aria/utils';
|
2
2
|
import { getLabel } from '@react-native-aria/utils';
|
3
|
-
|
4
3
|
/**
|
5
4
|
* Provides the behavior and accessibility implementation for a checkbox group component.
|
6
5
|
* Checkbox groups allow users to select multiple items from a list of options.
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"names":["mergeProps","filterDOMProps","getLabel","useCheckboxGroup","props","_state","isDisabled","domProps","labelable","groupProps","labelProps"],"sourceRoot":"../../src","sources":["useCheckboxGroup.ts"],"mappings":"AACA,SAASA,UAAU,EAAEC,cAAc,QAAQ,mBAAmB;AAC9D,SAASC,QAAQ,QAAQ,0BAA0B;AAUnD;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAC9BC,KAA6B,EAC7BC,MAA0B,EACP;EACnB,IAAI;IAAEC;EAAW,CAAC,GAAGF,KAAK;EAE1B,IAAIG,QAAQ,GAAGN,cAAc,CAACG,KAAK,EAAE;IAAEI,SAAS,EAAE;EAAK,CAAC,CAAC;EAEzD,OAAO;IACLC,UAAU,EAAET,UAAU,CAACO,QAAQ,EAAE;MAC/B,gBAAgB,EAAED,UAAU;MAC5B,YAAY,EAAEJ,QAAQ,CAACE,KAAK;IAC9B,CAAC,CAAC;IACFM,UAAU,EAAE,CAAC;EACf,CAAC;AACH"}
|
@@ -1,6 +1,5 @@
|
|
1
1
|
import { useCheckboxGroup as useCheckboxGroupWeb } from '@react-aria/checkbox';
|
2
2
|
import { mapDomPropsToRN } from '@react-native-aria/utils';
|
3
|
-
|
4
3
|
/**
|
5
4
|
* Provides the behavior and accessibility implementation for a checkbox group component.
|
6
5
|
* Checkbox groups allow users to select multiple items from a list of options.
|
@@ -10,10 +9,12 @@ import { mapDomPropsToRN } from '@react-native-aria/utils';
|
|
10
9
|
export function useCheckboxGroup(props, state) {
|
11
10
|
const params = useCheckboxGroupWeb(props, state);
|
12
11
|
return {
|
13
|
-
labelProps: {
|
12
|
+
labelProps: {
|
13
|
+
...params.labelProps,
|
14
14
|
...mapDomPropsToRN(params.labelProps)
|
15
15
|
},
|
16
|
-
groupProps: {
|
16
|
+
groupProps: {
|
17
|
+
...params.groupProps,
|
17
18
|
...mapDomPropsToRN(params.groupProps)
|
18
19
|
}
|
19
20
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"names":["useCheckboxGroup","useCheckboxGroupWeb","mapDomPropsToRN","props","state","params","labelProps","groupProps"],"sourceRoot":"../../src","sources":["useCheckboxGroup.web.ts"],"mappings":"AAAA,SAASA,gBAAgB,IAAIC,mBAAmB,QAAQ,sBAAsB;AAG9E,SAASC,eAAe,QAAQ,0BAA0B;AAS1D;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASF,gBAAgBA,CAC9BG,KAA6B,EAC7BC,KAAyB,EACN;EACnB,MAAMC,MAAM,GAAGJ,mBAAmB,CAACE,KAAK,EAAEC,KAAK,CAAC;EAChD,OAAO;IACLE,UAAU,EAAE;MACV,GAAGD,MAAM,CAACC,UAAU;MACpB,GAAGJ,eAAe,CAACG,MAAM,CAACC,UAAU;IACtC,CAAC;IACDC,UAAU,EAAE;MACV,GAAGF,MAAM,CAACE,UAAU;MACpB,GAAGL,eAAe,CAACG,MAAM,CAACE,UAAU;IACtC;EACF,CAAC;AACH"}
|
@@ -9,8 +9,10 @@
|
|
9
9
|
* OF ANY KIND, either express or implied. See the License for the specific language
|
10
10
|
* governing permissions and limitations under the License.
|
11
11
|
*/
|
12
|
+
|
12
13
|
import { useCheckbox } from './useCheckbox';
|
13
14
|
import { useToggleState } from '@react-stately/toggle';
|
15
|
+
|
14
16
|
/**
|
15
17
|
* Provides the behavior and accessibility implementation for a checkbox component contained within a checkbox group.
|
16
18
|
* Checkbox groups allow users to select multiple items from a list of options.
|
@@ -18,13 +20,11 @@ import { useToggleState } from '@react-stately/toggle';
|
|
18
20
|
* @param state - State for the checkbox, as returned by `useCheckboxGroupState`.
|
19
21
|
* @param inputRef - A ref for the HTML input element.
|
20
22
|
*/
|
21
|
-
|
22
23
|
export function useCheckboxGroupItem(props, state, inputRef) {
|
23
24
|
const toggleState = useToggleState({
|
24
25
|
isReadOnly: props.isReadOnly || state.isReadOnly,
|
25
26
|
//@ts-ignore
|
26
27
|
isSelected: state.isSelected(props.value),
|
27
|
-
|
28
28
|
onChange(isSelected) {
|
29
29
|
if (isSelected) {
|
30
30
|
//@ts-ignore
|
@@ -33,16 +33,15 @@ export function useCheckboxGroupItem(props, state, inputRef) {
|
|
33
33
|
//@ts-ignore
|
34
34
|
state.removeValue(props.value);
|
35
35
|
}
|
36
|
-
|
37
36
|
if (props.onChange) {
|
38
37
|
props.onChange(isSelected);
|
39
38
|
}
|
40
39
|
}
|
41
|
-
|
42
40
|
});
|
43
41
|
let {
|
44
42
|
inputProps
|
45
|
-
} = useCheckbox({
|
43
|
+
} = useCheckbox({
|
44
|
+
...props,
|
46
45
|
isReadOnly: props.isReadOnly || state.isReadOnly,
|
47
46
|
isDisabled: props.isDisabled || state.isDisabled
|
48
47
|
}, toggleState, inputRef);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"names":["useCheckbox","useToggleState","useCheckboxGroupItem","props","state","inputRef","toggleState","isReadOnly","isSelected","value","onChange","addValue","removeValue","inputProps","isDisabled"],"sourceRoot":"../../src","sources":["useCheckboxGroupItem.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,SAAuBA,WAAW,QAAQ,eAAe;AAGzD,SAASC,cAAc,QAAQ,uBAAuB;;AAEtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,oBAAoBA,CAClCC,KAAiC,EACjCC,KAAyB,EACzBC,QAAwB,EACV;EACd,MAAMC,WAAW,GAAGL,cAAc,CAAC;IACjCM,UAAU,EAAEJ,KAAK,CAACI,UAAU,IAAIH,KAAK,CAACG,UAAU;IAChD;IACAC,UAAU,EAAEJ,KAAK,CAACI,UAAU,CAACL,KAAK,CAACM,KAAK,CAAC;IACzCC,QAAQA,CAACF,UAAU,EAAE;MACnB,IAAIA,UAAU,EAAE;QACd;QACAJ,KAAK,CAACO,QAAQ,CAACR,KAAK,CAACM,KAAK,CAAC;MAC7B,CAAC,MAAM;QACL;QACAL,KAAK,CAACQ,WAAW,CAACT,KAAK,CAACM,KAAK,CAAC;MAChC;MAEA,IAAIN,KAAK,CAACO,QAAQ,EAAE;QAClBP,KAAK,CAACO,QAAQ,CAACF,UAAU,CAAC;MAC5B;IACF;EACF,CAAC,CAAC;EAEF,IAAI;IAAEK;EAAW,CAAC,GAAGb,WAAW,CAC9B;IACE,GAAGG,KAAK;IACRI,UAAU,EAAEJ,KAAK,CAACI,UAAU,IAAIH,KAAK,CAACG,UAAU;IAChDO,UAAU,EAAEX,KAAK,CAACW,UAAU,IAAIV,KAAK,CAACU;EACxC,CAAC,EACDR,WAAW,EACXD,QACF,CAAC;EAED,OAAO;IAAEQ;EAAW,CAAC;AACvB"}
|
package/lib/module/utils.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"names":["checkboxGroupNames","WeakMap"],"sourceRoot":"../../src","sources":["utils.ts"],"mappings":"AAEA,OAAO,MAAMA,kBAAkB,GAAG,IAAIC,OAAO,CAA6B,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../src/index.web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC"}
|
@@ -15,3 +15,4 @@ export interface CheckboxAria extends AccessibilityProps {
|
|
15
15
|
* @param inputRef - A ref for the HTML input element.
|
16
16
|
*/
|
17
17
|
export declare function useCheckbox(props: AriaCheckboxProps, state: ToggleState, inputRef: RefObject<HTMLInputElement>): CheckboxAria;
|
18
|
+
//# sourceMappingURL=useCheckbox.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"useCheckbox.d.ts","sourceRoot":"","sources":["../../src/useCheckbox.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEzD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAEvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D,MAAM,WAAW,YAAa,SAAQ,kBAAkB;IACtD,0DAA0D;IAC1D,UAAU,EAAE,GAAG,CAAC;CACjB;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CACzB,KAAK,EAAE,iBAAiB,EACxB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,SAAS,CAAC,gBAAgB,CAAC,GACpC,YAAY,CAcd"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"useCheckboxGroup.d.ts","sourceRoot":"","sources":["../../src/useCheckboxGroup.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAGlE,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,UAAU,iBAAiB;IACzB,oDAAoD;IACpD,UAAU,EAAE,GAAG,CAAC;IAChB,6DAA6D;IAC7D,UAAU,EAAE,GAAG,CAAC;CACjB;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,sBAAsB,EAC7B,MAAM,EAAE,kBAAkB,GACzB,iBAAiB,CAYnB"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"useCheckboxGroup.web.d.ts","sourceRoot":"","sources":["../../src/useCheckboxGroup.web.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAG7D,UAAU,iBAAiB;IACzB,oDAAoD;IACpD,UAAU,EAAE,GAAG,CAAC;IAChB,6DAA6D;IAC7D,UAAU,EAAE,GAAG,CAAC;CACjB;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,sBAAsB,EAC7B,KAAK,EAAE,kBAAkB,GACxB,iBAAiB,CAYnB"}
|
@@ -10,3 +10,4 @@ import type { RefObject } from 'react';
|
|
10
10
|
* @param inputRef - A ref for the HTML input element.
|
11
11
|
*/
|
12
12
|
export declare function useCheckboxGroupItem(props: AriaCheckboxGroupItemProps, state: CheckboxGroupState, inputRef: RefObject<any>): CheckboxAria;
|
13
|
+
//# sourceMappingURL=useCheckboxGroupItem.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"useCheckboxGroupItem.d.ts","sourceRoot":"","sources":["../../src/useCheckboxGroupItem.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AACxE,OAAO,EAAE,YAAY,EAAe,MAAM,eAAe,CAAC;AAC1D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,0BAA0B,EACjC,KAAK,EAAE,kBAAkB,EACzB,QAAQ,EAAE,SAAS,CAAC,GAAG,CAAC,GACvB,YAAY,CA+Bd"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,eAAO,MAAM,kBAAkB,qCAA4C,CAAC"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@react-native-aria/checkbox",
|
3
|
-
"version": "0.2.
|
3
|
+
"version": "0.2.9",
|
4
4
|
"description": "mono repo setup with bob",
|
5
5
|
"main": "lib/commonjs/index",
|
6
6
|
"module": "lib/module/index",
|
@@ -25,6 +25,7 @@
|
|
25
25
|
"test": "jest",
|
26
26
|
"typescript": "tsc --noEmit",
|
27
27
|
"lint": "eslint \"**/*.{js,ts,tsx}\"",
|
28
|
+
"build": "bob build",
|
28
29
|
"prepare": "bob build",
|
29
30
|
"release": "release-it",
|
30
31
|
"example": "yarn --cwd example",
|
@@ -36,22 +37,25 @@
|
|
36
37
|
"ios",
|
37
38
|
"android"
|
38
39
|
],
|
39
|
-
"
|
40
|
+
"homepage": "https://github.com/gluestack/gluestack-ui/tree/main/packages/react-native-aria/checkbox#readme",
|
41
|
+
"repository": {
|
42
|
+
"type": "git",
|
43
|
+
"url": "git+https://github.com/gluestack/gluestack-ui.git"
|
44
|
+
},
|
40
45
|
"author": "nishan <nishanbende@gmail.com> (https://github.com/intergalacticspacehighway)",
|
41
46
|
"license": "MIT",
|
42
47
|
"bugs": {
|
43
48
|
"url": "https://github.com/intergalacticspacehighway/react-native-bob-mono/issues"
|
44
49
|
},
|
45
|
-
"homepage": "https://github.com/intergalacticspacehighway/react-native-bob-mono#readme",
|
46
50
|
"publishConfig": {
|
47
51
|
"registry": "https://registry.npmjs.org/"
|
48
52
|
},
|
49
53
|
"dependencies": {
|
50
54
|
"@react-aria/checkbox": "3.2.1",
|
51
|
-
"@react-aria/utils": "3.6.0",
|
52
|
-
"@react-native-aria/toggle": "0.2.
|
53
|
-
"@react-native-aria/utils": "0.2.
|
54
|
-
"@react-stately/toggle": "3.2.1"
|
55
|
+
"@react-aria/utils": "^3.6.0",
|
56
|
+
"@react-native-aria/toggle": "^0.2.8",
|
57
|
+
"@react-native-aria/utils": "0.2.11",
|
58
|
+
"@react-stately/toggle": "^3.2.1"
|
55
59
|
},
|
56
60
|
"peerDependencies": {
|
57
61
|
"react": "*",
|
package/src/useCheckbox.ts
CHANGED
@@ -1,8 +1,8 @@
|
|
1
1
|
import type { RefObject } from 'react';
|
2
2
|
import type { ToggleState } from '@react-stately/toggle';
|
3
3
|
import { mergeProps } from '@react-aria/utils';
|
4
|
-
import { useToggle } from '@react-native-aria/toggle';
|
5
4
|
import type { AccessibilityProps } from 'react-native';
|
5
|
+
import { useToggle } from '@react-native-aria/toggle';
|
6
6
|
import { AriaCheckboxProps } from '@react-types/checkbox';
|
7
7
|
|
8
8
|
export interface CheckboxAria extends AccessibilityProps {
|