@react-native-aria/checkbox 0.2.8-alpha.0 → 0.2.8

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.
Files changed (41) hide show
  1. package/lib/commonjs/index.js +0 -6
  2. package/lib/commonjs/index.js.map +1 -1
  3. package/lib/commonjs/index.web.js +4 -6
  4. package/lib/commonjs/index.web.js.map +1 -1
  5. package/lib/commonjs/useCheckbox.js +0 -3
  6. package/lib/commonjs/useCheckbox.js.map +1 -1
  7. package/lib/commonjs/useCheckboxGroup.js +0 -3
  8. package/lib/commonjs/useCheckboxGroup.js.map +1 -1
  9. package/lib/commonjs/useCheckboxGroup.web.js +4 -5
  10. package/lib/commonjs/useCheckboxGroup.web.js.map +1 -1
  11. package/lib/commonjs/useCheckboxGroupItem.js +2 -7
  12. package/lib/commonjs/useCheckboxGroupItem.js.map +1 -1
  13. package/lib/commonjs/utils.js +1 -2
  14. package/lib/commonjs/utils.js.map +1 -1
  15. package/lib/module/index.js.map +1 -1
  16. package/lib/module/index.web.js.map +1 -1
  17. package/lib/module/useCheckbox.js +0 -1
  18. package/lib/module/useCheckbox.js.map +1 -1
  19. package/lib/module/useCheckboxGroup.js +0 -1
  20. package/lib/module/useCheckboxGroup.js.map +1 -1
  21. package/lib/module/useCheckboxGroup.web.js +4 -3
  22. package/lib/module/useCheckboxGroup.web.js.map +1 -1
  23. package/lib/module/useCheckboxGroupItem.js +4 -5
  24. package/lib/module/useCheckboxGroupItem.js.map +1 -1
  25. package/lib/module/utils.js.map +1 -1
  26. package/lib/typescript/index.d.ts +1 -0
  27. package/lib/typescript/index.d.ts.map +1 -0
  28. package/lib/typescript/index.web.d.ts +1 -0
  29. package/lib/typescript/index.web.d.ts.map +1 -0
  30. package/lib/typescript/useCheckbox.d.ts +1 -0
  31. package/lib/typescript/useCheckbox.d.ts.map +1 -0
  32. package/lib/typescript/useCheckboxGroup.d.ts +1 -0
  33. package/lib/typescript/useCheckboxGroup.d.ts.map +1 -0
  34. package/lib/typescript/useCheckboxGroup.web.d.ts +1 -0
  35. package/lib/typescript/useCheckboxGroup.web.d.ts.map +1 -0
  36. package/lib/typescript/useCheckboxGroupItem.d.ts +1 -0
  37. package/lib/typescript/useCheckboxGroupItem.d.ts.map +1 -0
  38. package/lib/typescript/utils.d.ts +1 -0
  39. package/lib/typescript/utils.d.ts.map +1 -0
  40. package/package.json +6 -5
  41. package/src/useCheckbox.ts +1 -1
