@instructure/ui-checkbox 8.14.1-snapshot.7 → 8.15.1-snapshot.2

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 (50) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/es/Checkbox/CheckboxFacade/index.js +11 -6
  3. package/es/Checkbox/CheckboxFacade/props.js +0 -4
  4. package/es/Checkbox/CheckboxLocator.js +2 -1
  5. package/es/Checkbox/ToggleFacade/index.js +17 -12
  6. package/es/Checkbox/index.js +45 -43
  7. package/es/Checkbox/props.js +0 -29
  8. package/es/Checkbox/styles.js +1 -1
  9. package/es/CheckboxGroup/CheckboxGroupLocator.js +2 -1
  10. package/es/CheckboxGroup/index.js +16 -19
  11. package/lib/Checkbox/CheckboxFacade/index.js +11 -6
  12. package/lib/Checkbox/CheckboxFacade/props.js +0 -4
  13. package/lib/Checkbox/CheckboxLocator.js +1 -0
  14. package/lib/Checkbox/ToggleFacade/index.js +17 -12
  15. package/lib/Checkbox/index.js +47 -43
  16. package/lib/Checkbox/props.js +0 -29
  17. package/lib/Checkbox/styles.js +1 -1
  18. package/lib/CheckboxGroup/CheckboxGroupLocator.js +1 -0
  19. package/lib/CheckboxGroup/index.js +16 -19
  20. package/package.json +20 -20
  21. package/src/Checkbox/CheckboxFacade/index.tsx +4 -6
  22. package/src/Checkbox/CheckboxFacade/props.ts +3 -3
  23. package/src/Checkbox/ToggleFacade/index.tsx +4 -6
  24. package/src/Checkbox/ToggleFacade/props.ts +1 -0
  25. package/src/Checkbox/index.tsx +29 -54
  26. package/src/Checkbox/props.ts +36 -30
  27. package/src/Checkbox/styles.ts +2 -2
  28. package/src/CheckboxGroup/index.tsx +24 -40
  29. package/src/CheckboxGroup/props.ts +11 -5
  30. package/tsconfig.build.tsbuildinfo +1 -1
  31. package/types/Checkbox/CheckboxFacade/index.d.ts +2 -1
  32. package/types/Checkbox/CheckboxFacade/index.d.ts.map +1 -1
  33. package/types/Checkbox/CheckboxFacade/props.d.ts +3 -0
  34. package/types/Checkbox/CheckboxFacade/props.d.ts.map +1 -1
  35. package/types/Checkbox/CheckboxLocator.d.ts +4 -4
  36. package/types/Checkbox/ToggleFacade/index.d.ts +2 -1
  37. package/types/Checkbox/ToggleFacade/index.d.ts.map +1 -1
  38. package/types/Checkbox/ToggleFacade/props.d.ts +1 -1
  39. package/types/Checkbox/ToggleFacade/props.d.ts.map +1 -1
  40. package/types/Checkbox/index.d.ts +32 -29
  41. package/types/Checkbox/index.d.ts.map +1 -1
  42. package/types/Checkbox/props.d.ts +34 -8
  43. package/types/Checkbox/props.d.ts.map +1 -1
  44. package/types/Checkbox/styles.d.ts +2 -1
  45. package/types/Checkbox/styles.d.ts.map +1 -1
  46. package/types/CheckboxGroup/CheckboxGroupLocator.d.ts +4 -4
  47. package/types/CheckboxGroup/index.d.ts +16 -14
  48. package/types/CheckboxGroup/index.d.ts.map +1 -1
  49. package/types/CheckboxGroup/props.d.ts +11 -5
  50. package/types/CheckboxGroup/props.d.ts.map +1 -1
@@ -6,6 +6,7 @@ import type { CheckboxFacadeProps } from './props';
6
6
  ---
7
7
  parent: Checkbox
8
8
  ---
9
+ @tsProps
9
10
  **/
