@fluentui/react-tag-picker 9.5.8 → 9.6.0

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 (6) hide show
  1. package/CHANGELOG.md +32 -2
  2. package/lib/components/TagPickerOption/useTagPickerOption.js +1 -0
  3. package/lib/components/TagPickerOption/useTagPickerOption.js.map +1 -1
  4. package/lib-commonjs/components/TagPickerOption/useTagPickerOption.js +1 -0
  5. package/lib-commonjs/components/TagPickerOption/useTagPickerOption.js.map +1 -1
  6. package/package.json +11 -11
package/CHANGELOG.md CHANGED
@@ -1,12 +1,42 @@
1
1
  # Change Log - @fluentui/react-tag-picker
2
2
 
3
- This log was last generated on Fri, 06 Jun 2025 13:10:55 GMT and should not be manually modified.
3
+ This log was last generated on Thu, 12 Jun 2025 09:39:12 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.6.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-tag-picker_v9.6.0)
8
+
9
+ Thu, 12 Jun 2025 09:39:12 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tag-picker_v9.5.9..@fluentui/react-tag-picker_v9.6.0)
11
+
12
+ ### Minor changes
13
+
14
+ - Bump @fluentui/react-jsx-runtime to v9.1.0 ([PR #34456](https://github.com/microsoft/fluentui/pull/34456) by beachball)
15
+ - Bump @fluentui/react-utilities to v9.21.0 ([PR #34456](https://github.com/microsoft/fluentui/pull/34456) by beachball)
16
+ - Bump @fluentui/react-portal to v9.6.0 ([PR #34456](https://github.com/microsoft/fluentui/pull/34456) by beachball)
17
+ - Bump @fluentui/react-tabster to v9.25.0 ([PR #34456](https://github.com/microsoft/fluentui/pull/34456) by beachball)
18
+ - Bump @fluentui/react-aria to v9.15.0 ([PR #34456](https://github.com/microsoft/fluentui/pull/34456) by beachball)
19
+ - Bump @fluentui/react-combobox to v9.15.0 ([PR #34456](https://github.com/microsoft/fluentui/pull/34456) by beachball)
20
+ - Bump @fluentui/react-tags to v9.6.0 ([PR #34456](https://github.com/microsoft/fluentui/pull/34456) by beachball)
21
+ - Bump @fluentui/react-context-selector to v9.2.0 ([PR #34456](https://github.com/microsoft/fluentui/pull/34456) by beachball)
22
+ - Bump @fluentui/react-positioning to v9.18.0 ([PR #34456](https://github.com/microsoft/fluentui/pull/34456) by beachball)
23
+ - Bump @fluentui/react-field to v9.3.0 ([PR #34456](https://github.com/microsoft/fluentui/pull/34456) by beachball)
24
+
25
+ ## [9.5.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-tag-picker_v9.5.9)
26
+
27
+ Wed, 11 Jun 2025 22:31:58 GMT
28
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tag-picker_v9.5.8..@fluentui/react-tag-picker_v9.5.9)
29
+
30
+ ### Patches
31
+
32
+ - Bump @fluentui/react-combobox to v9.14.9 ([PR #34631](https://github.com/microsoft/fluentui/pull/34631) by beachball)
33
+ - Bump @fluentui/react-tags to v9.5.7 ([PR #34631](https://github.com/microsoft/fluentui/pull/34631) by beachball)
34
+ - Bump @fluentui/react-positioning to v9.17.2 ([PR #34631](https://github.com/microsoft/fluentui/pull/34631) by beachball)
35
+ - Bump @fluentui/react-field to v9.2.9 ([PR #34631](https://github.com/microsoft/fluentui/pull/34631) by beachball)
36
+
7
37
  ## [9.5.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-tag-picker_v9.5.8)
8
38
 
9
- Fri, 06 Jun 2025 13:10:55 GMT
39
+ Fri, 06 Jun 2025 13:15:17 GMT
10
40
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tag-picker_v9.5.7..@fluentui/react-tag-picker_v9.5.8)
11
41
 
12
42
  ### Patches
package/lib/components/TagPickerOption/useTagPickerOption.js CHANGED
@@ -13,6 +13,7 @@ import { useOption_unstable } from '@fluentui/react-combobox';
13
13
  const optionState = useOption_unstable(props, ref);
14
14
  const state = {
15
15
  components: {
16
+ // eslint-disable-next-line @typescript-eslint/no-deprecated
16
17
  ...optionState.components,
17
18
  media: 'div',
18
19
  secondaryContent: 'span'
package/lib/components/TagPickerOption/useTagPickerOption.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/TagPickerOption/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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","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"}
1
+ {"version":3,"sources":["../src/components/TagPickerOption/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 // eslint-disable-next-line @typescript-eslint/no-deprecated\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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","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,4DAA4D;YAC5D,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/lib-commonjs/components/TagPickerOption/useTagPickerOption.js CHANGED
@@ -16,6 +16,7 @@ const useTagPickerOption_unstable = (props, ref)=>{
16
16
  const optionState = (0, _reactcombobox.useOption_unstable)(props, ref);
17
17
  const state = {
18
18
  components: {
19
+ // eslint-disable-next-line @typescript-eslint/no-deprecated
19
20
  ...optionState.components,
20
21
  media: 'div',
21
22
  secondaryContent: 'span'
package/lib-commonjs/components/TagPickerOption/useTagPickerOption.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/TagPickerOption/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":["useTagPickerOption_unstable","props","ref","optionState","useOption_unstable","state","components","media","secondaryContent","slot","optional","elementType","root","always","role"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;;iEAdU;gCACF;+BACc;AAY5B,MAAMA,8BAA8B,CACzCC,OACAC;IAEA,MAAMC,cAAcC,IAAAA,iCAAAA,EAAmBH,OAAOC;IAC9C,MAAMG,QAA8B;QAClCC,YAAY;YACV,GAAGH,YAAYG,UAAU;YACzBC,OAAO;YACPC,kBAAkB;QACpB;QACAD,OAAOE,oBAAAA,CAAKC,QAAQ,CAACT,MAAMM,KAAK,EAAE;YAChCI,aAAa;QACf;QACAH,kBAAkBC,oBAAAA,CAAKC,QAAQ,CAACT,MAAMO,gBAAgB,EAAE;YACtDG,aAAa;QACf;QACAC,MAAMH,oBAAAA,CAAKI,MAAM,CACf;YAAE,GAAGV,YAAYS,IAAI;YAAEE,MAAM;YAAU,gBAAgBb,KAAK,CAAC,eAAe;QAAC,GAC7E;YACEU,aAAa;QACf;IAEJ;IAEA,OAAON;AACT"}
1
+ {"version":3,"sources":["../src/components/TagPickerOption/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 // eslint-disable-next-line @typescript-eslint/no-deprecated\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":["useTagPickerOption_unstable","props","ref","optionState","useOption_unstable","state","components","media","secondaryContent","slot","optional","elementType","root","always","role"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;;iEAdU;gCACF;+BACc;AAY5B,MAAMA,8BAA8B,CACzCC,OACAC;IAEA,MAAMC,cAAcC,IAAAA,iCAAAA,EAAmBH,OAAOC;IAC9C,MAAMG,QAA8B;QAClCC,YAAY;YACV,4DAA4D;YAC5D,GAAGH,YAAYG,UAAU;YACzBC,OAAO;YACPC,kBAAkB;QACpB;QACAD,OAAOE,oBAAAA,CAAKC,QAAQ,CAACT,MAAMM,KAAK,EAAE;YAChCI,aAAa;QACf;QACAH,kBAAkBC,oBAAAA,CAAKC,QAAQ,CAACT,MAAMO,gBAAgB,EAAE;YACtDG,aAAa;QACf;QACAC,MAAMH,oBAAAA,CAAKI,MAAM,CACf;YAAE,GAAGV,YAAYS,IAAI;YAAEE,MAAM;YAAU,gBAAgBb,KAAK,CAAC,eAAe;QAAC,GAC7E;YACEU,aAAa;QACf;IAEJ;IAEA,OAAON;AACT"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-tag-picker",
3
- "version": "9.5.8",
3
+ "version": "9.6.0",
4
4
  "description": "FluentUI TagPicker component",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -28,20 +28,20 @@
28
28
  "@fluentui/scripts-cypress": "*"
29
29
  },
30
30
  "dependencies": {
31
- "@fluentui/react-jsx-runtime": "^9.0.55",
31
+ "@fluentui/react-jsx-runtime": "^9.1.0",
32
32
  "@fluentui/react-shared-contexts": "^9.23.1",
33
33
  "@fluentui/react-theme": "^9.1.24",
34
- "@fluentui/react-utilities": "^9.20.0",
35
- "@fluentui/react-portal": "^9.5.8",
36
- "@fluentui/react-tabster": "^9.24.8",
37
- "@fluentui/react-aria": "^9.14.8",
34
+ "@fluentui/react-utilities": "^9.21.0",
35
+ "@fluentui/react-portal": "^9.6.0",
36
+ "@fluentui/react-tabster": "^9.25.0",
37
+ "@fluentui/react-aria": "^9.15.0",
38
38
  "@fluentui/react-icons": "^2.0.245",
39
- "@fluentui/react-combobox": "^9.14.8",
40
- "@fluentui/react-tags": "^9.5.6",
41
- "@fluentui/react-context-selector": "^9.1.77",
42
- "@fluentui/react-positioning": "^9.17.1",
39
+ "@fluentui/react-combobox": "^9.15.0",
40
+ "@fluentui/react-tags": "^9.6.0",
41
+ "@fluentui/react-context-selector": "^9.2.0",
42
+ "@fluentui/react-positioning": "^9.18.0",
43
43
  "@fluentui/keyboard-keys": "^9.0.8",
44
- "@fluentui/react-field": "^9.2.8",
44
+ "@fluentui/react-field": "^9.3.0",
45
45
  "@griffel/react": "^1.5.22",
46
46
  "@swc/helpers": "^0.5.1"
47
47
  },