@@ -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,"sources":["index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './useCheckbox';\nexport * from './useCheckboxGroup';\nexport * from './useCheckboxGroupItem';\n"]}
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, "useCheckboxGroupItem", {
12
+ Object.defineProperty(exports, "useCheckboxGroup", {
13
13
  enumerable: true,
14
14
  get: function () {
15
- return _checkbox.useCheckboxGroupItem;
15
+ return _useCheckboxGroup.useCheckboxGroup;
16
16
  }
17
17
  });
18
- Object.defineProperty(exports, "useCheckboxGroup", {
18
+ Object.defineProperty(exports, "useCheckboxGroupItem", {
19
19
  enumerable: true,
20
20
  get: function () {
21
- return _useCheckboxGroup.useCheckboxGroup;
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,"sources":["index.web.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA","sourcesContent":["export { useCheckbox } from \"@react-aria/checkbox\";\nexport { useCheckboxGroup } from \"./useCheckboxGroup.web\";\nexport { useCheckboxGroupItem } from \"@react-aria/checkbox\";\n"]}
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,"sources":["useCheckbox.ts"],"names":["useCheckbox","props","state","inputRef","inputProps","isSelected","isIndeterminate","isDisabled"],"mappings":";;;;;;;AAEA;;AACA;;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,WAAT,CACLC,KADK,EAELC,KAFK,EAGLC,QAHK,EAIS;AACd,MAAI;AAAEC,IAAAA;AAAF,MAAiB,uBAAUH,KAAV,EAAiBC,KAAjB,EAAwBC,QAAxB,CAArB;AACA,MAAI;AAAEE,IAAAA;AAAF,MAAiBH,KAArB;AAEA,MAAI;AAAEI,IAAAA;AAAF,MAAsBL,KAA1B;AAEA,SAAO;AACLG,IAAAA,UAAU,EAAE,uBAAWA,UAAX,EAAuB;AACjC,iBAAWC,UADsB;AAEjC,cAAQ,UAFyB;AAGjC,sBAAgBC,eAAe,GAAG,OAAH,GAAaD,UAHX;AAIjC,uBAAiBJ,KAAK,CAACM;AAJU,KAAvB;AADP,GAAP;AAQD","sourcesContent":["import type { RefObject } from 'react';\nimport type { ToggleState } from '@react-stately/toggle';\nimport { mergeProps } from '@react-aria/utils';\nimport { useToggle } from '@react-native-aria/toggle';\nimport type { AccessibilityProps } from 'react-native';\nimport { AriaCheckboxProps } from '@react-types/checkbox';\n\nexport interface CheckboxAria extends AccessibilityProps {\n /** Props for the input or Pressable/Touchable element. */\n inputProps: any;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a checkbox component.\n * Checkboxes allow users to select multiple items from a list of individual items, or\n * to mark one individual item as selected.\n * @param props - Props for the checkbox.\n * @param state - State for the checkbox, as returned by `useToggleState`.\n * @param inputRef - A ref for the HTML input element.\n */\nexport function useCheckbox(\n props: AriaCheckboxProps,\n state: ToggleState,\n inputRef: RefObject<HTMLInputElement>\n): CheckboxAria {\n let { inputProps } = useToggle(props, state, inputRef);\n let { isSelected } = state;\n\n let { isIndeterminate } = props;\n\n return {\n inputProps: mergeProps(inputProps, {\n 'checked': isSelected,\n 'role': 'checkbox',\n 'aria-checked': isIndeterminate ? 'mixed' : isSelected,\n 'aria-disabled': props.isDisabled,\n }),\n };\n}\n"]}
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,"sources":["useCheckboxGroup.ts"],"names":["useCheckboxGroup","props","_state","isDisabled","domProps","labelable","groupProps","labelProps"],"mappings":";;;;;;;AACA;;AACA;;AAUA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,gBAAT,CACLC,KADK,EAELC,MAFK,EAGc;AACnB,MAAI;AAAEC,IAAAA;AAAF,MAAiBF,KAArB;AAEA,MAAIG,QAAQ,GAAG,2BAAeH,KAAf,EAAsB;AAAEI,IAAAA,SAAS,EAAE;AAAb,GAAtB,CAAf;AAEA,SAAO;AACLC,IAAAA,UAAU,EAAE,uBAAWF,QAAX,EAAqB;AAC/B,wBAAkBD,UADa;AAE/B,oBAAc,sBAASF,KAAT;AAFiB,KAArB,CADP;AAKLM,IAAAA,UAAU,EAAE;AALP,GAAP;AAOD","sourcesContent":["import type { CheckboxGroupState } from '@react-stately/checkbox';\nimport { mergeProps, filterDOMProps } from '@react-aria/utils';\nimport { getLabel } from '@react-native-aria/utils';\nimport { AriaCheckboxGroupProps } from '@react-types/checkbox';\n\ninterface CheckboxGroupAria {\n /** Props for the checkbox group wrapper element. */\n groupProps: any;\n /** Props for the checkbox group's visible label (if any). */\n labelProps: any;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a checkbox group component.\n * Checkbox groups allow users to select multiple items from a list of options.\n * @param props - Props for the checkbox group.\n * @param state - State for the checkbox group, as returned by `useCheckboxGroupState`.\n */\nexport function useCheckboxGroup(\n props: AriaCheckboxGroupProps,\n _state: CheckboxGroupState\n): CheckboxGroupAria {\n let { isDisabled } = props;\n\n let domProps = filterDOMProps(props, { labelable: true });\n\n return {\n groupProps: mergeProps(domProps, {\n ' aria-disabled': isDisabled,\n 'aria-label': getLabel(props),\n }),\n labelProps: {},\n };\n}\n"]}
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: { ...params.labelProps,
18
+ labelProps: {
19
+ ...params.labelProps,
22
20
  ...(0, _utils.mapDomPropsToRN)(params.labelProps)
23
21
  },
24
- groupProps: { ...params.groupProps,
22
+ groupProps: {
23
+ ...params.groupProps,
25
24
  ...(0, _utils.mapDomPropsToRN)(params.groupProps)
26
25
  }
27
26
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["useCheckboxGroup.web.ts"],"names":["useCheckboxGroup","props","state","params","labelProps","groupProps"],"mappings":";;;;;;;AAAA;;AAGA;;AASA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,gBAAT,CACLC,KADK,EAELC,KAFK,EAGc;AACnB,QAAMC,MAAM,GAAG,gCAAoBF,KAApB,EAA2BC,KAA3B,CAAf;AACA,SAAO;AACLE,IAAAA,UAAU,EAAE,EACV,GAAGD,MAAM,CAACC,UADA;AAEV,SAAG,4BAAgBD,MAAM,CAACC,UAAvB;AAFO,KADP;AAKLC,IAAAA,UAAU,EAAE,EACV,GAAGF,MAAM,CAACE,UADA;AAEV,SAAG,4BAAgBF,MAAM,CAACE,UAAvB;AAFO;AALP,GAAP;AAUD","sourcesContent":["import { useCheckboxGroup as useCheckboxGroupWeb } from '@react-aria/checkbox';\nimport { AriaCheckboxGroupProps } from '@react-types/checkbox';\nimport { CheckboxGroupState } from '@react-stately/checkbox';\nimport { mapDomPropsToRN } from '@react-native-aria/utils';\n\ninterface CheckboxGroupAria {\n /** Props for the checkbox group wrapper element. */\n groupProps: any;\n /** Props for the checkbox group's visible label (if any). */\n labelProps: any;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a checkbox group component.\n * Checkbox groups allow users to select multiple items from a list of options.\n * @param props - Props for the checkbox group.\n * @param state - State for the checkbox group, as returned by `useCheckboxGroupState`.\n */\nexport function useCheckboxGroup(\n props: AriaCheckboxGroupProps,\n state: CheckboxGroupState\n): CheckboxGroupAria {\n const params = useCheckboxGroupWeb(props, state);\n return {\n labelProps: {\n ...params.labelProps,\n ...mapDomPropsToRN(params.labelProps),\n },\n groupProps: {\n ...params.groupProps,\n ...mapDomPropsToRN(params.groupProps),\n },\n };\n}\n"]}
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)({ ...props,
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,"sources":["useCheckboxGroupItem.ts"],"names":["useCheckboxGroupItem","props","state","inputRef","toggleState","isReadOnly","isSelected","value","onChange","addValue","removeValue","inputProps","isDisabled"],"mappings":";;;;;;;AAaA;;AAGA;;AAhBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,oBAAT,CACLC,KADK,EAELC,KAFK,EAGLC,QAHK,EAIS;AACd,QAAMC,WAAW,GAAG,4BAAe;AACjCC,IAAAA,UAAU,EAAEJ,KAAK,CAACI,UAAN,IAAoBH,KAAK,CAACG,UADL;AAEjC;AACAC,IAAAA,UAAU,EAAEJ,KAAK,CAACI,UAAN,CAAiBL,KAAK,CAACM,KAAvB,CAHqB;;AAIjCC,IAAAA,QAAQ,CAACF,UAAD,EAAa;AACnB,UAAIA,UAAJ,EAAgB;AACd;AACAJ,QAAAA,KAAK,CAACO,QAAN,CAAeR,KAAK,CAACM,KAArB;AACD,OAHD,MAGO;AACL;AACAL,QAAAA,KAAK,CAACQ,WAAN,CAAkBT,KAAK,CAACM,KAAxB;AACD;;AAED,UAAIN,KAAK,CAACO,QAAV,EAAoB;AAClBP,QAAAA,KAAK,CAACO,QAAN,CAAeF,UAAf;AACD;AACF;;AAhBgC,GAAf,CAApB;AAmBA,MAAI;AAAEK,IAAAA;AAAF,MAAiB,8BACnB,EACE,GAAGV,KADL;AAEEI,IAAAA,UAAU,EAAEJ,KAAK,CAACI,UAAN,IAAoBH,KAAK,CAACG,UAFxC;AAGEO,IAAAA,UAAU,EAAEX,KAAK,CAACW,UAAN,IAAoBV,KAAK,CAACU;AAHxC,GADmB,EAMnBR,WANmB,EAOnBD,QAPmB,CAArB;AAUA,SAAO;AAAEQ,IAAAA;AAAF,GAAP;AACD","sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport type { AriaCheckboxGroupItemProps } from '@react-types/checkbox';\nimport { CheckboxAria, useCheckbox } from './useCheckbox';\nimport type { CheckboxGroupState } from '@react-stately/checkbox';\nimport type { RefObject } from 'react';\nimport { useToggleState } from '@react-stately/toggle';\n\n/**\n * Provides the behavior and accessibility implementation for a checkbox component contained within a checkbox group.\n * Checkbox groups allow users to select multiple items from a list of options.\n * @param props - Props for the checkbox.\n * @param state - State for the checkbox, as returned by `useCheckboxGroupState`.\n * @param inputRef - A ref for the HTML input element.\n */\nexport function useCheckboxGroupItem(\n props: AriaCheckboxGroupItemProps,\n state: CheckboxGroupState,\n inputRef: RefObject<any>\n): CheckboxAria {\n const toggleState = useToggleState({\n isReadOnly: props.isReadOnly || state.isReadOnly,\n //@ts-ignore\n isSelected: state.isSelected(props.value),\n onChange(isSelected) {\n if (isSelected) {\n //@ts-ignore\n state.addValue(props.value);\n } else {\n //@ts-ignore\n state.removeValue(props.value);\n }\n\n if (props.onChange) {\n props.onChange(isSelected);\n }\n },\n });\n\n let { inputProps } = useCheckbox(\n {\n ...props,\n isReadOnly: props.isReadOnly || state.isReadOnly,\n isDisabled: props.isDisabled || state.isDisabled,\n },\n toggleState,\n inputRef\n );\n\n return { inputProps };\n}\n"]}
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"}
@@ -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,"sources":["utils.ts"],"names":["checkboxGroupNames","WeakMap"],"mappings":";;;;;;AAEO,MAAMA,kBAAkB,GAAG,IAAIC,OAAJ,EAA3B","sourcesContent":["import { CheckboxGroupState } from \"@react-stately/checkbox\";\n\nexport const checkboxGroupNames = new WeakMap<CheckboxGroupState, string>();\n"]}
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"}
@@ -1 +1 @@
1
- {"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAd;AACA,cAAc,oBAAd;AACA,cAAc,wBAAd","sourcesContent":["export * from './useCheckbox';\nexport * from './useCheckboxGroup';\nexport * from './useCheckboxGroupItem';\n"]}
1
+ {"version":3,"names":[],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA,cAAc,eAAe;AAC7B,cAAc,oBAAoB;AAClC,cAAc,wBAAwB"}
@@ -1 +1 @@
1
- {"version":3,"sources":["index.web.ts"],"names":["useCheckbox","useCheckboxGroup","useCheckboxGroupItem"],"mappings":"AAAA,SAASA,WAAT,QAA4B,sBAA5B;AACA,SAASC,gBAAT,QAAiC,wBAAjC;AACA,SAASC,oBAAT,QAAqC,sBAArC","sourcesContent":["export { useCheckbox } from \"@react-aria/checkbox\";\nexport { useCheckboxGroup } from \"./useCheckboxGroup.web\";\nexport { useCheckboxGroupItem } from \"@react-aria/checkbox\";\n"]}
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,"sources":["useCheckbox.ts"],"names":["mergeProps","useToggle","useCheckbox","props","state","inputRef","inputProps","isSelected","isIndeterminate","isDisabled"],"mappings":"AAEA,SAASA,UAAT,QAA2B,mBAA3B;AACA,SAASC,SAAT,QAA0B,2BAA1B;;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,WAAT,CACLC,KADK,EAELC,KAFK,EAGLC,QAHK,EAIS;AACd,MAAI;AAAEC,IAAAA;AAAF,MAAiBL,SAAS,CAACE,KAAD,EAAQC,KAAR,EAAeC,QAAf,CAA9B;AACA,MAAI;AAAEE,IAAAA;AAAF,MAAiBH,KAArB;AAEA,MAAI;AAAEI,IAAAA;AAAF,MAAsBL,KAA1B;AAEA,SAAO;AACLG,IAAAA,UAAU,EAAEN,UAAU,CAACM,UAAD,EAAa;AACjC,iBAAWC,UADsB;AAEjC,cAAQ,UAFyB;AAGjC,sBAAgBC,eAAe,GAAG,OAAH,GAAaD,UAHX;AAIjC,uBAAiBJ,KAAK,CAACM;AAJU,KAAb;AADjB,GAAP;AAQD","sourcesContent":["import type { RefObject } from 'react';\nimport type { ToggleState } from '@react-stately/toggle';\nimport { mergeProps } from '@react-aria/utils';\nimport { useToggle } from '@react-native-aria/toggle';\nimport type { AccessibilityProps } from 'react-native';\nimport { AriaCheckboxProps } from '@react-types/checkbox';\n\nexport interface CheckboxAria extends AccessibilityProps {\n /** Props for the input or Pressable/Touchable element. */\n inputProps: any;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a checkbox component.\n * Checkboxes allow users to select multiple items from a list of individual items, or\n * to mark one individual item as selected.\n * @param props - Props for the checkbox.\n * @param state - State for the checkbox, as returned by `useToggleState`.\n * @param inputRef - A ref for the HTML input element.\n */\nexport function useCheckbox(\n props: AriaCheckboxProps,\n state: ToggleState,\n inputRef: RefObject<HTMLInputElement>\n): CheckboxAria {\n let { inputProps } = useToggle(props, state, inputRef);\n let { isSelected } = state;\n\n let { isIndeterminate } = props;\n\n return {\n inputProps: mergeProps(inputProps, {\n 'checked': isSelected,\n 'role': 'checkbox',\n 'aria-checked': isIndeterminate ? 'mixed' : isSelected,\n 'aria-disabled': props.isDisabled,\n }),\n };\n}\n"]}
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,"sources":["useCheckboxGroup.ts"],"names":["mergeProps","filterDOMProps","getLabel","useCheckboxGroup","props","_state","isDisabled","domProps","labelable","groupProps","labelProps"],"mappings":"AACA,SAASA,UAAT,EAAqBC,cAArB,QAA2C,mBAA3C;AACA,SAASC,QAAT,QAAyB,0BAAzB;;AAUA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,gBAAT,CACLC,KADK,EAELC,MAFK,EAGc;AACnB,MAAI;AAAEC,IAAAA;AAAF,MAAiBF,KAArB;AAEA,MAAIG,QAAQ,GAAGN,cAAc,CAACG,KAAD,EAAQ;AAAEI,IAAAA,SAAS,EAAE;AAAb,GAAR,CAA7B;AAEA,SAAO;AACLC,IAAAA,UAAU,EAAET,UAAU,CAACO,QAAD,EAAW;AAC/B,wBAAkBD,UADa;AAE/B,oBAAcJ,QAAQ,CAACE,KAAD;AAFS,KAAX,CADjB;AAKLM,IAAAA,UAAU,EAAE;AALP,GAAP;AAOD","sourcesContent":["import type { CheckboxGroupState } from '@react-stately/checkbox';\nimport { mergeProps, filterDOMProps } from '@react-aria/utils';\nimport { getLabel } from '@react-native-aria/utils';\nimport { AriaCheckboxGroupProps } from '@react-types/checkbox';\n\ninterface CheckboxGroupAria {\n /** Props for the checkbox group wrapper element. */\n groupProps: any;\n /** Props for the checkbox group's visible label (if any). */\n labelProps: any;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a checkbox group component.\n * Checkbox groups allow users to select multiple items from a list of options.\n * @param props - Props for the checkbox group.\n * @param state - State for the checkbox group, as returned by `useCheckboxGroupState`.\n */\nexport function useCheckboxGroup(\n props: AriaCheckboxGroupProps,\n _state: CheckboxGroupState\n): CheckboxGroupAria {\n let { isDisabled } = props;\n\n let domProps = filterDOMProps(props, { labelable: true });\n\n return {\n groupProps: mergeProps(domProps, {\n ' aria-disabled': isDisabled,\n 'aria-label': getLabel(props),\n }),\n labelProps: {},\n };\n}\n"]}
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: { ...params.labelProps,
12
+ labelProps: {
13
+ ...params.labelProps,
14
14
  ...mapDomPropsToRN(params.labelProps)
15
15
  },
16
- groupProps: { ...params.groupProps,
16
+ groupProps: {
17
+ ...params.groupProps,
17
18
  ...mapDomPropsToRN(params.groupProps)
18
19
  }
19
20
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["useCheckboxGroup.web.ts"],"names":["useCheckboxGroup","useCheckboxGroupWeb","mapDomPropsToRN","props","state","params","labelProps","groupProps"],"mappings":"AAAA,SAASA,gBAAgB,IAAIC,mBAA7B,QAAwD,sBAAxD;AAGA,SAASC,eAAT,QAAgC,0BAAhC;;AASA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASF,gBAAT,CACLG,KADK,EAELC,KAFK,EAGc;AACnB,QAAMC,MAAM,GAAGJ,mBAAmB,CAACE,KAAD,EAAQC,KAAR,CAAlC;AACA,SAAO;AACLE,IAAAA,UAAU,EAAE,EACV,GAAGD,MAAM,CAACC,UADA;AAEV,SAAGJ,eAAe,CAACG,MAAM,CAACC,UAAR;AAFR,KADP;AAKLC,IAAAA,UAAU,EAAE,EACV,GAAGF,MAAM,CAACE,UADA;AAEV,SAAGL,eAAe,CAACG,MAAM,CAACE,UAAR;AAFR;AALP,GAAP;AAUD","sourcesContent":["import { useCheckboxGroup as useCheckboxGroupWeb } from '@react-aria/checkbox';\nimport { AriaCheckboxGroupProps } from '@react-types/checkbox';\nimport { CheckboxGroupState } from '@react-stately/checkbox';\nimport { mapDomPropsToRN } from '@react-native-aria/utils';\n\ninterface CheckboxGroupAria {\n /** Props for the checkbox group wrapper element. */\n groupProps: any;\n /** Props for the checkbox group's visible label (if any). */\n labelProps: any;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a checkbox group component.\n * Checkbox groups allow users to select multiple items from a list of options.\n * @param props - Props for the checkbox group.\n * @param state - State for the checkbox group, as returned by `useCheckboxGroupState`.\n */\nexport function useCheckboxGroup(\n props: AriaCheckboxGroupProps,\n state: CheckboxGroupState\n): CheckboxGroupAria {\n const params = useCheckboxGroupWeb(props, state);\n return {\n labelProps: {\n ...params.labelProps,\n ...mapDomPropsToRN(params.labelProps),\n },\n groupProps: {\n ...params.groupProps,\n ...mapDomPropsToRN(params.groupProps),\n },\n };\n}\n"]}
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({ ...props,
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,"sources":["useCheckboxGroupItem.ts"],"names":["useCheckbox","useToggleState","useCheckboxGroupItem","props","state","inputRef","toggleState","isReadOnly","isSelected","value","onChange","addValue","removeValue","inputProps","isDisabled"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,SAAuBA,WAAvB,QAA0C,eAA1C;AAGA,SAASC,cAAT,QAA+B,uBAA/B;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,oBAAT,CACLC,KADK,EAELC,KAFK,EAGLC,QAHK,EAIS;AACd,QAAMC,WAAW,GAAGL,cAAc,CAAC;AACjCM,IAAAA,UAAU,EAAEJ,KAAK,CAACI,UAAN,IAAoBH,KAAK,CAACG,UADL;AAEjC;AACAC,IAAAA,UAAU,EAAEJ,KAAK,CAACI,UAAN,CAAiBL,KAAK,CAACM,KAAvB,CAHqB;;AAIjCC,IAAAA,QAAQ,CAACF,UAAD,EAAa;AACnB,UAAIA,UAAJ,EAAgB;AACd;AACAJ,QAAAA,KAAK,CAACO,QAAN,CAAeR,KAAK,CAACM,KAArB;AACD,OAHD,MAGO;AACL;AACAL,QAAAA,KAAK,CAACQ,WAAN,CAAkBT,KAAK,CAACM,KAAxB;AACD;;AAED,UAAIN,KAAK,CAACO,QAAV,EAAoB;AAClBP,QAAAA,KAAK,CAACO,QAAN,CAAeF,UAAf;AACD;AACF;;AAhBgC,GAAD,CAAlC;AAmBA,MAAI;AAAEK,IAAAA;AAAF,MAAiBb,WAAW,CAC9B,EACE,GAAGG,KADL;AAEEI,IAAAA,UAAU,EAAEJ,KAAK,CAACI,UAAN,IAAoBH,KAAK,CAACG,UAFxC;AAGEO,IAAAA,UAAU,EAAEX,KAAK,CAACW,UAAN,IAAoBV,KAAK,CAACU;AAHxC,GAD8B,EAM9BR,WAN8B,EAO9BD,QAP8B,CAAhC;AAUA,SAAO;AAAEQ,IAAAA;AAAF,GAAP;AACD","sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport type { AriaCheckboxGroupItemProps } from '@react-types/checkbox';\nimport { CheckboxAria, useCheckbox } from './useCheckbox';\nimport type { CheckboxGroupState } from '@react-stately/checkbox';\nimport type { RefObject } from 'react';\nimport { useToggleState } from '@react-stately/toggle';\n\n/**\n * Provides the behavior and accessibility implementation for a checkbox component contained within a checkbox group.\n * Checkbox groups allow users to select multiple items from a list of options.\n * @param props - Props for the checkbox.\n * @param state - State for the checkbox, as returned by `useCheckboxGroupState`.\n * @param inputRef - A ref for the HTML input element.\n */\nexport function useCheckboxGroupItem(\n props: AriaCheckboxGroupItemProps,\n state: CheckboxGroupState,\n inputRef: RefObject<any>\n): CheckboxAria {\n const toggleState = useToggleState({\n isReadOnly: props.isReadOnly || state.isReadOnly,\n //@ts-ignore\n isSelected: state.isSelected(props.value),\n onChange(isSelected) {\n if (isSelected) {\n //@ts-ignore\n state.addValue(props.value);\n } else {\n //@ts-ignore\n state.removeValue(props.value);\n }\n\n if (props.onChange) {\n props.onChange(isSelected);\n }\n },\n });\n\n let { inputProps } = useCheckbox(\n {\n ...props,\n isReadOnly: props.isReadOnly || state.isReadOnly,\n isDisabled: props.isDisabled || state.isDisabled,\n },\n toggleState,\n inputRef\n );\n\n return { inputProps };\n}\n"]}
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"}
@@ -1 +1 @@
1
- {"version":3,"sources":["utils.ts"],"names":["checkboxGroupNames","WeakMap"],"mappings":"AAEA,OAAO,MAAMA,kBAAkB,GAAG,IAAIC,OAAJ,EAA3B","sourcesContent":["import { CheckboxGroupState } from \"@react-stately/checkbox\";\n\nexport const checkboxGroupNames = new WeakMap<CheckboxGroupState, string>();\n"]}
1
+ {"version":3,"names":["checkboxGroupNames","WeakMap"],"sourceRoot":"../../src","sources":["utils.ts"],"mappings":"AAEA,OAAO,MAAMA,kBAAkB,GAAG,IAAIC,OAAO,CAA6B,CAAC"}
@@ -1,3 +1,4 @@
1
1
  export * from './useCheckbox';
2
2
  export * from './useCheckboxGroup';
3
3
  export * from './useCheckboxGroupItem';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -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"}
@@ -1,3 +1,4 @@
1
1
  export { useCheckbox } from "@react-aria/checkbox";
2
2
  export { useCheckboxGroup } from "./useCheckboxGroup.web";
3
3
  export { useCheckboxGroupItem } from "@react-aria/checkbox";
4
+ //# sourceMappingURL=index.web.d.ts.map
@@ -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"}
@@ -14,3 +14,4 @@ interface CheckboxGroupAria {
14
14
  */
15
15
  export declare function useCheckboxGroup(props: AriaCheckboxGroupProps, _state: CheckboxGroupState): CheckboxGroupAria;
16
16
  export {};
17
+ //# sourceMappingURL=useCheckboxGroup.d.ts.map
@@ -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"}
@@ -14,3 +14,4 @@ interface CheckboxGroupAria {
14
14
  */
15
15
  export declare function useCheckboxGroup(props: AriaCheckboxGroupProps, state: CheckboxGroupState): CheckboxGroupAria;
16
16
  export {};
17
+ //# sourceMappingURL=useCheckboxGroup.web.d.ts.map
@@ -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"}
@@ -1,2 +1,3 @@
1
1
  import { CheckboxGroupState } from "@react-stately/checkbox";
2
2
  export declare const checkboxGroupNames: WeakMap<CheckboxGroupState, string>;
3
+ //# sourceMappingURL=utils.d.ts.map
@@ -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.8-alpha.0",
3
+ "version": "0.2.8",
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",
@@ -48,10 +49,10 @@
48
49
  },
49
50
  "dependencies": {
50
51
  "@react-aria/checkbox": "3.2.1",
51
- "@react-aria/utils": "3.6.0",
52
- "@react-native-aria/toggle": "0.2.6",
53
- "@react-native-aria/utils": "0.2.10",
54
- "@react-stately/toggle": "3.2.1"
52
+ "@react-aria/utils": "^3.6.0",
53
+ "@react-native-aria/toggle": "^0.2.6",
54
+ "@react-native-aria/utils": "^0.2.10",
55
+ "@react-stately/toggle": "^3.2.1"
55
56
  },
56
57
  "peerDependencies": {
57
58
  "react": "*",
@@ -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 {