10
11
  declare class CheckboxFacade extends Component<CheckboxFacadeProps> {
11
12
  static readonly componentId = "CheckboxFacade";
@@ -35,7 +36,7 @@ declare class CheckboxFacade extends Component<CheckboxFacadeProps> {
35
36
  ref: Element | null;
36
37
  handleRef: (el: Element | null) => void;
37
38
  componentDidMount(): void;
38
- componentDidUpdate(prevProps: any, prevState: any, snapshot: any): void;
39
+ componentDidUpdate(): void;
39
40
  renderIcon(): jsx.JSX.Element | null;
40
41
  render(): jsx.JSX.Element;
41
42
  }
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/CheckboxFacade/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD;;;;GAIG;AACH,cACM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,QAAQ,CAAC,WAAW,oBAAmB;IAE9C,MAAM,CAAC,SAAS;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;MAMlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAE9B;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,UAAU;IAcV,MAAM;CAYP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/CheckboxFacade/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD;;;;;GAKG;AACH,cACM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,QAAQ,CAAC,WAAW,oBAAmB;IAE9C,MAAM,CAAC,SAAS;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;MAMlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAE9B;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,UAAU;IAcV,MAAM;CAYP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}
@@ -7,6 +7,9 @@ declare type CheckboxFacadeOwnProps = {
7
7
  focused?: boolean;
8
8
  hovered?: boolean;
9
9
  size?: 'small' | 'medium' | 'large';
10
+ /**
11
+ * Visual state showing that child checkboxes are a combination of checked and unchecked
12
+ */
10
13
  indeterminate?: boolean;
11
14
  };
12
15
  declare type PropKeys = keyof CheckboxFacadeOwnProps;
