@fluentui/react-accordion 9.0.0-alpha.75 → 9.0.0-alpha.79

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 (46) hide show
  1. package/CHANGELOG.json +132 -1
  2. package/CHANGELOG.md +46 -2
  3. package/Spec.md +87 -84
  4. package/dist/react-accordion.d.ts +174 -47
  5. package/lib/components/Accordion/Accordion.d.ts +23 -2
  6. package/lib/components/Accordion/Accordion.js.map +1 -1
  7. package/lib/components/Accordion/Accordion.types.d.ts +11 -12
  8. package/lib/components/Accordion/Accordion.types.js.map +1 -1
  9. package/lib/components/AccordionHeader/AccordionHeader.d.ts +71 -2
  10. package/lib/components/AccordionHeader/AccordionHeader.js.map +1 -1
  11. package/lib/components/AccordionHeader/AccordionHeader.types.d.ts +8 -10
  12. package/lib/components/AccordionHeader/AccordionHeader.types.js.map +1 -1
  13. package/lib/components/AccordionHeader/AccordionHeaderExpandIcon.d.ts +5 -3
  14. package/lib/components/AccordionItem/AccordionItem.d.ts +21 -2
  15. package/lib/components/AccordionItem/AccordionItem.types.d.ts +9 -10
  16. package/lib/components/AccordionItem/AccordionItem.types.js.map +1 -1
  17. package/lib/components/AccordionPanel/AccordionPanel.d.ts +19 -2
  18. package/lib/components/AccordionPanel/AccordionPanel.types.d.ts +3 -4
  19. package/lib/components/AccordionPanel/AccordionPanel.types.js.map +1 -1
  20. package/lib-amd/components/Accordion/Accordion.d.ts +23 -2
  21. package/lib-amd/components/Accordion/Accordion.js.map +1 -1
  22. package/lib-amd/components/Accordion/Accordion.types.d.ts +11 -12
  23. package/lib-amd/components/Accordion/Accordion.types.js.map +1 -1
  24. package/lib-amd/components/AccordionHeader/AccordionHeader.d.ts +71 -2
  25. package/lib-amd/components/AccordionHeader/AccordionHeader.js.map +1 -1
  26. package/lib-amd/components/AccordionHeader/AccordionHeader.types.d.ts +8 -10
  27. package/lib-amd/components/AccordionHeader/AccordionHeader.types.js.map +1 -1
  28. package/lib-amd/components/AccordionHeader/AccordionHeaderExpandIcon.d.ts +5 -3
  29. package/lib-amd/components/AccordionItem/AccordionItem.d.ts +21 -2
  30. package/lib-amd/components/AccordionItem/AccordionItem.types.d.ts +9 -10
  31. package/lib-amd/components/AccordionItem/AccordionItem.types.js.map +1 -1
  32. package/lib-amd/components/AccordionPanel/AccordionPanel.d.ts +19 -2
  33. package/lib-amd/components/AccordionPanel/AccordionPanel.types.d.ts +3 -4
  34. package/lib-amd/components/AccordionPanel/AccordionPanel.types.js.map +1 -1
  35. package/lib-commonjs/components/Accordion/Accordion.d.ts +23 -2
  36. package/lib-commonjs/components/Accordion/Accordion.js.map +1 -1
  37. package/lib-commonjs/components/Accordion/Accordion.types.d.ts +11 -12
  38. package/lib-commonjs/components/AccordionHeader/AccordionHeader.d.ts +71 -2
  39. package/lib-commonjs/components/AccordionHeader/AccordionHeader.js.map +1 -1
  40. package/lib-commonjs/components/AccordionHeader/AccordionHeader.types.d.ts +8 -10
  41. package/lib-commonjs/components/AccordionHeader/AccordionHeaderExpandIcon.d.ts +5 -3
  42. package/lib-commonjs/components/AccordionItem/AccordionItem.d.ts +21 -2
  43. package/lib-commonjs/components/AccordionItem/AccordionItem.types.d.ts +9 -10
  44. package/lib-commonjs/components/AccordionPanel/AccordionPanel.d.ts +19 -2
  45. package/lib-commonjs/components/AccordionPanel/AccordionPanel.types.d.ts +3 -4
  46. package/package.json +12 -12
package/CHANGELOG.json CHANGED
@@ -2,7 +2,138 @@
2
2
  "name": "@fluentui/react-accordion",
