@fluentui/react-tag-picker 9.0.4 → 9.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,27 +1,61 @@
1
1
  # Change Log - @fluentui/react-tag-picker
2
2
 
3
- This log was last generated on Thu, 23 May 2024 07:58:01 GMT and should not be manually modified.
3
+ This log was last generated on Mon, 17 Jun 2024 07:31:08 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.1.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tag-picker_v9.1.1)
8
+
9
+ Mon, 17 Jun 2024 07:31:08 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tag-picker_v9.1.0..@fluentui/react-tag-picker_v9.1.1)
11
+
12
+ ### Patches
13
+
14
+ - Bump @fluentui/react-portal to v9.4.28 ([commit](https://github.com/microsoft/fluentui/commit/9ae683c22f2e65d94422a571ad5d3f97d0a77234) by beachball)
15
+ - Bump @fluentui/react-tabster to v9.22.0 ([commit](https://github.com/microsoft/fluentui/commit/9ae683c22f2e65d94422a571ad5d3f97d0a77234) by beachball)
16
+ - Bump @fluentui/react-aria to v9.12.1 ([commit](https://github.com/microsoft/fluentui/commit/9ae683c22f2e65d94422a571ad5d3f97d0a77234) by beachball)
17
+ - Bump @fluentui/react-combobox to v9.11.8 ([commit](https://github.com/microsoft/fluentui/commit/9ae683c22f2e65d94422a571ad5d3f97d0a77234) by beachball)
18
+ - Bump @fluentui/react-tags to v9.3.9 ([commit](https://github.com/microsoft/fluentui/commit/9ae683c22f2e65d94422a571ad5d3f97d0a77234) by beachball)
19
+ - Bump @fluentui/react-context-selector to v9.1.62 ([commit](https://github.com/microsoft/fluentui/commit/9ae683c22f2e65d94422a571ad5d3f97d0a77234) by beachball)
20
+ - Bump @fluentui/react-field to v9.1.68 ([commit](https://github.com/microsoft/fluentui/commit/9ae683c22f2e65d94422a571ad5d3f97d0a77234) by beachball)
21
+
22
+ ## [9.1.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-tag-picker_v9.1.0)
23
+
24
+ Thu, 06 Jun 2024 15:26:40 GMT
25
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tag-picker_v9.0.4..@fluentui/react-tag-picker_v9.1.0)
26
+
27
+ ### Minor changes
28
+
29
+ - feat: adds text property to TagPickerOption ([PR #31474](https://github.com/microsoft/fluentui/pull/31474) by bernardo.sunderhus@gmail.com)
30
+ - Bump @fluentui/react-jsx-runtime to v9.0.39 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
31
+ - Bump @fluentui/react-utilities to v9.18.10 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
32
+ - Bump @fluentui/react-portal to v9.4.27 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
33
+ - Bump @fluentui/react-tabster to v9.21.5 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
34
+ - Bump @fluentui/react-aria to v9.12.0 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
35
+ - Bump @fluentui/react-combobox to v9.11.7 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
36
+ - Bump @fluentui/react-tags to v9.3.8 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
37
+ - Bump @fluentui/react-context-selector to v9.1.61 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
38
+ - Bump @fluentui/react-positioning to v9.15.3 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
39
+ - Bump @fluentui/react-field to v9.1.67 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
40
+
7
41
  ## [9.0.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-tag-picker_v9.0.4)
8
42
 
9
- Thu, 23 May 2024 07:58:01 GMT
43
+ Thu, 23 May 2024 08:02:49 GMT
10
44
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tag-picker_v9.0.3..@fluentui/react-tag-picker_v9.0.4)
11
45
 
12
46
  ### Patches
13
47
 
14
48
  - chore: replace usage of .shorthands() in styles ([PR #31432](https://github.com/microsoft/fluentui/pull/31432) by olfedias@microsoft.com)
15
- - Bump @fluentui/react-portal to v9.4.26 ([commit](https://github.com/microsoft/fluentui/commit/10e6758b203de79c53ce31ba264e137f83f50ff4) by beachball)
16
- - Bump @fluentui/react-tabster to v9.21.4 ([commit](https://github.com/microsoft/fluentui/commit/10e6758b203de79c53ce31ba264e137f83f50ff4) by beachball)
17
- - Bump @fluentui/react-aria to v9.11.4 ([commit](https://github.com/microsoft/fluentui/commit/10e6758b203de79c53ce31ba264e137f83f50ff4) by beachball)
18
- - Bump @fluentui/react-combobox to v9.11.6 ([commit](https://github.com/microsoft/fluentui/commit/10e6758b203de79c53ce31ba264e137f83f50ff4) by beachball)
19
- - Bump @fluentui/react-tags to v9.3.7 ([commit](https://github.com/microsoft/fluentui/commit/10e6758b203de79c53ce31ba264e137f83f50ff4) by beachball)
20
- - Bump @fluentui/react-positioning to v9.15.2 ([commit](https://github.com/microsoft/fluentui/commit/10e6758b203de79c53ce31ba264e137f83f50ff4) by beachball)
49
+ - Bump @fluentui/react-portal to v9.4.26 ([commit](https://github.com/microsoft/fluentui/commit/03599d609e8310b08c57d1f871cffbf717d79207) by beachball)
50
+ - Bump @fluentui/react-tabster to v9.21.4 ([commit](https://github.com/microsoft/fluentui/commit/03599d609e8310b08c57d1f871cffbf717d79207) by beachball)
51
+ - Bump @fluentui/react-aria to v9.11.4 ([commit](https://github.com/microsoft/fluentui/commit/03599d609e8310b08c57d1f871cffbf717d79207) by beachball)
52
+ - Bump @fluentui/react-combobox to v9.11.6 ([commit](https://github.com/microsoft/fluentui/commit/03599d609e8310b08c57d1f871cffbf717d79207) by beachball)
53
+ - Bump @fluentui/react-tags to v9.3.7 ([commit](https://github.com/microsoft/fluentui/commit/03599d609e8310b08c57d1f871cffbf717d79207) by beachball)
54
+ - Bump @fluentui/react-positioning to v9.15.2 ([commit](https://github.com/microsoft/fluentui/commit/03599d609e8310b08c57d1f871cffbf717d79207) by beachball)
21
55
 
22
56
  ## [9.0.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-tag-picker_v9.0.3)
23
57
 
24
- Mon, 20 May 2024 12:45:06 GMT
58
+ Mon, 20 May 2024 12:45:06 GMT
25
59
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tag-picker_v9.0.2..@fluentui/react-tag-picker_v9.0.3)
26
60
 
27
61
  ### Patches
@@ -41,7 +75,7 @@ Mon, 20 May 2024 12:45:06 GMT
41
75
 
42
76
  ## [9.0.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-tag-picker_v9.0.2)
43
77
 
44
- Thu, 16 May 2024 09:25:19 GMT
78
+ Thu, 16 May 2024 09:25:19 GMT
45
79
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tag-picker_v9.0.1..@fluentui/react-tag-picker_v9.0.2)
46
80
 
47
81
  ### Patches
@@ -53,7 +87,7 @@ Thu, 16 May 2024 09:25:19 GMT
53
87
 
54
88
  ## [9.0.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tag-picker_v9.0.1)
55
89
 
56
- Mon, 13 May 2024 12:34:20 GMT
90
+ Mon, 13 May 2024 12:34:20 GMT
57
91
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tag-picker_v9.0.0..@fluentui/react-tag-picker_v9.0.1)
58
92
 
59
93
  ### Patches
@@ -62,7 +96,7 @@ Mon, 13 May 2024 12:34:20 GMT
62
96
 
63
97
  ## [9.0.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-tag-picker_v9.0.0)
64
98
 
65
- Thu, 09 May 2024 19:35:12 GMT
99
+ Thu, 09 May 2024 19:35:12 GMT
66
100
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tag-picker-preview_v0.5.0..@fluentui/react-tag-picker_v9.0.0)
67
101
 
68
102
  ### Minor changes
package/dist/index.d.ts CHANGED
@@ -266,9 +266,25 @@ export declare type TagPickerOptionGroupState = OptionGroupState;
266
266
  * TagPickerOption Props
267
267
  */
268
268
  export declare type TagPickerOptionProps = ComponentProps<TagPickerOptionSlots> & {
269
- children: React_2.ReactNode;
270
269
  value: string;
271
- };
270
+ } & ({
271
+ /**
272
+ * An optional override the string value of the Option's display text,
273
+ * defaulting to the Option's child content.
274
+ * This is used as the Dropdown button's or Combobox input's value when the option is selected,
275
+ * and as the comparison for type-to-find keyboard functionality.
276
+ */
277
+ text?: string;
278
+ children: string;
279
+ } | {
280
+ /**
281
+ * The string value of the Option's display text when the Option's children are not a string.
282
+ * This is used as the Dropdown button's or Combobox input's value when the option is selected,
283
+ * and as the comparison for type-to-find keyboard functionality.
284
+ */
285
+ text: string;
286
+ children?: React_2.ReactNode;
287
+ });
272
288
 
273
289
  export declare type TagPickerOptionSlots = Pick<OptionSlots, 'root'> & {
274
290
  media?: Slot<'div'>;
@@ -1 +1 @@
1
- {"version":3,"sources":["TagPickerOption.types.ts"],"sourcesContent":["import { OptionSlots, OptionState } from '@fluentui/react-combobox';\nimport { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport * as React from 'react';\n\nexport type TagPickerOptionSlots = Pick<OptionSlots, 'root'> & {\n media?: Slot<'div'>;\n secondaryContent?: Slot<'span'>;\n};\n\n/**\n * TagPickerOption Props\n */\nexport type TagPickerOptionProps = ComponentProps<TagPickerOptionSlots> & {\n children: React.ReactNode;\n value: string;\n};\n\n/**\n * State used in rendering TagPickerOption\n */\nexport type TagPickerOptionState = ComponentState<TagPickerOptionSlots> & Pick<OptionState, 'components' | 'root'>;\n"],"names":["React"],"mappings":"AAEA,YAAYA,WAAW,QAAQ"}
1
+ {"version":3,"sources":["TagPickerOption.types.ts"],"sourcesContent":["import { OptionSlots, OptionState } from '@fluentui/react-combobox';\nimport { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport * as React from 'react';\n\nexport type TagPickerOptionSlots = Pick<OptionSlots, 'root'> & {\n media?: Slot<'div'>;\n secondaryContent?: Slot<'span'>;\n};\n\n/**\n * TagPickerOption Props\n */\nexport type TagPickerOptionProps = ComponentProps<TagPickerOptionSlots> & {\n value: string;\n} & (\n | {\n /**\n * An optional override the string value of the Option's display text,\n * defaulting to the Option's child content.\n * This is used as the Dropdown button's or Combobox input's value when the option is selected,\n * and as the comparison for type-to-find keyboard functionality.\n */\n text?: string;\n children: string;\n }\n | {\n /**\n * The string value of the Option's display text when the Option's children are not a string.\n * This is used as the Dropdown button's or Combobox input's value when the option is selected,\n * and as the comparison for type-to-find keyboard functionality.\n */\n text: string;\n children?: React.ReactNode;\n }\n );\n\n/**\n * State used in rendering TagPickerOption\n */\nexport type TagPickerOptionState = ComponentState<TagPickerOptionSlots> & Pick<OptionState, 'components' | 'root'>;\n"],"names":["React"],"mappings":"AAEA,YAAYA,WAAW,QAAQ"}
@@ -1 +1 @@
1
- {"version":3,"sources":["useTagPickerOption.ts"],"sourcesContent":["import * as React from 'react';\nimport { slot } from '@fluentui/react-utilities';\nimport { OptionProps, useOption_unstable } from '@fluentui/react-combobox';\nimport type { TagPickerOptionProps, TagPickerOptionState } from './TagPickerOption.types';\n\n/**\n * Create the state required to render TagPickerOption.\n *\n * The returned state can be modified with hooks such as useTagPickerOptionStyles_unstable,\n * before being passed to renderTagPickerOption_unstable.\n *\n * @param props - props from this instance of TagPickerOption\n * @param ref - reference to root HTMLDivElement of TagPickerOption\n */\nexport const useTagPickerOption_unstable = (\n props: TagPickerOptionProps,\n ref: React.Ref<HTMLDivElement>,\n): TagPickerOptionState => {\n const optionState = useOption_unstable(props as OptionProps, ref);\n const state: TagPickerOptionState = {\n components: {\n ...optionState.components,\n media: 'div',\n secondaryContent: 'span',\n },\n media: slot.optional(props.media, {\n elementType: 'div',\n }),\n secondaryContent: slot.optional(props.secondaryContent, {\n elementType: 'span',\n }),\n root: slot.always(\n { ...optionState.root, role: 'option', 'aria-checked': props['aria-checked'] },\n {\n elementType: 'div',\n },\n ),\n };\n\n return state;\n};\n"],"names":["React","slot","useOption_unstable","useTagPickerOption_unstable","props","ref","optionState","state","components","media","secondaryContent","optional","elementType","root","always","role"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,IAAI,QAAQ,4BAA4B;AACjD,SAAsBC,kBAAkB,QAAQ,2BAA2B;AAG3E;;;;;;;;CAQC,GACD,OAAO,MAAMC,8BAA8B,CACzCC,OACAC;IAEA,MAAMC,cAAcJ,mBAAmBE,OAAsBC;IAC7D,MAAME,QAA8B;QAClCC,YAAY;YACV,GAAGF,YAAYE,UAAU;YACzBC,OAAO;YACPC,kBAAkB;QACpB;QACAD,OAAOR,KAAKU,QAAQ,CAACP,MAAMK,KAAK,EAAE;YAChCG,aAAa;QACf;QACAF,kBAAkBT,KAAKU,QAAQ,CAACP,MAAMM,gBAAgB,EAAE;YACtDE,aAAa;QACf;QACAC,MAAMZ,KAAKa,MAAM,CACf;YAAE,GAAGR,YAAYO,IAAI;YAAEE,MAAM;YAAU,gBAAgBX,KAAK,CAAC,eAAe;QAAC,GAC7E;YACEQ,aAAa;QACf;IAEJ;IAEA,OAAOL;AACT,EAAE"}
1
+ {"version":3,"sources":["useTagPickerOption.ts"],"sourcesContent":["import * as React from 'react';\nimport { slot } from '@fluentui/react-utilities';\nimport { useOption_unstable } from '@fluentui/react-combobox';\nimport type { TagPickerOptionProps, TagPickerOptionState } from './TagPickerOption.types';\n\n/**\n * Create the state required to render TagPickerOption.\n *\n * The returned state can be modified with hooks such as useTagPickerOptionStyles_unstable,\n * before being passed to renderTagPickerOption_unstable.\n *\n * @param props - props from this instance of TagPickerOption\n * @param ref - reference to root HTMLDivElement of TagPickerOption\n */\nexport const useTagPickerOption_unstable = (\n props: TagPickerOptionProps,\n ref: React.Ref<HTMLDivElement>,\n): TagPickerOptionState => {\n const optionState = useOption_unstable(props, ref);\n const state: TagPickerOptionState = {\n components: {\n ...optionState.components,\n media: 'div',\n secondaryContent: 'span',\n },\n media: slot.optional(props.media, {\n elementType: 'div',\n }),\n secondaryContent: slot.optional(props.secondaryContent, {\n elementType: 'span',\n }),\n root: slot.always(\n { ...optionState.root, role: 'option', 'aria-checked': props['aria-checked'] },\n {\n elementType: 'div',\n },\n ),\n };\n\n return state;\n};\n"],"names":["React","slot","useOption_unstable","useTagPickerOption_unstable","props","ref","optionState","state","components","media","secondaryContent","optional","elementType","root","always","role"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,IAAI,QAAQ,4BAA4B;AACjD,SAASC,kBAAkB,QAAQ,2BAA2B;AAG9D;;;;;;;;CAQC,GACD,OAAO,MAAMC,8BAA8B,CACzCC,OACAC;IAEA,MAAMC,cAAcJ,mBAAmBE,OAAOC;IAC9C,MAAME,QAA8B;QAClCC,YAAY;YACV,GAAGF,YAAYE,UAAU;YACzBC,OAAO;YACPC,kBAAkB;QACpB;QACAD,OAAOR,KAAKU,QAAQ,CAACP,MAAMK,KAAK,EAAE;YAChCG,aAAa;QACf;QACAF,kBAAkBT,KAAKU,QAAQ,CAACP,MAAMM,gBAAgB,EAAE;YACtDE,aAAa;QACf;QACAC,MAAMZ,KAAKa,MAAM,CACf;YAAE,GAAGR,YAAYO,IAAI;YAAEE,MAAM;YAAU,gBAAgBX,KAAK,CAAC,eAAe;QAAC,GAC7E;YACEQ,aAAa;QACf;IAEJ;IAEA,OAAOL;AACT,EAAE"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-tag-picker",
3
- "version": "9.0.4",
3
+ "version": "9.1.1",
4
4
  "description": "FluentUI TagPicker component",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -23,15 +23,17 @@
23
23
  "generate-api": "just-scripts generate-api",
24
24
  "lint": "just-scripts lint",
25
25
  "start": "yarn storybook",
26
- "storybook": "start-storybook",
26
+ "storybook": "yarn --cwd ../stories storybook",
27
27
  "test": "jest --passWithNoTests",
28
- "test-ssr": "test-ssr \"./stories/**/*.stories.tsx\"",
29
- "type-check": "tsc -b tsconfig.json",
28
+ "type-check": "just-scripts type-check",
30
29
  "e2e": "cypress run --component",
31
30
  "e2e:local": "cypress open --component",
32
31
  "bundle-size": "monosize measure"
33
32
  },
34
33
  "devDependencies": {
34
+ "@fluentui/react-provider": "*",
35
+ "@fluentui/react-avatar": "*",
36
+ "@fluentui/react-button": "*",
35
37
  "@fluentui/eslint-plugin": "*",
36
38
  "@fluentui/react-conformance": "*",
37
39
  "@fluentui/react-conformance-griffel": "*",
@@ -39,20 +41,20 @@
39
41
  "@fluentui/scripts-tasks": "*"
40
42
  },
41
43
  "dependencies": {
42
- "@fluentui/react-jsx-runtime": "^9.0.38",
44
+ "@fluentui/react-jsx-runtime": "^9.0.39",
43
45
  "@fluentui/react-shared-contexts": "^9.19.0",
44
46
  "@fluentui/react-theme": "^9.1.19",
45
- "@fluentui/react-utilities": "^9.18.9",
46
- "@fluentui/react-portal": "^9.4.26",
47
- "@fluentui/react-tabster": "^9.21.4",
48
- "@fluentui/react-aria": "^9.11.4",
47
+ "@fluentui/react-utilities": "^9.18.10",
48
+ "@fluentui/react-portal": "^9.4.28",
49
+ "@fluentui/react-tabster": "^9.22.0",
50
+ "@fluentui/react-aria": "^9.12.1",
49
51
  "@fluentui/react-icons": "^2.0.239",
50
- "@fluentui/react-combobox": "^9.11.6",
51
- "@fluentui/react-tags": "^9.3.7",
52
- "@fluentui/react-context-selector": "^9.1.60",
53
- "@fluentui/react-positioning": "^9.15.2",
52
+ "@fluentui/react-combobox": "^9.11.8",
53
+ "@fluentui/react-tags": "^9.3.9",
54
+ "@fluentui/react-context-selector": "^9.1.62",
55
+ "@fluentui/react-positioning": "^9.15.3",
54
56
  "@fluentui/keyboard-keys": "^9.0.7",
55
- "@fluentui/react-field": "^9.1.66",
57
+ "@fluentui/react-field": "^9.1.68",
56
58
  "@griffel/react": "^1.5.22",
57
59
  "@swc/helpers": "^0.5.1"
58
60
  },