@@ -1 +1 @@
1
- {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/CheckboxFacade/props.ts"],"names":[],"mappings":";AA0BA,OAAO,KAAK,EACV,cAAc,EACd,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,sBAAsB,GAAG;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,sBAAsB,CAAA;AAE5C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,mBAAmB,GAAG,sBAAsB,GAC/C,cAAc,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,CAAA;AAE1D,aAAK,mBAAmB,GAAG,cAAc,CAAC,gBAAgB,GAAG,QAAQ,GAAG,OAAO,CAAC,CAAA;AAEhF,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAUvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAOnB,CAAA;AAED,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
1
+ {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/CheckboxFacade/props.ts"],"names":[],"mappings":";AA0BA,OAAO,KAAK,EACV,cAAc,EACd,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,sBAAsB,GAAG;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,sBAAsB,CAAA;AAE5C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,mBAAmB,GAAG,sBAAsB,GAC/C,cAAc,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,CAAA;AAE1D,aAAK,mBAAmB,GAAG,cAAc,CAAC,gBAAgB,GAAG,QAAQ,GAAG,OAAO,CAAC,CAAA;AAEhF,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAOvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAOnB,CAAA;AAED,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
@@ -36,7 +36,7 @@ export declare const CheckboxLocator: {
36
36
  debug: (maxLength?: number | undefined, options?: {
37
37
  highlight: boolean;
38
38
  } | undefined) => void;
39
- accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
39
+ accessible: (options?: Record<string, unknown> | undefined) => Promise<true | Error>;
40
40
  getTextContent: () => string | null;
41
41
  getParentNode: () => ParentNode | null;
42
42
  parent: () => ParentNode | null;
@@ -175,7 +175,7 @@ export declare const CheckboxLocator: {
175
175
  debug: (maxLength?: number | undefined, options?: {
176
176
  highlight: boolean;
177
177
  } | undefined) => void;
178
- accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
178
+ accessible: (options?: Record<string, unknown> | undefined) => Promise<true | Error>;
179
179
  getTextContent: () => string | null;
180
180
  getParentNode: () => ParentNode | null;
181
181
  parent: () => ParentNode | null;
@@ -314,7 +314,7 @@ export declare const CheckboxLocator: {
314
314
  debug: (maxLength?: number | undefined, options?: {
315
315
  highlight: boolean;
316
316
  } | undefined) => void;
317
- accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
317
+ accessible: (options?: Record<string, unknown> | undefined) => Promise<true | Error>;
318
318
  getTextContent: () => string | null;
319
319
  getParentNode: () => ParentNode | null;
320
320
  parent: () => ParentNode | null;
@@ -453,7 +453,7 @@ export declare const CheckboxLocator: {
453
453
  debug: (maxLength?: number | undefined, options?: {
454
454
  highlight: boolean;
455
455
  } | undefined) => void;
456
- accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
456
+ accessible: (options?: Record<string, unknown> | undefined) => Promise<true | Error>;
457
457
  getTextContent: () => string | null;
458
458
  getParentNode: () => ParentNode | null;
459
459
  parent: () => ParentNode | null;
@@ -6,6 +6,7 @@ import type { ToggleFacadeProps } from './props';
6
6
  ---
7
7
  parent: Checkbox
8
8
  ---
9
+ @tsProps
9
10
  **/
10
11
  declare class ToggleFacade extends Component<ToggleFacadeProps> {
11
12
  static readonly componentId = "ToggleFacade";
@@ -38,7 +39,7 @@ declare class ToggleFacade extends Component<ToggleFacadeProps> {
38
39
  ref: Element | null;
39
40
  handleRef: (el: Element | null) => void;
40
41
  componentDidMount(): void;
41
- componentDidUpdate(prevProps: any, prevState: any, snapshot: any): void;
42
+ componentDidUpdate(): void;
42
43
  renderIcon(): jsx.JSX.Element;
43
44
  renderLabel(): jsx.JSX.Element;
44
45
  render(): jsx.JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/ToggleFacade/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEhD;;;;GAIG;AACH,cACM,YAAa,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IACrD,MAAM,CAAC,QAAQ,CAAC,WAAW,kBAAiB;IAE5C,MAAM,CAAC,SAAS;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;MAOlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAE9B;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,UAAU;IAUV,WAAW;IAMX,MAAM;CAgBP;AAED,eAAe,YAAY,CAAA;AAC3B,OAAO,EAAE,YAAY,EAAE,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/ToggleFacade/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEhD;;;;;GAKG;AACH,cACM,YAAa,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IACrD,MAAM,CAAC,QAAQ,CAAC,WAAW,kBAAiB;IAE5C,MAAM,CAAC,SAAS;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;MAOlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAE9B;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,UAAU;IAUV,WAAW;IAMX,MAAM;CAgBP;AAED,eAAe,YAAY,CAAA;AAC3B,OAAO,EAAE,YAAY,EAAE,CAAA"}
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  import type { PropValidators, ToggleFacadeTheme } from '@instructure/shared-types';
3
3
  import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
4
4
  declare type ToggleFacadeOwnProps = {
@@ -1 +1 @@
1
- {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/ToggleFacade/props.ts"],"names":[],"mappings":";AA0BA,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EAClB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,cAAc,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,KAAK,CAAA;CACzC,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,oBAAoB,CAAA;AAE1C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,iBAAiB,GAAG,oBAAoB,GAC3C,cAAc,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,CAAA;AAEtD,aAAK,iBAAiB,GAAG,cAAc,CACrC,cAAc,GAAG,QAAQ,GAAG,MAAM,GAAG,YAAY,GAAG,SAAS,GAAG,OAAO,CACxE,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAQvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAQnB,CAAA;AAED,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
1
+ {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/ToggleFacade/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EAClB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,cAAc,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,KAAK,CAAA;CACzC,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,oBAAoB,CAAA;AAE1C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,iBAAiB,GAAG,oBAAoB,GAC3C,cAAc,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,CAAA;AAEtD,aAAK,iBAAiB,GAAG,cAAc,CACrC,cAAc,GAAG,QAAQ,GAAG,MAAM,GAAG,YAAY,GAAG,SAAS,GAAG,OAAO,CACxE,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAQvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAQnB,CAAA;AAED,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
@@ -1,30 +1,31 @@
1
1
  /** @jsx jsx */
2
- import { Component } from 'react';
2
+ import React, { Component } from 'react';
3
3
  import { jsx } from '@instructure/emotion';
4
4
  import { CheckboxFacade } from './CheckboxFacade';
5
5
  import { ToggleFacade } from './ToggleFacade';
6
- import type { CheckboxProps } from './props';
6
+ import type { CheckboxProps, CheckboxState } from './props';
7
7
  /**
8
8
  ---
9
9
  category: components
10
10
  tags: toggle, switch
11
11
  ---
12
+ @tsProps
12
13
  **/
13
- declare class Checkbox extends Component<CheckboxProps> {
14
+ declare class Checkbox extends Component<CheckboxProps, CheckboxState> {
14
15
  static readonly componentId = "Checkbox";
15
16
  static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
16
- label: import("react").ReactNode;
17
+ label: React.ReactNode;
17
18
  id?: string | undefined;
18
19
  value?: string | number | undefined;
19
20
  messages?: import("@instructure/ui-form-field/types/FormPropTypes").FormMessage[] | undefined;
20
21
  defaultChecked?: boolean | undefined;
21
- checked?: any;
22
- onChange?: ((...args: any[]) => any) | undefined;
23
- onKeyDown?: ((...args: any[]) => any) | undefined;
24
- onFocus?: ((...args: any[]) => any) | undefined;
25
- onBlur?: ((...args: any[]) => any) | undefined;
26
- onMouseOver?: ((...args: any[]) => any) | undefined;
27
- onMouseOut?: ((...args: any[]) => any) | undefined;
22
+ checked?: boolean | undefined;
23
+ onChange?: ((e: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
24
+ onKeyDown?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
25
+ onFocus?: ((e: React.FocusEvent<HTMLInputElement, Element>) => void) | undefined;
26
+ onBlur?: ((e: React.FocusEvent<HTMLInputElement, Element>) => void) | undefined;
27
+ onMouseOver?: ((e: React.MouseEvent<HTMLInputElement, MouseEvent>) => void) | undefined;
28
+ onMouseOut?: ((e: React.MouseEvent<HTMLInputElement, MouseEvent>) => void) | undefined;
28
29
  disabled?: boolean | undefined;
29
30
  readOnly?: boolean | undefined;
30
31
  indeterminate?: boolean | undefined;
@@ -34,18 +35,18 @@ declare class Checkbox extends Component<CheckboxProps> {
34
35
  labelPlacement?: "top" | "end" | "start" | undefined;
35
36
  }>;
36
37
  static allowedProps: readonly (keyof {
37
- label: import("react").ReactNode;
38
+ label: React.ReactNode;
38
39
  id?: string | undefined;
39
40
  value?: string | number | undefined;
40
41
  messages?: import("@instructure/ui-form-field/types/FormPropTypes").FormMessage[] | undefined;
41
42
  defaultChecked?: boolean | undefined;
42
- checked?: any;
43
- onChange?: ((...args: any[]) => any) | undefined;
44
- onKeyDown?: ((...args: any[]) => any) | undefined;
45
- onFocus?: ((...args: any[]) => any) | undefined;
46
- onBlur?: ((...args: any[]) => any) | undefined;
47
- onMouseOver?: ((...args: any[]) => any) | undefined;
48
- onMouseOut?: ((...args: any[]) => any) | undefined;
43
+ checked?: boolean | undefined;
44
+ onChange?: ((e: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
45
+ onKeyDown?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
46
+ onFocus?: ((e: React.FocusEvent<HTMLInputElement, Element>) => void) | undefined;
47
+ onBlur?: ((e: React.FocusEvent<HTMLInputElement, Element>) => void) | undefined;
48
+ onMouseOver?: ((e: React.MouseEvent<HTMLInputElement, MouseEvent>) => void) | undefined;
49
+ onMouseOut?: ((e: React.MouseEvent<HTMLInputElement, MouseEvent>) => void) | undefined;
49
50
  disabled?: boolean | undefined;
50
51
  readOnly?: boolean | undefined;
51
52
  indeterminate?: boolean | undefined;
@@ -63,19 +64,21 @@ declare class Checkbox extends Component<CheckboxProps> {
63
64
  readOnly: boolean;
64
65
  labelPlacement: string;
65
66
  };
66
- constructor(props: any);
67
+ constructor(props: CheckboxProps);
68
+ private readonly _defaultId;
69
+ private _input;
67
70
  ref: Element | null;
68
71
  handleRef: (el: Element | null) => void;
69
72
  componentDidMount(): void;
70
- componentDidUpdate(prevProps: any): void;
71
- handleChange: (e: any) => void;
72
- handleKeyDown: (e: any) => void;
73
- handleFocus: (e: any) => void;
74
- handleBlur: (e: any) => void;
75
- handleMouseOver: (e: any) => void;
76
- handleMouseOut: (e: any) => void;
77
- get id(): any;
78
- get checked(): any;
73
+ componentDidUpdate(prevProps: CheckboxProps): void;
74
+ handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
75
+ handleKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
76
+ handleFocus: () => void;
77
+ handleBlur: () => void;
78
+ handleMouseOver: () => void;
79
+ handleMouseOut: () => void;
80
+ get id(): string;
81
+ get checked(): boolean | undefined;
79
82
  get focused(): boolean;
80
83
  focus(): void;
81
84
  renderFacade(): jsx.JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Checkbox/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAYjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAK7C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAO5C;;;;;GAKG;AAEH,cAEM,QAAS,SAAQ,SAAS,CAAC,aAAa,CAAC;IAC7C,MAAM,CAAC,QAAQ,CAAC,WAAW,cAAa;IAExC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;MAQlB;gBAGW,KAAK,KAAA;IAiBjB,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAE9B;IAED,iBAAiB;IAUjB,kBAAkB,CAAC,SAAS,KAAA;IAY5B,YAAY,mBAgBX;IAGD,aAAa,mBAUZ;IAGD,WAAW,mBAIV;IAGD,UAAU,mBAIT;IAGD,eAAe,mBAId;IAGD,cAAc,mBAIb;IAED,IAAI,EAAE,QAGL;IAED,IAAI,OAAO,QAKV;IAED,IAAI,OAAO,YAGV;IAED,KAAK;IAKL,YAAY;IAoDZ,cAAc;IAUd,MAAM;CA0DP;AAED,eAAe,QAAQ,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Checkbox/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAYxC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAK7C,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAO3D;;;;;;GAMG;AAEH,cAEM,QAAS,SAAQ,SAAS,CAAC,aAAa,EAAE,aAAa,CAAC;IAC5D,MAAM,CAAC,QAAQ,CAAC,WAAW,cAAa;IAExC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;MAQlB;gBAEW,KAAK,EAAE,aAAa;IAchC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAQ;IACnC,OAAO,CAAC,MAAM,CAAgC;IAE9C,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAE9B;IAED,iBAAiB;IAQjB,kBAAkB,CAAC,SAAS,EAAE,aAAa;IAQ3C,YAAY,MAAO,MAAM,WAAW,CAAC,gBAAgB,CAAC,UAerD;IAED,aAAa,MAAO,mBAAmB,CAAC,gBAAgB,CAAC,UAKxD;IAED,WAAW,aAIV;IAED,UAAU,aAIT;IAED,eAAe,aAId;IAED,cAAc,aAIb;IAED,IAAI,EAAE,WAEL;IAED,IAAI,OAAO,wBAIV;IAED,IAAI,OAAO,YAEV;IAED,KAAK;IAIL,YAAY;IAiDZ,cAAc;IAUd,MAAM;CAyDP;AAED,eAAe,QAAQ,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,CAAA"}
@@ -6,17 +6,38 @@ declare type CheckboxOwnProps = {
6
6
  label: React.ReactNode;
7
7
  id?: string;
8
8
  value?: string | number;
9
+ /**
10
+ * Array of objects with shape: `{
11
+ * text: ReactNode,
12
+ * type: One of: ['error', 'hint', 'success', 'screenreader-only']
13
+ * }`
14
+ */
9
15
  messages?: FormMessage[];
10
16
  defaultChecked?: boolean;
11
- checked?: any;
12
- onChange?: (...args: any[]) => any;
13
- onKeyDown?: (...args: any[]) => any;
14
- onFocus?: (...args: any[]) => any;
15
- onBlur?: (...args: any[]) => any;
16
- onMouseOver?: (...args: any[]) => any;
17
- onMouseOut?: (...args: any[]) => any;
17
+ /**
18
+ * whether the input is checked or not (must be accompanied by an `onChange` prop)
19
+ */
20
+ checked?: boolean;
21
+ /**
22
+ * when used with the `checked` prop, the component will not control its own state
23
+ */
24
+ onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
25
+ onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
26
+ onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
27
+ onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
28
+ onMouseOver?: (e: React.MouseEvent<HTMLInputElement>) => void;
29
+ onMouseOut?: (e: React.MouseEvent<HTMLInputElement>) => void;
30
+ /**
31
+ * Whether or not to disable the checkbox
32
+ */
18
33
  disabled?: boolean;
34
+ /**
35
+ * Works just like disabled but keeps the same styles as if it were active
36
+ */
19
37
  readOnly?: boolean;
38
+ /**
39
+ * Visual state showing that child checkboxes are a combination of checked and unchecked
40
+ */
20
41
  indeterminate?: boolean;
21
42
  size?: 'small' | 'medium' | 'large';
22
43
  variant?: 'simple' | 'toggle';
@@ -29,6 +50,11 @@ declare type CheckboxProps = CheckboxOwnProps & WithStyleProps<CheckboxFacadeThe
29
50
  declare type CheckboxStyle = ComponentStyle<'checkbox' | 'input' | 'control'>;
30
51
  declare const propTypes: PropValidators<PropKeys>;
31
52
  declare const allowedProps: AllowedPropKeys;
32
- export type { CheckboxProps, CheckboxStyle };
53
+ declare type CheckboxState = {
54
+ focused: boolean;
55
+ hovered: boolean;
56
+ checked?: boolean;
57
+ };
58
+ export type { CheckboxProps, CheckboxStyle, CheckboxState };
33
59
  export { propTypes, allowedProps };
34
60
  //# sourceMappingURL=props.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Checkbox/props.ts"],"names":[],"mappings":";AA6BA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,KAAK,EACV,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,EACd,iBAAiB,EAClB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,OAAO,CAAC,EAAE,GAAG,CAAA;IACb,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAClC,SAAS,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACnC,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACjC,MAAM,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAChC,WAAW,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACrC,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,cAAc,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,KAAK,CAAA;CACzC,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,gBAAgB,CAAA;AAEtC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,aAAa,GAAG,gBAAgB,GACnC,cAAc,CAAC,mBAAmB,GAAG,iBAAiB,EAAE,aAAa,CAAC,GACtE,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;AAEvC,aAAK,aAAa,GAAG,cAAc,CAAC,UAAU,GAAG,OAAO,GAAG,SAAS,CAAC,CAAA;AAErE,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CA0CvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAoBnB,CAAA;AAED,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
1
+ {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Checkbox/props.ts"],"names":[],"mappings":";AA6BA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,KAAK,EACV,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,EACd,iBAAiB,EAClB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IAExB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC3D,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC9D,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACzD,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACxD,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC7D,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC5D;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,cAAc,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,KAAK,CAAA;CACzC,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,gBAAgB,CAAA;AAEtC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,aAAa,GAAG,gBAAgB,GACnC,cAAc,CAAC,mBAAmB,GAAG,iBAAiB,EAAE,aAAa,CAAC,GACtE,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;AAEvC,aAAK,aAAa,GAAG,cAAc,CAAC,UAAU,GAAG,OAAO,GAAG,SAAS,CAAC,CAAA;AAErE,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAoBvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAoBnB,CAAA;AAED,aAAK,aAAa,GAAG;IACnB,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
@@ -1,4 +1,5 @@
1
1
  import type { CheckboxProps, CheckboxStyle } from './props';
2
+ import type { ComponentTheme } from '@instructure/shared-types';
2
3
  /**
3
4
  * ---
4
5
  * private: true
@@ -9,6 +10,6 @@ import type { CheckboxProps, CheckboxStyle } from './props';
9
10
  * @param {Object} state the state of the component, the style is applied to
10
11
  * @return {Object} The final style object, which will be used in the component
11
12
  */
12
- declare const generateStyle: (componentTheme: any, props: CheckboxProps) => CheckboxStyle;
13
+ declare const generateStyle: (_componentTheme: ComponentTheme, props: CheckboxProps) => CheckboxStyle;
13
14
  export default generateStyle;
14
15
  //# sourceMappingURL=styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Checkbox/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE3D;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBAED,GAAG,SACZ,aAAa,KACnB,aAwCF,CAAA;AAED,eAAe,aAAa,CAAA"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Checkbox/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE/D;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,oBACA,cAAc,SACxB,aAAa,KACnB,aAwCF,CAAA;AAED,eAAe,aAAa,CAAA"}
@@ -36,7 +36,7 @@ export declare const CheckboxGroupLocator: {
36
36
  debug: (maxLength?: number | undefined, options?: {
37
37
  highlight: boolean;
38
38
  } | undefined) => void;
39
- accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
39
+ accessible: (options?: Record<string, unknown> | undefined) => Promise<true | Error>;
40
40
  getTextContent: () => string | null;
41
41
  getParentNode: () => ParentNode | null;
42
42
  parent: () => ParentNode | null;
@@ -175,7 +175,7 @@ export declare const CheckboxGroupLocator: {
175
175
  debug: (maxLength?: number | undefined, options?: {
176
176
  highlight: boolean;
177
177
  } | undefined) => void;
178
- accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
178
+ accessible: (options?: Record<string, unknown> | undefined) => Promise<true | Error>;
179
179
  getTextContent: () => string | null;
180
180
  getParentNode: () => ParentNode | null;
181
181
  parent: () => ParentNode | null;
@@ -314,7 +314,7 @@ export declare const CheckboxGroupLocator: {
314
314
  debug: (maxLength?: number | undefined, options?: {
315
315
  highlight: boolean;
316
316
  } | undefined) => void;
317
- accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
317
+ accessible: (options?: Record<string, unknown> | undefined) => Promise<true | Error>;
318
318
  getTextContent: () => string | null;
319
319
  getParentNode: () => ParentNode | null;
320
320
  parent: () => ParentNode | null;
@@ -453,7 +453,7 @@ export declare const CheckboxGroupLocator: {
453
453
  debug: (maxLength?: number | undefined, options?: {
454
454
  highlight: boolean;
455
455
  } | undefined) => void;
456
- accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
456
+ accessible: (options?: Record<string, unknown> | undefined) => Promise<true | Error>;
457
457
  getTextContent: () => string | null;
458
458
  getParentNode: () => ParentNode | null;
459
459
  parent: () => ParentNode | null;
@@ -1,19 +1,20 @@
1
1
  import React, { Component } from 'react';
2
- import type { CheckboxGroupProps } from './props';
2
+ import type { CheckboxGroupProps, CheckboxGroupState, CheckboxChild } from './props';
3
3
  /**
4
4
  ---
5
5
  category: components
6
6
  ---
7
+ @tsProps
7
8
  **/
8
- declare class CheckboxGroup extends Component<CheckboxGroupProps> {
9
+ declare class CheckboxGroup extends Component<CheckboxGroupProps, CheckboxGroupState> {
9
10
  static readonly componentId = "CheckboxGroup";
10
11
  static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
11
- children?: React.ReactNode;
12
+ children?: CheckboxChild[] | undefined;
12
13
  name: string;
13
14
  description: React.ReactNode;
14
- defaultValue?: any[] | undefined;
15
- value?: any;
16
- onChange?: ((...args: any[]) => any) | undefined;
15
+ defaultValue?: (string | number)[] | undefined;
16
+ value?: (string | number)[] | undefined;
17
+ onChange?: ((value: (string | number)[]) => void) | undefined;
17
18
  disabled?: boolean | undefined;
18
19
  readOnly?: boolean | undefined;
19
20
  messages?: import("@instructure/ui-form-field/types/FormPropTypes").FormMessage[] | undefined;
@@ -21,12 +22,12 @@ declare class CheckboxGroup extends Component<CheckboxGroupProps> {
21
22
  layout?: "columns" | "inline" | "stacked" | undefined;
22
23
  }>;
23
24
  static allowedProps: readonly (keyof {
24
- children?: React.ReactNode;
25
+ children?: CheckboxChild[] | undefined;
25
26
  name: string;
26
27
  description: React.ReactNode;
27
- defaultValue?: any[] | undefined;
28
- value?: any;
29
- onChange?: ((...args: any[]) => any) | undefined;
28
+ defaultValue?: (string | number)[] | undefined;
29
+ value?: (string | number)[] | undefined;
30
+ onChange?: ((value: (string | number)[]) => void) | undefined;
30
31
  disabled?: boolean | undefined;
31
32
  readOnly?: boolean | undefined;
32
33
  messages?: import("@instructure/ui-form-field/types/FormPropTypes").FormMessage[] | undefined;
@@ -40,13 +41,14 @@ declare class CheckboxGroup extends Component<CheckboxGroupProps> {
40
41
  layout: string;
41
42
  children: null;
42
43
  };
43
- constructor(props: any);
44
+ constructor(props: CheckboxGroupProps);
45
+ private readonly _messagesId;
44
46
  ref: Element | null;
45
47
  handleRef: (el: Element | null) => void;
46
48
  get hasMessages(): boolean | undefined;
47
- handleChange: (e: any) => void;
48
- get value(): any[];
49
- renderChildren(): {}[] | null | undefined;
49
+ handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
50
+ get value(): (string | number)[];
51
+ renderChildren(): (React.ReactChild | React.ReactFragment | React.ReactPortal)[] | null | undefined;
50
52
  render(): JSX.Element;
51
53
  }
52
54
  export default CheckboxGroup;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/CheckboxGroup/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,EAAY,SAAS,EAAgB,MAAM,OAAO,CAAA;AAehE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAEjD;;;;GAIG;AAEH,cACM,aAAc,SAAQ,SAAS,CAAC,kBAAkB,CAAC;IACvD,MAAM,CAAC,QAAQ,CAAC,WAAW,mBAAkB;IAE7C,MAAM,CAAC,SAAS;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;MAMlB;gBAGW,KAAK,KAAA;IAcjB,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAE9B;IAED,IAAI,WAAW,wBAEd;IAGD,YAAY,mBAqBX;IAED,IAAI,KAAK,UAaR;IAED,cAAc;IA6Bd,MAAM;CAgBP;AAED,eAAe,aAAa,CAAA;AAC5B,OAAO,EAAE,aAAa,EAAE,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/CheckboxGroup/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,EAAY,SAAS,EAAE,MAAM,OAAO,CAAA;AAelD,OAAO,KAAK,EACV,kBAAkB,EAClB,kBAAkB,EAClB,aAAa,EACd,MAAM,SAAS,CAAA;AAEhB;;;;;GAKG;AACH,cACM,aAAc,SAAQ,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;IAC3E,MAAM,CAAC,QAAQ,CAAC,WAAW,mBAAkB;IAE7C,MAAM,CAAC,SAAS;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;MAMlB;gBAEW,KAAK,EAAE,kBAAkB;IAWrC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAQ;IACpC,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAE9B;IAED,IAAI,WAAW,wBAEd;IAED,YAAY,MAAO,MAAM,WAAW,CAAC,gBAAgB,CAAC,UAqBrD;IAED,IAAI,KAAK,wBAIR;IAED,cAAc;IAuBd,MAAM;CAeP;AAED,eAAe,aAAa,CAAA;AAC5B,OAAO,EAAE,aAAa,EAAE,CAAA"}
@@ -1,13 +1,16 @@
1
1
  import React from 'react';
2
2
  import type { FormMessage } from '@instructure/ui-form-field';
3
3
  import type { PropValidators } from '@instructure/shared-types';
4
+ import { Checkbox } from '../Checkbox';
5
+ import type { CheckboxProps } from '../Checkbox/props';
6
+ declare type CheckboxChild = React.ComponentElement<CheckboxProps, Checkbox>;
4
7
  declare type CheckboxGroupOwnProps = {
5
- children?: React.ReactNode;
8
+ children?: CheckboxChild[];
6
9
  name: string;
7
10
  description: React.ReactNode;
8
- defaultValue?: any[];
9
- value?: any;
10
- onChange?: (...args: any[]) => any;
11
+ defaultValue?: (string | number)[];
12
+ value?: (string | number)[];
13
+ onChange?: (value: (string | number)[]) => void;
11
14
  disabled?: boolean;
12
15
  readOnly?: boolean;
13
16
  messages?: FormMessage[];
@@ -19,6 +22,9 @@ declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
19
22
  declare type CheckboxGroupProps = CheckboxGroupOwnProps;
20
23
  declare const propTypes: PropValidators<PropKeys>;
21
24
  declare const allowedProps: AllowedPropKeys;
22
- export type { CheckboxGroupProps };
25
+ declare type CheckboxGroupState = {
26
+ value: (string | number)[];
27
+ };
28
+ export type { CheckboxGroupProps, CheckboxGroupState, CheckboxChild };
23
29
  export { propTypes, allowedProps };
24
30
  //# sourceMappingURL=props.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/CheckboxGroup/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAI/D,aAAK,qBAAqB,GAAG;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,YAAY,CAAC,EAAE,GAAG,EAAE,CAAA;IACpB,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;CAC1C,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,qBAAqB,CAAA;AAE3C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,kBAAkB,GAAG,qBAAqB,CAAA;AAE/C,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CA8BvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAYnB,CAAA;AAED,YAAY,EAAE,kBAAkB,EAAE,CAAA;AAClC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
1
+ {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/CheckboxGroup/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE/D,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEtD,aAAK,aAAa,GAAG,KAAK,CAAC,gBAAgB,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAA;AAEpE,aAAK,qBAAqB,GAAG;IAC3B,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAA;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,YAAY,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IAClC,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IAC3B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAA;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;CAC1C,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,qBAAqB,CAAA;AAE3C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,kBAAkB,GAAG,qBAAqB,CAAA;AAE/C,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CA8BvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAYnB,CAAA;AAED,aAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;CAC3B,CAAA;AACD,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,aAAa,EAAE,CAAA;AACrE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}