3
3
  "entries": [
4
4
  {
5
- "date": "Tue, 14 Sep 2021 20:06:25 GMT",
5
+ "date": "Tue, 21 Sep 2021 07:40:35 GMT",
6
+ "tag": "@fluentui/react-accordion_v9.0.0-alpha.79",
7
+ "version": "9.0.0-alpha.79",
8
+ "comments": {
9
+ "prerelease": [
10
+ {
11
+ "author": "gcox@microsoft.com",
12
+ "package": "@fluentui/react-accordion",
13
+ "comment": "Updating to types over interfaces",
14
+ "commit": "7ac237dbe5b9a3e452581f7478f811f43bba9f19"
15
+ },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui/react-accordion",
19
+ "comment": "Bump @fluentui/react-aria to v9.0.0-alpha.35",
20
+ "commit": "7ac237dbe5b9a3e452581f7478f811f43bba9f19"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui/react-accordion",
25
+ "comment": "Bump @fluentui/react-make-styles to v9.0.0-alpha.69",
26
+ "commit": "7ac237dbe5b9a3e452581f7478f811f43bba9f19"
27
+ },
28
+ {
29
+ "author": "beachball",
30
+ "package": "@fluentui/react-accordion",
31
+ "comment": "Bump @fluentui/react-tabster to v9.0.0-alpha.63",
32
+ "commit": "7ac237dbe5b9a3e452581f7478f811f43bba9f19"
33
+ },
34
+ {
35
+ "author": "beachball",
36
+ "package": "@fluentui/react-accordion",
37
+ "comment": "Bump @fluentui/react-theme to v9.0.0-alpha.23",
38
+ "commit": "7ac237dbe5b9a3e452581f7478f811f43bba9f19"
39
+ },
40
+ {
41
+ "author": "beachball",
42
+ "package": "@fluentui/react-accordion",
43
+ "comment": "Bump @fluentui/babel-make-styles to v9.0.0-alpha.51",
44
+ "commit": "7ac237dbe5b9a3e452581f7478f811f43bba9f19"
45
+ },
46
+ {
47
+ "author": "beachball",
48
+ "package": "@fluentui/react-accordion",
49
+ "comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.44",
50
+ "commit": "7ac237dbe5b9a3e452581f7478f811f43bba9f19"
51
+ },
52
+ {
53
+ "author": "beachball",
54
+ "package": "@fluentui/react-accordion",
55
+ "comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.13",
56
+ "commit": "7ac237dbe5b9a3e452581f7478f811f43bba9f19"
57
+ }
58
+ ]
59
+ }
60
+ },
61
+ {
62
+ "date": "Mon, 20 Sep 2021 07:36:26 GMT",
63
+ "tag": "@fluentui/react-accordion_v9.0.0-alpha.78",
64
+ "version": "9.0.0-alpha.78",
65
+ "comments": {
66
+ "none": [
67
+ {
68
+ "author": "lingfangao@hotmail.com",
69
+ "package": "@fluentui/react-accordion",
70
+ "comment": "chore: use versioon eslint-plugin and react-conformance in dev dependencies",
71
+ "commit": "b8a304770f77c0353553a152dad34421070400a6"
72
+ }
73
+ ],
74
+ "prerelease": [
75
+ {
76
+ "author": "lingfangao@hotmail.com",
77
+ "package": "@fluentui/react-accordion",
78
+ "commit": "b8a304770f77c0353553a152dad34421070400a6",
79
+ "comment": "Bump @fluentui/react-accordion to v9.0.0-alpha.78"
80
+ }
81
+ ]
82
+ }
83
+ },
84
+ {
85
+ "date": "Fri, 17 Sep 2021 07:35:26 GMT",
86
+ "tag": "@fluentui/react-accordion_v9.0.0-alpha.77",
87
+ "version": "9.0.0-alpha.77",
88
+ "comments": {
89
+ "prerelease": [
90
+ {
91
+ "author": "Humberto.Morimoto@microsoft.com",
92
+ "package": "@fluentui/react-accordion",
93
+ "commit": "90d71a0914acbb73a0365d60a85237e3d58ef575",
94
+ "comment": "Bump @fluentui/react-accordion to v9.0.0-alpha.77"
95
+ }
96
+ ]
97
+ }
98
+ },
99
+ {
100
+ "date": "Thu, 16 Sep 2021 07:38:39 GMT",
101
+ "tag": "@fluentui/react-accordion_v9.0.0-alpha.76",
102
+ "version": "9.0.0-alpha.76",
103
+ "comments": {
104
+ "prerelease": [
105
+ {
106
+ "author": "behowell@microsoft.com",
107
+ "package": "@fluentui/react-accordion",
108
+ "comment": "Fix typings in React.forwardRef",
109
+ "commit": "fbe41e2877a20ce0f3c01b5188e17c12f941cc4c"
110
+ },
111
+ {
112
+ "author": "behowell@microsoft.com",
113
+ "package": "@fluentui/react-accordion",
114
+ "commit": "fbe41e2877a20ce0f3c01b5188e17c12f941cc4c",
115
+ "comment": "Bump @fluentui/react-accordion to v9.0.0-alpha.76"
116
+ }
117
+ ]
118
+ }
119
+ },
120
+ {
121
+ "date": "Wed, 15 Sep 2021 16:53:08 GMT",
122
+ "tag": "@fluentui/react-accordion_v9.0.0-alpha.75",
123
+ "version": "9.0.0-alpha.75",
124
+ "comments": {
125
+ "none": [
126
+ {
127
+ "author": "email not defined",
128
+ "package": "@fluentui/react-accordion",
129
+ "comment": "Change files",
130
+ "commit": "0b118407aa49e5924a2630f99eacbe795899853b"
131
+ }
132
+ ]
133
+ }
134
+ },
135
+ {
136
+ "date": "Tue, 14 Sep 2021 20:09:02 GMT",
6
137
  "tag": "@fluentui/react-accordion_v9.0.0-alpha.75",
7
138
  "version": "9.0.0-alpha.75",
8
139
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,56 @@
1
1
  # Change Log - @fluentui/react-accordion
2
2
 
3
- This log was last generated on Tue, 14 Sep 2021 20:06:25 GMT and should not be manually modified.
3
+ This log was last generated on Tue, 21 Sep 2021 07:40:35 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.0.0-alpha.79](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.0.0-alpha.79)
8
+
9
+ Tue, 21 Sep 2021 07:40:35 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.0-alpha.78..@fluentui/react-accordion_v9.0.0-alpha.79)
11
+
12
+ ### Changes
13
+
14
+ - Updating to types over interfaces ([PR #19880](https://github.com/microsoft/fluentui/pull/19880) by gcox@microsoft.com)
15
+ - Bump @fluentui/react-aria to v9.0.0-alpha.35 ([PR #19880](https://github.com/microsoft/fluentui/pull/19880) by beachball)
16
+ - Bump @fluentui/react-make-styles to v9.0.0-alpha.69 ([PR #19880](https://github.com/microsoft/fluentui/pull/19880) by beachball)
17
+ - Bump @fluentui/react-tabster to v9.0.0-alpha.63 ([PR #19880](https://github.com/microsoft/fluentui/pull/19880) by beachball)
18
+ - Bump @fluentui/react-theme to v9.0.0-alpha.23 ([PR #19880](https://github.com/microsoft/fluentui/pull/19880) by beachball)
19
+ - Bump @fluentui/babel-make-styles to v9.0.0-alpha.51 ([PR #19880](https://github.com/microsoft/fluentui/pull/19880) by beachball)
20
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.44 ([PR #19880](https://github.com/microsoft/fluentui/pull/19880) by beachball)
21
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.13 ([PR #19880](https://github.com/microsoft/fluentui/pull/19880) by beachball)
22
+
23
+ ## [9.0.0-alpha.78](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.0.0-alpha.78)
24
+
25
+ Mon, 20 Sep 2021 07:36:26 GMT
26
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.0-alpha.77..@fluentui/react-accordion_v9.0.0-alpha.78)
27
+
28
+ ### Changes
29
+
30
+ - Bump @fluentui/react-accordion to v9.0.0-alpha.78 ([PR #19844](https://github.com/microsoft/fluentui/pull/19844) by lingfangao@hotmail.com)
31
+
32
+ ## [9.0.0-alpha.77](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.0.0-alpha.77)
33
+
34
+ Fri, 17 Sep 2021 07:35:26 GMT
35
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.0-alpha.76..@fluentui/react-accordion_v9.0.0-alpha.77)
36
+
37
+ ### Changes
38
+
39
+ - Bump @fluentui/react-accordion to v9.0.0-alpha.77 ([PR #19840](https://github.com/microsoft/fluentui/pull/19840) by Humberto.Morimoto@microsoft.com)
40
+
41
+ ## [9.0.0-alpha.76](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.0.0-alpha.76)
42
+
43
+ Thu, 16 Sep 2021 07:38:39 GMT
44
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.0-alpha.75..@fluentui/react-accordion_v9.0.0-alpha.76)
45
+
46
+ ### Changes
47
+
48
+ - Fix typings in React.forwardRef ([PR #19815](https://github.com/microsoft/fluentui/pull/19815) by behowell@microsoft.com)
49
+ - Bump @fluentui/react-accordion to v9.0.0-alpha.76 ([PR #19815](https://github.com/microsoft/fluentui/pull/19815) by behowell@microsoft.com)
50
+
7
51
  ## [9.0.0-alpha.75](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.0.0-alpha.75)
8
52
 
9
- Tue, 14 Sep 2021 20:06:25 GMT
53
+ Tue, 14 Sep 2021 20:09:02 GMT
10
54
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.0-alpha.74..@fluentui/react-accordion_v9.0.0-alpha.75)
11
55
 
12
56
  ### Changes
package/Spec.md CHANGED
@@ -34,54 +34,55 @@ Sample usages will be given in the following section of this document [Sample co
34
34
  The root level component serves context and common API between all children.
35
35
 
36
36
  ```ts
37
- export interface AccordionProps extends ComponentProps, React.HTMLAttributes<HTMLElement> {
38
- /**
39
- * Indicates if keyboard navigation is available
40
- */
41
- navigable?: boolean;
42
- /**
43
- * Indicates if Accordion support multiple Panels opened at the same time
44
- */
45
- multiple?: boolean;
46
- /**
47
- * Indicates if Accordion support multiple Panels closed at the same time
48
- */
49
- collapsible?: boolean;
50
- /**
51
- * value indicating the items that are opened
52
- * If used, the component will be in controlled mode
53
- */
54
- openItems?: AccordionItemValue | AccordionItemValue[];
55
- /**
56
- * Index indicating the panels that are opened
57
- */
58
- defaultOpenItems?: AccordionItemValue | AccordionItemValue[];
59
- /**
60
- * Size of spacing in the heading
61
- */
62
- size?: 'small' | 'medium' | 'large' | 'extra-large';
63
- /**
64
- * The component to be used as button in the heading
65
- */
66
- button?: ShorthandProps<React.HTMLAttributes<HTMLElement>>;
67
- /**
68
- * Expand icon slot rendered before (or after) children content in heading
69
- */
70
- expandIcon?: ShorthandProps<AccordionHeaderExpandIconProps>;
71
- /**
72
- * The position of the expand icon slot in heading
73
- */
74
- expandIconPosition?: 'start' | 'end';
75
- /**
76
- * Extra icon slot rendered before children content in heading
77
- */
78
- icon?: ShorthandProps<AccordionHeaderIconProps>;
79
- /**
80
- * Indicates if the AccordionHeader should be inline-block
81
- */
82
- inline?: boolean;
83
- onToggle?(event: AccordionToggleEvent, data: AccordionToggleData): void;
84
- }
37
+ export type AccordionProps = ComponentProps &
38
+ React.HTMLAttributes<HTMLElement> & {
39
+ /**
40
+ * Indicates if keyboard navigation is available
41
+ */
42
+ navigable?: boolean;
43
+ /**
44
+ * Indicates if Accordion support multiple Panels opened at the same time
45
+ */
46
+ multiple?: boolean;
47
+ /**
48
+ * Indicates if Accordion support multiple Panels closed at the same time
49
+ */
50
+ collapsible?: boolean;
51
+ /**
52
+ * value indicating the items that are opened
53
+ * If used, the component will be in controlled mode
54
+ */
55
+ openItems?: AccordionItemValue | AccordionItemValue[];
56
+ /**
57
+ * Index indicating the panels that are opened
58
+ */
59
+ defaultOpenItems?: AccordionItemValue | AccordionItemValue[];
60
+ /**
61
+ * Size of spacing in the heading
62
+ */
63
+ size?: 'small' | 'medium' | 'large' | 'extra-large';
64
+ /**
65
+ * The component to be used as button in the heading
66
+ */
67
+ button?: ShorthandProps<React.HTMLAttributes<HTMLElement>>;
68
+ /**
69
+ * Expand icon slot rendered before (or after) children content in heading
70
+ */
71
+ expandIcon?: ShorthandProps<AccordionHeaderExpandIconProps>;
72
+ /**
73
+ * The position of the expand icon slot in heading
74
+ */
75
+ expandIconPosition?: 'start' | 'end';
76
+ /**
77
+ * Extra icon slot rendered before children content in heading
78
+ */
79
+ icon?: ShorthandProps<AccordionHeaderIconProps>;
80
+ /**
81
+ * Indicates if the AccordionHeader should be inline-block
82
+ */
83
+ inline?: boolean;
84
+ onToggle?(event: AccordionToggleEvent, data: AccordionToggleData): void;
85
+ };
85
86
  ```
86
87
 
87
88
  ### AccordionItem
@@ -89,16 +90,17 @@ export interface AccordionProps extends ComponentProps, React.HTMLAttributes<HTM
89
90
  Each Combination of `AccordionHeader` and `AccordionPanel` should be inside an `AccordionItem`, and The `Accordion` component should contain one or more `AccordionItem`.
90
91
 
91
92
  ```ts
92
- export interface AccordionItemProps extends ComponentProps, React.HTMLAttributes<HTMLElement> {
93
- /**
94
- * Disables opening/closing of panel inside the item
95
- */
96
- disabled?: boolean;
97
- /**
98
- * required value that identifies this item inside an Accordion component
99
- */
100
- value: AccordionItemValue;
101
- }
93
+ export type AccordionItemProps = ComponentProps &
94
+ React.HTMLAttributes<HTMLElement> & {
95
+ /**
96
+ * Disables opening/closing of panel inside the item
97
+ */
98
+ disabled?: boolean;
99
+ /**
100
+ * required value that identifies this item inside an Accordion component
101
+ */
102
+ value: AccordionItemValue;
103
+ };
102
104
  ```
103
105
 
104
106
  ### AccordionHeader
@@ -106,32 +108,33 @@ export interface AccordionItemProps extends ComponentProps, React.HTMLAttributes
106
108
  Label for or thumbnail representing a section of content that also serves as a control for showing, and in some implementations, hiding the section of content
107
109
 
108
110
  ```ts
109
- export interface AccordionHeaderProps extends ComponentProps, React.HTMLAttributes<HTMLElement> {
110
- /**
111
- * Size of spacing in the heading
112
- */
113
- size?: 'small' | 'medium' | 'large' | 'extra-large';
114
- /**
115
- * The component to be used as button in heading
116
- */
117
- button?: ShorthandProps<React.HTMLAttributes<HTMLElement>>;
118
- /**
119
- * Expand icon slot rendered before (or after) children content in heading
120
- */
121
- expandIcon?: ShorthandProps<AccordionHeaderExpandIconProps>;
122
- /**
123
- * The position of the expand icon slot in heading
124
- */
125
- expandIconPosition?: 'start' | 'end';
126
- /**
127
- * Extra icon slot rendered before children content in heading
128
- */
129
- icon?: ShorthandProps<AccordionHeaderIconProps>;
130
- /**
131
- * Indicates if the AccordionHeader should be inline-block
132
- */
133
- inline?: boolean;
134
- }
111
+ export type AccordionHeaderProps = ComponentProps &
112
+ React.HTMLAttributes<HTMLElement> & {
113
+ /**
114
+ * Size of spacing in the heading
115
+ */
116
+ size?: 'small' | 'medium' | 'large' | 'extra-large';
117
+ /**
118
+ * The component to be used as button in heading
119
+ */
120
+ button?: ShorthandProps<React.HTMLAttributes<HTMLElement>>;
121
+ /**
122
+ * Expand icon slot rendered before (or after) children content in heading
123
+ */
124
+ expandIcon?: ShorthandProps<AccordionHeaderExpandIconProps>;
125
+ /**
126
+ * The position of the expand icon slot in heading
127
+ */
128
+ expandIconPosition?: 'start' | 'end';
129
+ /**
130
+ * Extra icon slot rendered before children content in heading
131
+ */
132
+ icon?: ShorthandProps<AccordionHeaderIconProps>;
133
+ /**
134
+ * Indicates if the AccordionHeader should be inline-block
135
+ */
136
+ inline?: boolean;
137
+ };
135
138
  ```
136
139
 
137
140
  ### AccordionPanel