@fluentui/react-tags 0.0.0-nightly-20240417-0406.1 → 0.0.0-nightly-20240419-0408.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.
Files changed (23) hide show
  1. package/CHANGELOG.md +32 -14
  2. package/dist/index.d.ts +2 -1
  3. package/lib/components/Tag/useTag.js +2 -1
  4. package/lib/components/Tag/useTag.js.map +1 -1
  5. package/lib/components/TagGroup/TagGroup.types.js +1 -1
  6. package/lib/components/TagGroup/TagGroup.types.js.map +1 -1
  7. package/lib/components/TagGroup/useTagGroup.js +3 -2
  8. package/lib/components/TagGroup/useTagGroup.js.map +1 -1
  9. package/lib/components/TagGroup/useTagGroupContextValues.js +5 -3
  10. package/lib/components/TagGroup/useTagGroupContextValues.js.map +1 -1
  11. package/lib/contexts/tagGroupContext.js +2 -1
  12. package/lib/contexts/tagGroupContext.js.map +1 -1
  13. package/lib-commonjs/components/Tag/useTag.js +2 -1
  14. package/lib-commonjs/components/Tag/useTag.js.map +1 -1
  15. package/lib-commonjs/components/TagGroup/TagGroup.types.js +2 -0
  16. package/lib-commonjs/components/TagGroup/TagGroup.types.js.map +1 -1
  17. package/lib-commonjs/components/TagGroup/useTagGroup.js +3 -2
  18. package/lib-commonjs/components/TagGroup/useTagGroup.js.map +1 -1
  19. package/lib-commonjs/components/TagGroup/useTagGroupContextValues.js +5 -3
  20. package/lib-commonjs/components/TagGroup/useTagGroupContextValues.js.map +1 -1
  21. package/lib-commonjs/contexts/tagGroupContext.js +2 -1
  22. package/lib-commonjs/contexts/tagGroupContext.js.map +1 -1
  23. package/package.json +12 -12
package/CHANGELOG.md CHANGED
@@ -1,27 +1,45 @@
1
1
  # Change Log - @fluentui/react-tags
2
2
 
3
- This log was last generated on Wed, 17 Apr 2024 04:21:25 GMT and should not be manually modified.
3
+ This log was last generated on Fri, 19 Apr 2024 04:23:51 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [0.0.0-nightly-20240417-0406.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v0.0.0-nightly-20240417-0406.1)
7
+ ## [0.0.0-nightly-20240419-0408.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v0.0.0-nightly-20240419-0408.1)
8
8
 
9
- Wed, 17 Apr 2024 04:21:25 GMT
10
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.2.1..@fluentui/react-tags_v0.0.0-nightly-20240417-0406.1)
9
+ Fri, 19 Apr 2024 04:23:51 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.3.0..@fluentui/react-tags_v0.0.0-nightly-20240419-0408.1)
11
11
 
12
12
  ### Changes
13
13
 
14
14
  - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
15
- - Bump @fluentui/keyboard-keys to v0.0.0-nightly-20240417-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/712993a9113cfc4ad56230cb890ff89c70010d26) by beachball)
16
- - Bump @fluentui/react-aria to v0.0.0-nightly-20240417-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/712993a9113cfc4ad56230cb890ff89c70010d26) by beachball)
17
- - Bump @fluentui/react-avatar to v0.0.0-nightly-20240417-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/712993a9113cfc4ad56230cb890ff89c70010d26) by beachball)
18
- - Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20240417-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/712993a9113cfc4ad56230cb890ff89c70010d26) by beachball)
19
- - Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20240417-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/712993a9113cfc4ad56230cb890ff89c70010d26) by beachball)
20
- - Bump @fluentui/react-tabster to v0.0.0-nightly-20240417-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/712993a9113cfc4ad56230cb890ff89c70010d26) by beachball)
21
- - Bump @fluentui/react-theme to v0.0.0-nightly-20240417-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/712993a9113cfc4ad56230cb890ff89c70010d26) by beachball)
22
- - Bump @fluentui/react-utilities to v0.0.0-nightly-20240417-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/712993a9113cfc4ad56230cb890ff89c70010d26) by beachball)
23
- - Bump @fluentui/react-conformance to v0.0.0-nightly-20240417-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/712993a9113cfc4ad56230cb890ff89c70010d26) by beachball)
24
- - Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20240417-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/712993a9113cfc4ad56230cb890ff89c70010d26) by beachball)
15
+ - Bump @fluentui/keyboard-keys to v0.0.0-nightly-20240419-0408.1 ([commit](https://github.com/microsoft/fluentui/commit/5680c3965447ca6b08258b2669a2f9fc229fc311) by beachball)
16
+ - Bump @fluentui/react-aria to v0.0.0-nightly-20240419-0408.1 ([commit](https://github.com/microsoft/fluentui/commit/5680c3965447ca6b08258b2669a2f9fc229fc311) by beachball)
17
+ - Bump @fluentui/react-avatar to v0.0.0-nightly-20240419-0408.1 ([commit](https://github.com/microsoft/fluentui/commit/5680c3965447ca6b08258b2669a2f9fc229fc311) by beachball)
18
+ - Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20240419-0408.1 ([commit](https://github.com/microsoft/fluentui/commit/5680c3965447ca6b08258b2669a2f9fc229fc311) by beachball)
19
+ - Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20240419-0408.1 ([commit](https://github.com/microsoft/fluentui/commit/5680c3965447ca6b08258b2669a2f9fc229fc311) by beachball)
20
+ - Bump @fluentui/react-tabster to v0.0.0-nightly-20240419-0408.1 ([commit](https://github.com/microsoft/fluentui/commit/5680c3965447ca6b08258b2669a2f9fc229fc311) by beachball)
21
+ - Bump @fluentui/react-theme to v0.0.0-nightly-20240419-0408.1 ([commit](https://github.com/microsoft/fluentui/commit/5680c3965447ca6b08258b2669a2f9fc229fc311) by beachball)
22
+ - Bump @fluentui/react-utilities to v0.0.0-nightly-20240419-0408.1 ([commit](https://github.com/microsoft/fluentui/commit/5680c3965447ca6b08258b2669a2f9fc229fc311) by beachball)
23
+ - Bump @fluentui/react-conformance to v0.0.0-nightly-20240419-0408.1 ([commit](https://github.com/microsoft/fluentui/commit/5680c3965447ca6b08258b2669a2f9fc229fc311) by beachball)
24
+ - Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20240419-0408.1 ([commit](https://github.com/microsoft/fluentui/commit/5680c3965447ca6b08258b2669a2f9fc229fc311) by beachball)
25
+
26
+ ## [9.3.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.3.0)
27
+
28
+ Wed, 17 Apr 2024 21:54:03 GMT
29
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.2.1..@fluentui/react-tags_v9.3.0)
30
+
31
+ ### Minor changes
32
+
33
+ - feat: adds isInsideTagPicker exception case to TagGroupContextValue ([PR #31064](https://github.com/microsoft/fluentui/pull/31064) by bernardo.sunderhus@gmail.com)
34
+ - Bump @fluentui/react-aria to v9.10.4 ([PR #31100](https://github.com/microsoft/fluentui/pull/31100) by beachball)
35
+ - Bump @fluentui/react-avatar to v9.6.21 ([PR #31100](https://github.com/microsoft/fluentui/pull/31100) by beachball)
36
+ - Bump @fluentui/react-tabster to v9.20.0 ([PR #31100](https://github.com/microsoft/fluentui/pull/31100) by beachball)
37
+
38
+ ### Patches
39
+
40
+ - chore: refactor styles defined in makeResetStyles() to avoid shorthands.*() ([PR #30996](https://github.com/microsoft/fluentui/pull/30996) by olfedias@microsoft.com)
41
+ - chore: Update react-icons to 2.0.235 ([PR #31011](https://github.com/microsoft/fluentui/pull/31011) by ololubek@microsoft.com)
42
+ - fix: use colorBrandForeground2 for brand InteractionTag foreground color ([PR #30973](https://github.com/microsoft/fluentui/pull/30973) by yuanboxue@microsoft.com)
25
43
 
26
44
  ## [9.2.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.2.1)
27
45
 
package/dist/index.d.ts CHANGED
@@ -214,7 +214,7 @@ export declare const tagGroupClassNames: SlotClassNames<TagGroupSlots>;
214
214
  /**
215
215
  * Context shared between TagGroup and its children components
216
216
  */
217
- declare type TagGroupContextValue = Required<Pick<TagGroupState, 'handleTagDismiss' | 'size'>> & Partial<Pick<TagGroupState, 'appearance' | 'dismissible'>>;
217
+ declare type TagGroupContextValue = Required<Pick<TagGroupState, 'handleTagDismiss' | 'size'>> & Partial<Pick<TagGroupState, 'appearance' | 'dismissible' | 'role'>>;
218
218
 
219
219
  export declare type TagGroupContextValues = {
220
220
  tagGroup: TagGroupContextValue;
@@ -242,6 +242,7 @@ export declare type TagGroupSlots = {
242
242
  */
243
243
  export declare type TagGroupState<Value = TagValue> = ComponentState<TagGroupSlots> & Required<Pick<TagGroupProps, 'size' | 'appearance' | 'dismissible'>> & {
244
244
  handleTagDismiss: TagDismissHandler<Value>;
245
+ role?: React_2.AriaRole;
245
246
  };
246
247
 
247
248
  /**
package/lib/components/Tag/useTag.js CHANGED
@@ -21,7 +21,7 @@ const tagAvatarShapeMap = {
21
21
  * @param props - props from this instance of Tag
22
22
  * @param ref - reference to root HTMLSpanElement or HTMLButtonElement of Tag
23
23
  */ export const useTag_unstable = (props, ref)=>{
24
- const { handleTagDismiss, size: contextSize, appearance: contextAppearance, dismissible: contextDismissible } = useTagGroupContext_unstable();
24
+ const { handleTagDismiss, size: contextSize, appearance: contextAppearance, dismissible: contextDismissible, role: tagGroupRole } = useTagGroupContext_unstable();
25
25
  const id = useId('fui-Tag', props.id);
26
26
  const { appearance = contextAppearance !== null && contextAppearance !== void 0 ? contextAppearance : 'filled', disabled = false, dismissible = contextDismissible !== null && contextDismissible !== void 0 ? contextDismissible : false, shape = 'rounded', size = contextSize, value = id } = props;
27
27
  const dismissOnClick = useEventCallback((ev)=>{
@@ -61,6 +61,7 @@ const tagAvatarShapeMap = {
61
61
  },
62
62
  root: slot.always(getIntrinsicElementProps(elementType, {
63
63
  ref,
64
+ role: tagGroupRole === 'listbox' ? 'option' : undefined,
64
65
  ...props,
65
66
  id,
66
67
  ...dismissible && {
package/lib/components/Tag/useTag.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["useTag.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useEventCallback, useId, slot } from '@fluentui/react-utilities';\nimport { DismissRegular } from '@fluentui/react-icons';\nimport type { TagProps, TagState } from './Tag.types';\nimport { Delete, Backspace } from '@fluentui/keyboard-keys';\nimport { useTagGroupContext_unstable } from '../../contexts/tagGroupContext';\n\nconst tagAvatarSizeMap = {\n medium: 28,\n small: 20,\n 'extra-small': 16,\n} as const;\n\nconst tagAvatarShapeMap = {\n rounded: 'square',\n circular: 'circular',\n} as const;\n\n/**\n * Create the state required to render Tag.\n *\n * The returned state can be modified with hooks such as useTagStyles_unstable,\n * before being passed to renderTag_unstable.\n *\n * @param props - props from this instance of Tag\n * @param ref - reference to root HTMLSpanElement or HTMLButtonElement of Tag\n */\nexport const useTag_unstable = (props: TagProps, ref: React.Ref<HTMLSpanElement | HTMLButtonElement>): TagState => {\n const {\n handleTagDismiss,\n size: contextSize,\n appearance: contextAppearance,\n dismissible: contextDismissible,\n } = useTagGroupContext_unstable();\n\n const id = useId('fui-Tag', props.id);\n\n const {\n appearance = contextAppearance ?? 'filled',\n disabled = false,\n dismissible = contextDismissible ?? false,\n shape = 'rounded',\n size = contextSize,\n value = id,\n } = props;\n\n const dismissOnClick = useEventCallback((ev: React.MouseEvent<HTMLButtonElement>) => {\n props.onClick?.(ev);\n if (!ev.defaultPrevented) {\n handleTagDismiss?.(ev, { value });\n }\n });\n\n const dismissOnKeyDown = useEventCallback((ev: React.KeyboardEvent<HTMLButtonElement>) => {\n props?.onKeyDown?.(ev);\n if (!ev.defaultPrevented && (ev.key === Delete || ev.key === Backspace)) {\n handleTagDismiss?.(ev, { value });\n }\n });\n\n const elementType = dismissible ? 'button' : 'span';\n\n return {\n appearance,\n avatarShape: tagAvatarShapeMap[shape],\n avatarSize: tagAvatarSizeMap[size],\n disabled,\n dismissible,\n shape,\n size,\n\n components: {\n root: elementType,\n media: 'span',\n icon: 'span',\n primaryText: 'span',\n secondaryText: 'span',\n dismissIcon: 'span',\n },\n\n root: slot.always(\n getIntrinsicElementProps(elementType, {\n ref,\n ...props,\n id,\n ...(dismissible && { onClick: dismissOnClick, onKeyDown: dismissOnKeyDown }),\n }),\n { elementType },\n ),\n\n media: slot.optional(props.media, { elementType: 'span' }),\n icon: slot.optional(props.icon, { elementType: 'span' }),\n primaryText: slot.optional(props.primaryText, {\n renderByDefault: true,\n defaultProps: {\n children: props.children,\n },\n elementType: 'span',\n }),\n secondaryText: slot.optional(props.secondaryText, { elementType: 'span' }),\n dismissIcon: slot.optional(props.dismissIcon, {\n renderByDefault: dismissible,\n defaultProps: {\n children: <DismissRegular />,\n role: 'img',\n },\n elementType: 'span',\n }),\n };\n};\n"],"names":["React","getIntrinsicElementProps","useEventCallback","useId","slot","DismissRegular","Delete","Backspace","useTagGroupContext_unstable","tagAvatarSizeMap","medium","small","tagAvatarShapeMap","rounded","circular","useTag_unstable","props","ref","handleTagDismiss","size","contextSize","appearance","contextAppearance","dismissible","contextDismissible","id","disabled","shape","value","dismissOnClick","ev","onClick","defaultPrevented","dismissOnKeyDown","onKeyDown","key","elementType","avatarShape","avatarSize","components","root","media","icon","primaryText","secondaryText","dismissIcon","always","optional","renderByDefault","defaultProps","children","role"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,gBAAgB,EAAEC,KAAK,EAAEC,IAAI,QAAQ,4BAA4B;AACpG,SAASC,cAAc,QAAQ,wBAAwB;AAEvD,SAASC,MAAM,EAAEC,SAAS,QAAQ,0BAA0B;AAC5D,SAASC,2BAA2B,QAAQ,iCAAiC;AAE7E,MAAMC,mBAAmB;IACvBC,QAAQ;IACRC,OAAO;IACP,eAAe;AACjB;AAEA,MAAMC,oBAAoB;IACxBC,SAAS;IACTC,UAAU;AACZ;AAEA;;;;;;;;CAQC,GACD,OAAO,MAAMC,kBAAkB,CAACC,OAAiBC;IAC/C,MAAM,EACJC,gBAAgB,EAChBC,MAAMC,WAAW,EACjBC,YAAYC,iBAAiB,EAC7BC,aAAaC,kBAAkB,EAChC,GAAGhB;IAEJ,MAAMiB,KAAKtB,MAAM,WAAWa,MAAMS,EAAE;IAEpC,MAAM,EACJJ,aAAaC,8BAAAA,+BAAAA,oBAAqB,QAAQ,EAC1CI,WAAW,KAAK,EAChBH,cAAcC,+BAAAA,gCAAAA,qBAAsB,KAAK,EACzCG,QAAQ,SAAS,EACjBR,OAAOC,WAAW,EAClBQ,QAAQH,EAAE,EACX,GAAGT;IAEJ,MAAMa,iBAAiB3B,iBAAiB,CAAC4B;YACvCd;SAAAA,iBAAAA,MAAMe,OAAO,cAAbf,qCAAAA,oBAAAA,OAAgBc;QAChB,IAAI,CAACA,GAAGE,gBAAgB,EAAE;YACxBd,6BAAAA,uCAAAA,iBAAmBY,IAAI;gBAAEF;YAAM;QACjC;IACF;IAEA,MAAMK,mBAAmB/B,iBAAiB,CAAC4B;YACzCd;QAAAA,kBAAAA,6BAAAA,mBAAAA,MAAOkB,SAAS,cAAhBlB,uCAAAA,sBAAAA,OAAmBc;QACnB,IAAI,CAACA,GAAGE,gBAAgB,IAAKF,CAAAA,GAAGK,GAAG,KAAK7B,UAAUwB,GAAGK,GAAG,KAAK5B,SAAQ,GAAI;YACvEW,6BAAAA,uCAAAA,iBAAmBY,IAAI;gBAAEF;YAAM;QACjC;IACF;IAEA,MAAMQ,cAAcb,cAAc,WAAW;IAE7C,OAAO;QACLF;QACAgB,aAAazB,iBAAiB,CAACe,MAAM;QACrCW,YAAY7B,gBAAgB,CAACU,KAAK;QAClCO;QACAH;QACAI;QACAR;QAEAoB,YAAY;YACVC,MAAMJ;YACNK,OAAO;YACPC,MAAM;YACNC,aAAa;YACbC,eAAe;YACfC,aAAa;QACf;QAEAL,MAAMpC,KAAK0C,MAAM,CACf7C,yBAAyBmC,aAAa;YACpCnB;YACA,GAAGD,KAAK;YACRS;YACA,GAAIF,eAAe;gBAAEQ,SAASF;gBAAgBK,WAAWD;YAAiB,CAAC;QAC7E,IACA;YAAEG;QAAY;QAGhBK,OAAOrC,KAAK2C,QAAQ,CAAC/B,MAAMyB,KAAK,EAAE;YAAEL,aAAa;QAAO;QACxDM,MAAMtC,KAAK2C,QAAQ,CAAC/B,MAAM0B,IAAI,EAAE;YAAEN,aAAa;QAAO;QACtDO,aAAavC,KAAK2C,QAAQ,CAAC/B,MAAM2B,WAAW,EAAE;YAC5CK,iBAAiB;YACjBC,cAAc;gBACZC,UAAUlC,MAAMkC,QAAQ;YAC1B;YACAd,aAAa;QACf;QACAQ,eAAexC,KAAK2C,QAAQ,CAAC/B,MAAM4B,aAAa,EAAE;YAAER,aAAa;QAAO;QACxES,aAAazC,KAAK2C,QAAQ,CAAC/B,MAAM6B,WAAW,EAAE;YAC5CG,iBAAiBzB;YACjB0B,cAAc;gBACZC,wBAAU,oBAAC7C;gBACX8C,MAAM;YACR;YACAf,aAAa;QACf;IACF;AACF,EAAE"}
1
+ {"version":3,"sources":["useTag.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useEventCallback, useId, slot } from '@fluentui/react-utilities';\nimport { DismissRegular } from '@fluentui/react-icons';\nimport type { TagProps, TagState } from './Tag.types';\nimport { Delete, Backspace } from '@fluentui/keyboard-keys';\nimport { useTagGroupContext_unstable } from '../../contexts/tagGroupContext';\n\nconst tagAvatarSizeMap = {\n medium: 28,\n small: 20,\n 'extra-small': 16,\n} as const;\n\nconst tagAvatarShapeMap = {\n rounded: 'square',\n circular: 'circular',\n} as const;\n\n/**\n * Create the state required to render Tag.\n *\n * The returned state can be modified with hooks such as useTagStyles_unstable,\n * before being passed to renderTag_unstable.\n *\n * @param props - props from this instance of Tag\n * @param ref - reference to root HTMLSpanElement or HTMLButtonElement of Tag\n */\nexport const useTag_unstable = (props: TagProps, ref: React.Ref<HTMLSpanElement | HTMLButtonElement>): TagState => {\n const {\n handleTagDismiss,\n size: contextSize,\n appearance: contextAppearance,\n dismissible: contextDismissible,\n role: tagGroupRole,\n } = useTagGroupContext_unstable();\n\n const id = useId('fui-Tag', props.id);\n\n const {\n appearance = contextAppearance ?? 'filled',\n disabled = false,\n dismissible = contextDismissible ?? false,\n shape = 'rounded',\n size = contextSize,\n value = id,\n } = props;\n\n const dismissOnClick = useEventCallback((ev: React.MouseEvent<HTMLButtonElement>) => {\n props.onClick?.(ev);\n if (!ev.defaultPrevented) {\n handleTagDismiss?.(ev, { value });\n }\n });\n\n const dismissOnKeyDown = useEventCallback((ev: React.KeyboardEvent<HTMLButtonElement>) => {\n props?.onKeyDown?.(ev);\n if (!ev.defaultPrevented && (ev.key === Delete || ev.key === Backspace)) {\n handleTagDismiss?.(ev, { value });\n }\n });\n\n const elementType = dismissible ? 'button' : 'span';\n\n return {\n appearance,\n avatarShape: tagAvatarShapeMap[shape],\n avatarSize: tagAvatarSizeMap[size],\n disabled,\n dismissible,\n shape,\n size,\n\n components: {\n root: elementType,\n media: 'span',\n icon: 'span',\n primaryText: 'span',\n secondaryText: 'span',\n dismissIcon: 'span',\n },\n\n root: slot.always(\n getIntrinsicElementProps(elementType, {\n ref,\n role: tagGroupRole === 'listbox' ? 'option' : undefined,\n ...props,\n id,\n ...(dismissible && { onClick: dismissOnClick, onKeyDown: dismissOnKeyDown }),\n }),\n { elementType },\n ),\n\n media: slot.optional(props.media, { elementType: 'span' }),\n icon: slot.optional(props.icon, { elementType: 'span' }),\n primaryText: slot.optional(props.primaryText, {\n renderByDefault: true,\n defaultProps: {\n children: props.children,\n },\n elementType: 'span',\n }),\n secondaryText: slot.optional(props.secondaryText, { elementType: 'span' }),\n dismissIcon: slot.optional(props.dismissIcon, {\n renderByDefault: dismissible,\n defaultProps: {\n children: <DismissRegular />,\n role: 'img',\n },\n elementType: 'span',\n }),\n };\n};\n"],"names":["React","getIntrinsicElementProps","useEventCallback","useId","slot","DismissRegular","Delete","Backspace","useTagGroupContext_unstable","tagAvatarSizeMap","medium","small","tagAvatarShapeMap","rounded","circular","useTag_unstable","props","ref","handleTagDismiss","size","contextSize","appearance","contextAppearance","dismissible","contextDismissible","role","tagGroupRole","id","disabled","shape","value","dismissOnClick","ev","onClick","defaultPrevented","dismissOnKeyDown","onKeyDown","key","elementType","avatarShape","avatarSize","components","root","media","icon","primaryText","secondaryText","dismissIcon","always","undefined","optional","renderByDefault","defaultProps","children"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,gBAAgB,EAAEC,KAAK,EAAEC,IAAI,QAAQ,4BAA4B;AACpG,SAASC,cAAc,QAAQ,wBAAwB;AAEvD,SAASC,MAAM,EAAEC,SAAS,QAAQ,0BAA0B;AAC5D,SAASC,2BAA2B,QAAQ,iCAAiC;AAE7E,MAAMC,mBAAmB;IACvBC,QAAQ;IACRC,OAAO;IACP,eAAe;AACjB;AAEA,MAAMC,oBAAoB;IACxBC,SAAS;IACTC,UAAU;AACZ;AAEA;;;;;;;;CAQC,GACD,OAAO,MAAMC,kBAAkB,CAACC,OAAiBC;IAC/C,MAAM,EACJC,gBAAgB,EAChBC,MAAMC,WAAW,EACjBC,YAAYC,iBAAiB,EAC7BC,aAAaC,kBAAkB,EAC/BC,MAAMC,YAAY,EACnB,GAAGlB;IAEJ,MAAMmB,KAAKxB,MAAM,WAAWa,MAAMW,EAAE;IAEpC,MAAM,EACJN,aAAaC,8BAAAA,+BAAAA,oBAAqB,QAAQ,EAC1CM,WAAW,KAAK,EAChBL,cAAcC,+BAAAA,gCAAAA,qBAAsB,KAAK,EACzCK,QAAQ,SAAS,EACjBV,OAAOC,WAAW,EAClBU,QAAQH,EAAE,EACX,GAAGX;IAEJ,MAAMe,iBAAiB7B,iBAAiB,CAAC8B;YACvChB;SAAAA,iBAAAA,MAAMiB,OAAO,cAAbjB,qCAAAA,oBAAAA,OAAgBgB;QAChB,IAAI,CAACA,GAAGE,gBAAgB,EAAE;YACxBhB,6BAAAA,uCAAAA,iBAAmBc,IAAI;gBAAEF;YAAM;QACjC;IACF;IAEA,MAAMK,mBAAmBjC,iBAAiB,CAAC8B;YACzChB;QAAAA,kBAAAA,6BAAAA,mBAAAA,MAAOoB,SAAS,cAAhBpB,uCAAAA,sBAAAA,OAAmBgB;QACnB,IAAI,CAACA,GAAGE,gBAAgB,IAAKF,CAAAA,GAAGK,GAAG,KAAK/B,UAAU0B,GAAGK,GAAG,KAAK9B,SAAQ,GAAI;YACvEW,6BAAAA,uCAAAA,iBAAmBc,IAAI;gBAAEF;YAAM;QACjC;IACF;IAEA,MAAMQ,cAAcf,cAAc,WAAW;IAE7C,OAAO;QACLF;QACAkB,aAAa3B,iBAAiB,CAACiB,MAAM;QACrCW,YAAY/B,gBAAgB,CAACU,KAAK;QAClCS;QACAL;QACAM;QACAV;QAEAsB,YAAY;YACVC,MAAMJ;YACNK,OAAO;YACPC,MAAM;YACNC,aAAa;YACbC,eAAe;YACfC,aAAa;QACf;QAEAL,MAAMtC,KAAK4C,MAAM,CACf/C,yBAAyBqC,aAAa;YACpCrB;YACAQ,MAAMC,iBAAiB,YAAY,WAAWuB;YAC9C,GAAGjC,KAAK;YACRW;YACA,GAAIJ,eAAe;gBAAEU,SAASF;gBAAgBK,WAAWD;YAAiB,CAAC;QAC7E,IACA;YAAEG;QAAY;QAGhBK,OAAOvC,KAAK8C,QAAQ,CAAClC,MAAM2B,KAAK,EAAE;YAAEL,aAAa;QAAO;QACxDM,MAAMxC,KAAK8C,QAAQ,CAAClC,MAAM4B,IAAI,EAAE;YAAEN,aAAa;QAAO;QACtDO,aAAazC,KAAK8C,QAAQ,CAAClC,MAAM6B,WAAW,EAAE;YAC5CM,iBAAiB;YACjBC,cAAc;gBACZC,UAAUrC,MAAMqC,QAAQ;YAC1B;YACAf,aAAa;QACf;QACAQ,eAAe1C,KAAK8C,QAAQ,CAAClC,MAAM8B,aAAa,EAAE;YAAER,aAAa;QAAO;QACxES,aAAa3C,KAAK8C,QAAQ,CAAClC,MAAM+B,WAAW,EAAE;YAC5CI,iBAAiB5B;YACjB6B,cAAc;gBACZC,wBAAU,oBAAChD;gBACXoB,MAAM;YACR;YACAa,aAAa;QACf;IACF;AACF,EAAE"}
package/lib/components/TagGroup/TagGroup.types.js CHANGED
@@ -1 +1 @@
1
- export { };
1
+ import * as React from 'react';
package/lib/components/TagGroup/TagGroup.types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["TagGroup.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { TagSize, TagValue, TagDismissHandler, TagAppearance } from '../../utils/types';\nimport { TagGroupContextValue } from '../../contexts/tagGroupContext';\n\nexport type TagGroupContextValues = {\n tagGroup: TagGroupContextValue;\n};\n\nexport type TagGroupSlots = {\n root: Slot<'div'>;\n};\n\n/**\n * TagGroup Props\n */\nexport type TagGroupProps<Value = TagValue> = ComponentProps<TagGroupSlots> & {\n /**\n * Callback for when a tag is dismissed\n */\n // eslint-disable-next-line @nx/workspace-consistent-callback-type -- can't change type of existing callback\n onDismiss?: TagDismissHandler<Value>;\n\n size?: TagSize;\n appearance?: TagAppearance;\n dismissible?: boolean;\n};\n\n/**\n * State used in rendering TagGroup\n */\nexport type TagGroupState<Value = TagValue> = ComponentState<TagGroupSlots> &\n Required<Pick<TagGroupProps, 'size' | 'appearance' | 'dismissible'>> & {\n handleTagDismiss: TagDismissHandler<Value>;\n };\n"],"names":[],"mappings":"AAAA,WAiCI"}
1
+ {"version":3,"sources":["TagGroup.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { TagSize, TagValue, TagDismissHandler, TagAppearance } from '../../utils/types';\nimport { TagGroupContextValue } from '../../contexts/tagGroupContext';\nimport * as React from 'react';\n\nexport type TagGroupContextValues = {\n tagGroup: TagGroupContextValue;\n};\n\nexport type TagGroupSlots = {\n root: Slot<'div'>;\n};\n\n/**\n * TagGroup Props\n */\nexport type TagGroupProps<Value = TagValue> = ComponentProps<TagGroupSlots> & {\n /**\n * Callback for when a tag is dismissed\n */\n // eslint-disable-next-line @nx/workspace-consistent-callback-type -- can't change type of existing callback\n onDismiss?: TagDismissHandler<Value>;\n\n size?: TagSize;\n appearance?: TagAppearance;\n dismissible?: boolean;\n};\n\n/**\n * State used in rendering TagGroup\n */\nexport type TagGroupState<Value = TagValue> = ComponentState<TagGroupSlots> &\n Required<Pick<TagGroupProps, 'size' | 'appearance' | 'dismissible'>> & {\n handleTagDismiss: TagDismissHandler<Value>;\n role?: React.AriaRole;\n };\n"],"names":["React"],"mappings":"AAGA,YAAYA,WAAW,QAAQ"}
package/lib/components/TagGroup/useTagGroup.js CHANGED
@@ -12,7 +12,7 @@ import { interactionTagSecondaryClassNames } from '../InteractionTagSecondary/us
12
12
  * @param props - props from this instance of TagGroup
13
13
  * @param ref - reference to root HTMLDivElement of TagGroup
14
14
  */ export const useTagGroup_unstable = (props, ref)=>{
15
- const { onDismiss, size = 'medium', appearance = 'filled', dismissible = false } = props;
15
+ const { onDismiss, size = 'medium', appearance = 'filled', dismissible = false, role = 'toolbar' } = props;
16
16
  const innerRef = React.useRef();
17
17
  const { targetDocument } = useFluent();
18
18
  const { findNextFocusable, findPrevFocusable } = useFocusFinders();
@@ -51,6 +51,7 @@ import { interactionTagSecondaryClassNames } from '../InteractionTagSecondary/us
51
51
  });
52
52
  return {
53
53
  handleTagDismiss,
54
+ role,
54
55
  size,
55
56
  appearance,
56
57
  dismissible,
@@ -62,7 +63,7 @@ import { interactionTagSecondaryClassNames } from '../InteractionTagSecondary/us
62
63
  // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`
63
64
  // but since it would be a breaking change to fix it, we are casting ref to it's proper type
64
65
  ref: useMergedRefs(ref, innerRef),
65
- role: 'toolbar',
66
+ role,
66
67
  ...arrowNavigationProps,
67
68
  ...props
68
69
  }), {
package/lib/components/TagGroup/useTagGroup.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["useTagGroup.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useEventCallback, useMergedRefs, slot } from '@fluentui/react-utilities';\nimport type { TagGroupProps, TagGroupState } from './TagGroup.types';\nimport { useArrowNavigationGroup, useFocusFinders } from '@fluentui/react-tabster';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { interactionTagSecondaryClassNames } from '../InteractionTagSecondary/useInteractionTagSecondaryStyles.styles';\n\n/**\n * Create the state required to render TagGroup.\n *\n * The returned state can be modified with hooks such as useTagGroupStyles_unstable,\n * before being passed to renderTagGroup_unstable.\n *\n * @param props - props from this instance of TagGroup\n * @param ref - reference to root HTMLDivElement of TagGroup\n */\nexport const useTagGroup_unstable = (props: TagGroupProps, ref: React.Ref<HTMLDivElement>): TagGroupState => {\n const { onDismiss, size = 'medium', appearance = 'filled', dismissible = false } = props;\n\n const innerRef = React.useRef<HTMLElement>();\n const { targetDocument } = useFluent();\n const { findNextFocusable, findPrevFocusable } = useFocusFinders();\n\n const handleTagDismiss: TagGroupState['handleTagDismiss'] = useEventCallback((e, data) => {\n onDismiss?.(e, data);\n\n // set focus after tag dismiss\n const activeElement = targetDocument?.activeElement;\n if (innerRef.current?.contains(activeElement as HTMLElement)) {\n // focus on next tag only if the active element is within the current tag group\n const next = findNextFocusable(activeElement as HTMLElement, { container: innerRef.current });\n if (next) {\n next.focus();\n return;\n }\n\n // if there is no next focusable, focus on the previous focusable\n if (activeElement?.className.includes(interactionTagSecondaryClassNames.root)) {\n const prev = findPrevFocusable(activeElement.parentElement as HTMLElement, { container: innerRef.current });\n prev?.focus();\n } else {\n const prev = findPrevFocusable(activeElement as HTMLElement, { container: innerRef.current });\n prev?.focus();\n }\n }\n });\n\n const arrowNavigationProps = useArrowNavigationGroup({\n circular: true,\n axis: 'both',\n memorizeCurrent: true,\n });\n\n return {\n handleTagDismiss,\n size,\n appearance,\n dismissible,\n components: {\n root: 'div',\n },\n\n root: slot.always(\n getIntrinsicElementProps('div', {\n // FIXME:\n // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n ref: useMergedRefs(ref, innerRef) as React.Ref<HTMLDivElement>,\n role: 'toolbar',\n ...arrowNavigationProps,\n ...props,\n }),\n { elementType: 'div' },\n ),\n };\n};\n"],"names":["React","getIntrinsicElementProps","useEventCallback","useMergedRefs","slot","useArrowNavigationGroup","useFocusFinders","useFluent_unstable","useFluent","interactionTagSecondaryClassNames","useTagGroup_unstable","props","ref","onDismiss","size","appearance","dismissible","innerRef","useRef","targetDocument","findNextFocusable","findPrevFocusable","handleTagDismiss","e","data","activeElement","current","contains","next","container","focus","className","includes","root","prev","parentElement","arrowNavigationProps","circular","axis","memorizeCurrent","components","always","role","elementType"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,gBAAgB,EAAEC,aAAa,EAAEC,IAAI,QAAQ,4BAA4B;AAE5G,SAASC,uBAAuB,EAAEC,eAAe,QAAQ,0BAA0B;AACnF,SAASC,sBAAsBC,SAAS,QAAQ,kCAAkC;AAClF,SAASC,iCAAiC,QAAQ,qEAAqE;AAEvH;;;;;;;;CAQC,GACD,OAAO,MAAMC,uBAAuB,CAACC,OAAsBC;IACzD,MAAM,EAAEC,SAAS,EAAEC,OAAO,QAAQ,EAAEC,aAAa,QAAQ,EAAEC,cAAc,KAAK,EAAE,GAAGL;IAEnF,MAAMM,WAAWjB,MAAMkB,MAAM;IAC7B,MAAM,EAAEC,cAAc,EAAE,GAAGX;IAC3B,MAAM,EAAEY,iBAAiB,EAAEC,iBAAiB,EAAE,GAAGf;IAEjD,MAAMgB,mBAAsDpB,iBAAiB,CAACqB,GAAGC;YAK3EP;QAJJJ,sBAAAA,gCAAAA,UAAYU,GAAGC;QAEf,8BAA8B;QAC9B,MAAMC,gBAAgBN,2BAAAA,qCAAAA,eAAgBM,aAAa;QACnD,KAAIR,oBAAAA,SAASS,OAAO,cAAhBT,wCAAAA,kBAAkBU,QAAQ,CAACF,gBAA+B;YAC5D,+EAA+E;YAC/E,MAAMG,OAAOR,kBAAkBK,eAA8B;gBAAEI,WAAWZ,SAASS,OAAO;YAAC;YAC3F,IAAIE,MAAM;gBACRA,KAAKE,KAAK;gBACV;YACF;YAEA,iEAAiE;YACjE,IAAIL,0BAAAA,oCAAAA,cAAeM,SAAS,CAACC,QAAQ,CAACvB,kCAAkCwB,IAAI,GAAG;gBAC7E,MAAMC,OAAOb,kBAAkBI,cAAcU,aAAa,EAAiB;oBAAEN,WAAWZ,SAASS,OAAO;gBAAC;gBACzGQ,iBAAAA,2BAAAA,KAAMJ,KAAK;YACb,OAAO;gBACL,MAAMI,OAAOb,kBAAkBI,eAA8B;oBAAEI,WAAWZ,SAASS,OAAO;gBAAC;gBAC3FQ,iBAAAA,2BAAAA,KAAMJ,KAAK;YACb;QACF;IACF;IAEA,MAAMM,uBAAuB/B,wBAAwB;QACnDgC,UAAU;QACVC,MAAM;QACNC,iBAAiB;IACnB;IAEA,OAAO;QACLjB;QACAR;QACAC;QACAC;QACAwB,YAAY;YACVP,MAAM;QACR;QAEAA,MAAM7B,KAAKqC,MAAM,CACfxC,yBAAyB,OAAO;YAC9B,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FW,KAAKT,cAAcS,KAAKK;YACxByB,MAAM;YACN,GAAGN,oBAAoB;YACvB,GAAGzB,KAAK;QACV,IACA;YAAEgC,aAAa;QAAM;IAEzB;AACF,EAAE"}
1
+ {"version":3,"sources":["useTagGroup.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useEventCallback, useMergedRefs, slot } from '@fluentui/react-utilities';\nimport type { TagGroupProps, TagGroupState } from './TagGroup.types';\nimport { useArrowNavigationGroup, useFocusFinders } from '@fluentui/react-tabster';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { interactionTagSecondaryClassNames } from '../InteractionTagSecondary/useInteractionTagSecondaryStyles.styles';\n\n/**\n * Create the state required to render TagGroup.\n *\n * The returned state can be modified with hooks such as useTagGroupStyles_unstable,\n * before being passed to renderTagGroup_unstable.\n *\n * @param props - props from this instance of TagGroup\n * @param ref - reference to root HTMLDivElement of TagGroup\n */\nexport const useTagGroup_unstable = (props: TagGroupProps, ref: React.Ref<HTMLDivElement>): TagGroupState => {\n const { onDismiss, size = 'medium', appearance = 'filled', dismissible = false, role = 'toolbar' } = props;\n\n const innerRef = React.useRef<HTMLElement>();\n const { targetDocument } = useFluent();\n const { findNextFocusable, findPrevFocusable } = useFocusFinders();\n\n const handleTagDismiss: TagGroupState['handleTagDismiss'] = useEventCallback((e, data) => {\n onDismiss?.(e, data);\n\n // set focus after tag dismiss\n const activeElement = targetDocument?.activeElement;\n if (innerRef.current?.contains(activeElement as HTMLElement)) {\n // focus on next tag only if the active element is within the current tag group\n const next = findNextFocusable(activeElement as HTMLElement, { container: innerRef.current });\n if (next) {\n next.focus();\n return;\n }\n\n // if there is no next focusable, focus on the previous focusable\n if (activeElement?.className.includes(interactionTagSecondaryClassNames.root)) {\n const prev = findPrevFocusable(activeElement.parentElement as HTMLElement, { container: innerRef.current });\n prev?.focus();\n } else {\n const prev = findPrevFocusable(activeElement as HTMLElement, { container: innerRef.current });\n prev?.focus();\n }\n }\n });\n\n const arrowNavigationProps = useArrowNavigationGroup({\n circular: true,\n axis: 'both',\n memorizeCurrent: true,\n });\n\n return {\n handleTagDismiss,\n role,\n size,\n appearance,\n dismissible,\n components: {\n root: 'div',\n },\n\n root: slot.always(\n getIntrinsicElementProps('div', {\n // FIXME:\n // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n ref: useMergedRefs(ref, innerRef) as React.Ref<HTMLDivElement>,\n role,\n ...arrowNavigationProps,\n ...props,\n }),\n { elementType: 'div' },\n ),\n };\n};\n"],"names":["React","getIntrinsicElementProps","useEventCallback","useMergedRefs","slot","useArrowNavigationGroup","useFocusFinders","useFluent_unstable","useFluent","interactionTagSecondaryClassNames","useTagGroup_unstable","props","ref","onDismiss","size","appearance","dismissible","role","innerRef","useRef","targetDocument","findNextFocusable","findPrevFocusable","handleTagDismiss","e","data","activeElement","current","contains","next","container","focus","className","includes","root","prev","parentElement","arrowNavigationProps","circular","axis","memorizeCurrent","components","always","elementType"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,gBAAgB,EAAEC,aAAa,EAAEC,IAAI,QAAQ,4BAA4B;AAE5G,SAASC,uBAAuB,EAAEC,eAAe,QAAQ,0BAA0B;AACnF,SAASC,sBAAsBC,SAAS,QAAQ,kCAAkC;AAClF,SAASC,iCAAiC,QAAQ,qEAAqE;AAEvH;;;;;;;;CAQC,GACD,OAAO,MAAMC,uBAAuB,CAACC,OAAsBC;IACzD,MAAM,EAAEC,SAAS,EAAEC,OAAO,QAAQ,EAAEC,aAAa,QAAQ,EAAEC,cAAc,KAAK,EAAEC,OAAO,SAAS,EAAE,GAAGN;IAErG,MAAMO,WAAWlB,MAAMmB,MAAM;IAC7B,MAAM,EAAEC,cAAc,EAAE,GAAGZ;IAC3B,MAAM,EAAEa,iBAAiB,EAAEC,iBAAiB,EAAE,GAAGhB;IAEjD,MAAMiB,mBAAsDrB,iBAAiB,CAACsB,GAAGC;YAK3EP;QAJJL,sBAAAA,gCAAAA,UAAYW,GAAGC;QAEf,8BAA8B;QAC9B,MAAMC,gBAAgBN,2BAAAA,qCAAAA,eAAgBM,aAAa;QACnD,KAAIR,oBAAAA,SAASS,OAAO,cAAhBT,wCAAAA,kBAAkBU,QAAQ,CAACF,gBAA+B;YAC5D,+EAA+E;YAC/E,MAAMG,OAAOR,kBAAkBK,eAA8B;gBAAEI,WAAWZ,SAASS,OAAO;YAAC;YAC3F,IAAIE,MAAM;gBACRA,KAAKE,KAAK;gBACV;YACF;YAEA,iEAAiE;YACjE,IAAIL,0BAAAA,oCAAAA,cAAeM,SAAS,CAACC,QAAQ,CAACxB,kCAAkCyB,IAAI,GAAG;gBAC7E,MAAMC,OAAOb,kBAAkBI,cAAcU,aAAa,EAAiB;oBAAEN,WAAWZ,SAASS,OAAO;gBAAC;gBACzGQ,iBAAAA,2BAAAA,KAAMJ,KAAK;YACb,OAAO;gBACL,MAAMI,OAAOb,kBAAkBI,eAA8B;oBAAEI,WAAWZ,SAASS,OAAO;gBAAC;gBAC3FQ,iBAAAA,2BAAAA,KAAMJ,KAAK;YACb;QACF;IACF;IAEA,MAAMM,uBAAuBhC,wBAAwB;QACnDiC,UAAU;QACVC,MAAM;QACNC,iBAAiB;IACnB;IAEA,OAAO;QACLjB;QACAN;QACAH;QACAC;QACAC;QACAyB,YAAY;YACVP,MAAM;QACR;QAEAA,MAAM9B,KAAKsC,MAAM,CACfzC,yBAAyB,OAAO;YAC9B,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FW,KAAKT,cAAcS,KAAKM;YACxBD;YACA,GAAGoB,oBAAoB;YACvB,GAAG1B,KAAK;QACV,IACA;YAAEgC,aAAa;QAAM;IAEzB;AACF,EAAE"}
package/lib/components/TagGroup/useTagGroupContextValues.js CHANGED
@@ -1,17 +1,19 @@
1
1
  import * as React from 'react';
2
2
  export function useTagGroupContextValues_unstable(state) {
3
- const { handleTagDismiss, size, appearance, dismissible } = state;
3
+ const { handleTagDismiss, size, appearance, dismissible, role } = state;
4
4
  return {
5
5
  tagGroup: React.useMemo(()=>({
6
6
  handleTagDismiss,
7
7
  size,
8
8
  appearance,
9
- dismissible
9
+ dismissible,
10
+ role
10
11
  }), [
11
12
  handleTagDismiss,
12
13
  size,
13
14
  appearance,
14
- dismissible
15
+ dismissible,
16
+ role
15
17
  ])
16
18
  };
17
19
  }
package/lib/components/TagGroup/useTagGroupContextValues.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["useTagGroupContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport type { TagGroupContextValues, TagGroupState } from './TagGroup.types';\n\nexport function useTagGroupContextValues_unstable(state: TagGroupState): TagGroupContextValues {\n const { handleTagDismiss, size, appearance, dismissible } = state;\n return {\n tagGroup: React.useMemo(\n () => ({ handleTagDismiss, size, appearance, dismissible }),\n [handleTagDismiss, size, appearance, dismissible],\n ),\n };\n}\n"],"names":["React","useTagGroupContextValues_unstable","state","handleTagDismiss","size","appearance","dismissible","tagGroup","useMemo"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,OAAO,SAASC,kCAAkCC,KAAoB;IACpE,MAAM,EAAEC,gBAAgB,EAAEC,IAAI,EAAEC,UAAU,EAAEC,WAAW,EAAE,GAAGJ;IAC5D,OAAO;QACLK,UAAUP,MAAMQ,OAAO,CACrB,IAAO,CAAA;gBAAEL;gBAAkBC;gBAAMC;gBAAYC;YAAY,CAAA,GACzD;YAACH;YAAkBC;YAAMC;YAAYC;SAAY;IAErD;AACF"}
1
+ {"version":3,"sources":["useTagGroupContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport type { TagGroupContextValues, TagGroupState } from './TagGroup.types';\n\nexport function useTagGroupContextValues_unstable(state: TagGroupState): TagGroupContextValues {\n const { handleTagDismiss, size, appearance, dismissible, role } = state;\n return {\n tagGroup: React.useMemo(\n () => ({ handleTagDismiss, size, appearance, dismissible, role }),\n [handleTagDismiss, size, appearance, dismissible, role],\n ),\n };\n}\n"],"names":["React","useTagGroupContextValues_unstable","state","handleTagDismiss","size","appearance","dismissible","role","tagGroup","useMemo"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,OAAO,SAASC,kCAAkCC,KAAoB;IACpE,MAAM,EAAEC,gBAAgB,EAAEC,IAAI,EAAEC,UAAU,EAAEC,WAAW,EAAEC,IAAI,EAAE,GAAGL;IAClE,OAAO;QACLM,UAAUR,MAAMS,OAAO,CACrB,IAAO,CAAA;gBAAEN;gBAAkBC;gBAAMC;gBAAYC;gBAAaC;YAAK,CAAA,GAC/D;YAACJ;YAAkBC;YAAMC;YAAYC;YAAaC;SAAK;IAE3D;AACF"}
package/lib/contexts/tagGroupContext.js CHANGED
@@ -2,7 +2,8 @@ import * as React from 'react';
2
2
  export const TagGroupContext = /*#__PURE__*/ React.createContext(undefined);
3
3
  const tagGroupContextDefaultValue = {
4
4
  handleTagDismiss: ()=>({}),
5
- size: 'medium'
5
+ size: 'medium',
6
+ role: 'toolbar'
6
7
  };
7
8
  export const TagGroupContextProvider = TagGroupContext.Provider;
8
9
  export const useTagGroupContext_unstable = ()=>{
package/lib/contexts/tagGroupContext.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["tagGroupContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { TagGroupState } from '../components/TagGroup/index';\n\nexport const TagGroupContext = React.createContext<TagGroupContextValue | undefined>(undefined);\n\nconst tagGroupContextDefaultValue: TagGroupContextValue = {\n handleTagDismiss: () => ({}),\n size: 'medium',\n};\n\n/**\n * Context shared between TagGroup and its children components\n */\nexport type TagGroupContextValue = Required<Pick<TagGroupState, 'handleTagDismiss' | 'size'>> &\n Partial<Pick<TagGroupState, 'appearance' | 'dismissible'>>;\n\nexport const TagGroupContextProvider = TagGroupContext.Provider;\n\nexport const useTagGroupContext_unstable = () => React.useContext(TagGroupContext) ?? tagGroupContextDefaultValue;\n"],"names":["React","TagGroupContext","createContext","undefined","tagGroupContextDefaultValue","handleTagDismiss","size","TagGroupContextProvider","Provider","useTagGroupContext_unstable","useContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,OAAO,MAAMC,gCAAkBD,MAAME,aAAa,CAAmCC,WAAW;AAEhG,MAAMC,8BAAoD;IACxDC,kBAAkB,IAAO,CAAA,CAAC,CAAA;IAC1BC,MAAM;AACR;AAQA,OAAO,MAAMC,0BAA0BN,gBAAgBO,QAAQ,CAAC;AAEhE,OAAO,MAAMC,8BAA8B;QAAMT;WAAAA,CAAAA,oBAAAA,MAAMU,UAAU,CAACT,8BAAjBD,+BAAAA,oBAAqCI;AAA0B,EAAE"}
1
+ {"version":3,"sources":["tagGroupContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { TagGroupState } from '../components/TagGroup/index';\n\nexport const TagGroupContext = React.createContext<TagGroupContextValue | undefined>(undefined);\n\nconst tagGroupContextDefaultValue: TagGroupContextValue = {\n handleTagDismiss: () => ({}),\n size: 'medium',\n role: 'toolbar',\n};\n\n/**\n * Context shared between TagGroup and its children components\n */\nexport type TagGroupContextValue = Required<Pick<TagGroupState, 'handleTagDismiss' | 'size'>> &\n Partial<Pick<TagGroupState, 'appearance' | 'dismissible' | 'role'>>;\n\nexport const TagGroupContextProvider = TagGroupContext.Provider;\n\nexport const useTagGroupContext_unstable = () => React.useContext(TagGroupContext) ?? tagGroupContextDefaultValue;\n"],"names":["React","TagGroupContext","createContext","undefined","tagGroupContextDefaultValue","handleTagDismiss","size","role","TagGroupContextProvider","Provider","useTagGroupContext_unstable","useContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,OAAO,MAAMC,gCAAkBD,MAAME,aAAa,CAAmCC,WAAW;AAEhG,MAAMC,8BAAoD;IACxDC,kBAAkB,IAAO,CAAA,CAAC,CAAA;IAC1BC,MAAM;IACNC,MAAM;AACR;AAQA,OAAO,MAAMC,0BAA0BP,gBAAgBQ,QAAQ,CAAC;AAEhE,OAAO,MAAMC,8BAA8B;QAAMV;WAAAA,CAAAA,oBAAAA,MAAMW,UAAU,CAACV,8BAAjBD,+BAAAA,oBAAqCI;AAA0B,EAAE"}
package/lib-commonjs/components/Tag/useTag.js CHANGED
@@ -24,7 +24,7 @@ const tagAvatarShapeMap = {
24
24
  circular: 'circular'
25
25
  };
26
26
  const useTag_unstable = (props, ref)=>{
27
- const { handleTagDismiss, size: contextSize, appearance: contextAppearance, dismissible: contextDismissible } = (0, _tagGroupContext.useTagGroupContext_unstable)();
27
+ const { handleTagDismiss, size: contextSize, appearance: contextAppearance, dismissible: contextDismissible, role: tagGroupRole } = (0, _tagGroupContext.useTagGroupContext_unstable)();
28
28
  const id = (0, _reactutilities.useId)('fui-Tag', props.id);
29
29
  const { appearance = contextAppearance !== null && contextAppearance !== void 0 ? contextAppearance : 'filled', disabled = false, dismissible = contextDismissible !== null && contextDismissible !== void 0 ? contextDismissible : false, shape = 'rounded', size = contextSize, value = id } = props;
30
30
  const dismissOnClick = (0, _reactutilities.useEventCallback)((ev)=>{
@@ -64,6 +64,7 @@ const useTag_unstable = (props, ref)=>{
64
64
  },
65
65
  root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)(elementType, {
66
66
  ref,
67
+ role: tagGroupRole === 'listbox' ? 'option' : undefined,
67
68
  ...props,
68
69
  id,
69
70
  ...dismissible && {
package/lib-commonjs/components/Tag/useTag.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["useTag.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useEventCallback, useId, slot } from '@fluentui/react-utilities';\nimport { DismissRegular } from '@fluentui/react-icons';\nimport { Delete, Backspace } from '@fluentui/keyboard-keys';\nimport { useTagGroupContext_unstable } from '../../contexts/tagGroupContext';\nconst tagAvatarSizeMap = {\n medium: 28,\n small: 20,\n 'extra-small': 16\n};\nconst tagAvatarShapeMap = {\n rounded: 'square',\n circular: 'circular'\n};\n/**\n * Create the state required to render Tag.\n *\n * The returned state can be modified with hooks such as useTagStyles_unstable,\n * before being passed to renderTag_unstable.\n *\n * @param props - props from this instance of Tag\n * @param ref - reference to root HTMLSpanElement or HTMLButtonElement of Tag\n */ export const useTag_unstable = (props, ref)=>{\n const { handleTagDismiss, size: contextSize, appearance: contextAppearance, dismissible: contextDismissible } = useTagGroupContext_unstable();\n const id = useId('fui-Tag', props.id);\n const { appearance = contextAppearance !== null && contextAppearance !== void 0 ? contextAppearance : 'filled', disabled = false, dismissible = contextDismissible !== null && contextDismissible !== void 0 ? contextDismissible : false, shape = 'rounded', size = contextSize, value = id } = props;\n const dismissOnClick = useEventCallback((ev)=>{\n var _props_onClick;\n (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, ev);\n if (!ev.defaultPrevented) {\n handleTagDismiss === null || handleTagDismiss === void 0 ? void 0 : handleTagDismiss(ev, {\n value\n });\n }\n });\n const dismissOnKeyDown = useEventCallback((ev)=>{\n var _props_onKeyDown;\n props === null || props === void 0 ? void 0 : (_props_onKeyDown = props.onKeyDown) === null || _props_onKeyDown === void 0 ? void 0 : _props_onKeyDown.call(props, ev);\n if (!ev.defaultPrevented && (ev.key === Delete || ev.key === Backspace)) {\n handleTagDismiss === null || handleTagDismiss === void 0 ? void 0 : handleTagDismiss(ev, {\n value\n });\n }\n });\n const elementType = dismissible ? 'button' : 'span';\n return {\n appearance,\n avatarShape: tagAvatarShapeMap[shape],\n avatarSize: tagAvatarSizeMap[size],\n disabled,\n dismissible,\n shape,\n size,\n components: {\n root: elementType,\n media: 'span',\n icon: 'span',\n primaryText: 'span',\n secondaryText: 'span',\n dismissIcon: 'span'\n },\n root: slot.always(getIntrinsicElementProps(elementType, {\n ref,\n ...props,\n id,\n ...dismissible && {\n onClick: dismissOnClick,\n onKeyDown: dismissOnKeyDown\n }\n }), {\n elementType\n }),\n media: slot.optional(props.media, {\n elementType: 'span'\n }),\n icon: slot.optional(props.icon, {\n elementType: 'span'\n }),\n primaryText: slot.optional(props.primaryText, {\n renderByDefault: true,\n defaultProps: {\n children: props.children\n },\n elementType: 'span'\n }),\n secondaryText: slot.optional(props.secondaryText, {\n elementType: 'span'\n }),\n dismissIcon: slot.optional(props.dismissIcon, {\n renderByDefault: dismissible,\n defaultProps: {\n children: /*#__PURE__*/ React.createElement(DismissRegular, null),\n role: 'img'\n },\n elementType: 'span'\n })\n };\n};\n"],"names":["useTag_unstable","tagAvatarSizeMap","medium","small","tagAvatarShapeMap","rounded","circular","props","ref","handleTagDismiss","size","contextSize","appearance","contextAppearance","dismissible","contextDismissible","useTagGroupContext_unstable","id","useId","disabled","shape","value","dismissOnClick","useEventCallback","ev","_props_onClick","onClick","call","defaultPrevented","dismissOnKeyDown","_props_onKeyDown","onKeyDown","key","Delete","Backspace","elementType","avatarShape","avatarSize","components","root","media","icon","primaryText","secondaryText","dismissIcon","slot","always","getIntrinsicElementProps","optional","renderByDefault","defaultProps","children","React","createElement","DismissRegular","role"],"mappings":"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"}
1
+ {"version":3,"sources":["useTag.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useEventCallback, useId, slot } from '@fluentui/react-utilities';\nimport { DismissRegular } from '@fluentui/react-icons';\nimport { Delete, Backspace } from '@fluentui/keyboard-keys';\nimport { useTagGroupContext_unstable } from '../../contexts/tagGroupContext';\nconst tagAvatarSizeMap = {\n medium: 28,\n small: 20,\n 'extra-small': 16\n};\nconst tagAvatarShapeMap = {\n rounded: 'square',\n circular: 'circular'\n};\n/**\n * Create the state required to render Tag.\n *\n * The returned state can be modified with hooks such as useTagStyles_unstable,\n * before being passed to renderTag_unstable.\n *\n * @param props - props from this instance of Tag\n * @param ref - reference to root HTMLSpanElement or HTMLButtonElement of Tag\n */ export const useTag_unstable = (props, ref)=>{\n const { handleTagDismiss, size: contextSize, appearance: contextAppearance, dismissible: contextDismissible, role: tagGroupRole } = useTagGroupContext_unstable();\n const id = useId('fui-Tag', props.id);\n const { appearance = contextAppearance !== null && contextAppearance !== void 0 ? contextAppearance : 'filled', disabled = false, dismissible = contextDismissible !== null && contextDismissible !== void 0 ? contextDismissible : false, shape = 'rounded', size = contextSize, value = id } = props;\n const dismissOnClick = useEventCallback((ev)=>{\n var _props_onClick;\n (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, ev);\n if (!ev.defaultPrevented) {\n handleTagDismiss === null || handleTagDismiss === void 0 ? void 0 : handleTagDismiss(ev, {\n value\n });\n }\n });\n const dismissOnKeyDown = useEventCallback((ev)=>{\n var _props_onKeyDown;\n props === null || props === void 0 ? void 0 : (_props_onKeyDown = props.onKeyDown) === null || _props_onKeyDown === void 0 ? void 0 : _props_onKeyDown.call(props, ev);\n if (!ev.defaultPrevented && (ev.key === Delete || ev.key === Backspace)) {\n handleTagDismiss === null || handleTagDismiss === void 0 ? void 0 : handleTagDismiss(ev, {\n value\n });\n }\n });\n const elementType = dismissible ? 'button' : 'span';\n return {\n appearance,\n avatarShape: tagAvatarShapeMap[shape],\n avatarSize: tagAvatarSizeMap[size],\n disabled,\n dismissible,\n shape,\n size,\n components: {\n root: elementType,\n media: 'span',\n icon: 'span',\n primaryText: 'span',\n secondaryText: 'span',\n dismissIcon: 'span'\n },\n root: slot.always(getIntrinsicElementProps(elementType, {\n ref,\n role: tagGroupRole === 'listbox' ? 'option' : undefined,\n ...props,\n id,\n ...dismissible && {\n onClick: dismissOnClick,\n onKeyDown: dismissOnKeyDown\n }\n }), {\n elementType\n }),\n media: slot.optional(props.media, {\n elementType: 'span'\n }),\n icon: slot.optional(props.icon, {\n elementType: 'span'\n }),\n primaryText: slot.optional(props.primaryText, {\n renderByDefault: true,\n defaultProps: {\n children: props.children\n },\n elementType: 'span'\n }),\n secondaryText: slot.optional(props.secondaryText, {\n elementType: 'span'\n }),\n dismissIcon: slot.optional(props.dismissIcon, {\n renderByDefault: dismissible,\n defaultProps: {\n children: /*#__PURE__*/ React.createElement(DismissRegular, null),\n role: 'img'\n },\n elementType: 'span'\n })\n };\n};\n"],"names":["useTag_unstable","tagAvatarSizeMap","medium","small","tagAvatarShapeMap","rounded","circular","props","ref","handleTagDismiss","size","contextSize","appearance","contextAppearance","dismissible","contextDismissible","role","tagGroupRole","useTagGroupContext_unstable","id","useId","disabled","shape","value","dismissOnClick","useEventCallback","ev","_props_onClick","onClick","call","defaultPrevented","dismissOnKeyDown","_props_onKeyDown","onKeyDown","key","Delete","Backspace","elementType","avatarShape","avatarSize","components","root","media","icon","primaryText","secondaryText","dismissIcon","slot","always","getIntrinsicElementProps","undefined","optional","renderByDefault","defaultProps","children","React","createElement","DismissRegular"],"mappings":"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"}
package/lib-commonjs/components/TagGroup/TagGroup.types.js CHANGED
@@ -2,3 +2,5 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
+ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
6
+ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
package/lib-commonjs/components/TagGroup/TagGroup.types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":[],"names":[],"mappings":""}
1
+ {"version":3,"sources":["TagGroup.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;iEAAuB"}
package/lib-commonjs/components/TagGroup/useTagGroup.js CHANGED
@@ -15,7 +15,7 @@ const _reacttabster = require("@fluentui/react-tabster");
15
15
  const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
16
16
  const _useInteractionTagSecondaryStylesstyles = require("../InteractionTagSecondary/useInteractionTagSecondaryStyles.styles");
17
17
  const useTagGroup_unstable = (props, ref)=>{
18
- const { onDismiss, size = 'medium', appearance = 'filled', dismissible = false } = props;
18
+ const { onDismiss, size = 'medium', appearance = 'filled', dismissible = false, role = 'toolbar' } = props;
19
19
  const innerRef = _react.useRef();
20
20
  const { targetDocument } = (0, _reactsharedcontexts.useFluent_unstable)();
21
21
  const { findNextFocusable, findPrevFocusable } = (0, _reacttabster.useFocusFinders)();
@@ -54,6 +54,7 @@ const useTagGroup_unstable = (props, ref)=>{
54
54
  });
55
55
  return {
56
56
  handleTagDismiss,
57
+ role,
57
58
  size,
58
59
  appearance,
59
60
  dismissible,
@@ -65,7 +66,7 @@ const useTagGroup_unstable = (props, ref)=>{
65
66
  // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`
66
67
  // but since it would be a breaking change to fix it, we are casting ref to it's proper type
67
68
  ref: (0, _reactutilities.useMergedRefs)(ref, innerRef),
68
- role: 'toolbar',
69
+ role,
69
70
  ...arrowNavigationProps,
70
71
  ...props
71
72
  }), {
package/lib-commonjs/components/TagGroup/useTagGroup.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["useTagGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useEventCallback, useMergedRefs, slot } from '@fluentui/react-utilities';\nimport { useArrowNavigationGroup, useFocusFinders } from '@fluentui/react-tabster';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { interactionTagSecondaryClassNames } from '../InteractionTagSecondary/useInteractionTagSecondaryStyles.styles';\n/**\n * Create the state required to render TagGroup.\n *\n * The returned state can be modified with hooks such as useTagGroupStyles_unstable,\n * before being passed to renderTagGroup_unstable.\n *\n * @param props - props from this instance of TagGroup\n * @param ref - reference to root HTMLDivElement of TagGroup\n */ export const useTagGroup_unstable = (props, ref)=>{\n const { onDismiss, size = 'medium', appearance = 'filled', dismissible = false } = props;\n const innerRef = React.useRef();\n const { targetDocument } = useFluent();\n const { findNextFocusable, findPrevFocusable } = useFocusFinders();\n const handleTagDismiss = useEventCallback((e, data)=>{\n var _innerRef_current;\n onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss(e, data);\n // set focus after tag dismiss\n const activeElement = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.activeElement;\n if ((_innerRef_current = innerRef.current) === null || _innerRef_current === void 0 ? void 0 : _innerRef_current.contains(activeElement)) {\n // focus on next tag only if the active element is within the current tag group\n const next = findNextFocusable(activeElement, {\n container: innerRef.current\n });\n if (next) {\n next.focus();\n return;\n }\n // if there is no next focusable, focus on the previous focusable\n if (activeElement === null || activeElement === void 0 ? void 0 : activeElement.className.includes(interactionTagSecondaryClassNames.root)) {\n const prev = findPrevFocusable(activeElement.parentElement, {\n container: innerRef.current\n });\n prev === null || prev === void 0 ? void 0 : prev.focus();\n } else {\n const prev = findPrevFocusable(activeElement, {\n container: innerRef.current\n });\n prev === null || prev === void 0 ? void 0 : prev.focus();\n }\n }\n });\n const arrowNavigationProps = useArrowNavigationGroup({\n circular: true,\n axis: 'both',\n memorizeCurrent: true\n });\n return {\n handleTagDismiss,\n size,\n appearance,\n dismissible,\n components: {\n root: 'div'\n },\n root: slot.always(getIntrinsicElementProps('div', {\n // FIXME:\n // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n ref: useMergedRefs(ref, innerRef),\n role: 'toolbar',\n ...arrowNavigationProps,\n ...props\n }), {\n elementType: 'div'\n })\n };\n};\n"],"names":["useTagGroup_unstable","props","ref","onDismiss","size","appearance","dismissible","innerRef","React","useRef","targetDocument","useFluent","findNextFocusable","findPrevFocusable","useFocusFinders","handleTagDismiss","useEventCallback","e","data","_innerRef_current","activeElement","current","contains","next","container","focus","className","includes","interactionTagSecondaryClassNames","root","prev","parentElement","arrowNavigationProps","useArrowNavigationGroup","circular","axis","memorizeCurrent","components","slot","always","getIntrinsicElementProps","useMergedRefs","role","elementType"],"mappings":";;;;+BAaiBA;;;eAAAA;;;;iEAbM;gCACyD;8BACvB;qCACT;wDACE;AASvC,MAAMA,uBAAuB,CAACC,OAAOC;IAC5C,MAAM,EAAEC,SAAS,EAAEC,OAAO,QAAQ,EAAEC,aAAa,QAAQ,EAAEC,cAAc,KAAK,EAAE,GAAGL;IACnF,MAAMM,WAAWC,OAAMC,MAAM;IAC7B,MAAM,EAAEC,cAAc,EAAE,GAAGC,IAAAA,uCAAS;IACpC,MAAM,EAAEC,iBAAiB,EAAEC,iBAAiB,EAAE,GAAGC,IAAAA,6BAAe;IAChE,MAAMC,mBAAmBC,IAAAA,gCAAgB,EAAC,CAACC,GAAGC;QAC1C,IAAIC;QACJhB,cAAc,QAAQA,cAAc,KAAK,IAAI,KAAK,IAAIA,UAAUc,GAAGC;QACnE,8BAA8B;QAC9B,MAAME,gBAAgBV,mBAAmB,QAAQA,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAeU,aAAa;QAClH,IAAI,AAACD,CAAAA,oBAAoBZ,SAASc,OAAO,AAAD,MAAO,QAAQF,sBAAsB,KAAK,IAAI,KAAK,IAAIA,kBAAkBG,QAAQ,CAACF,gBAAgB;YACtI,+EAA+E;YAC/E,MAAMG,OAAOX,kBAAkBQ,eAAe;gBAC1CI,WAAWjB,SAASc,OAAO;YAC/B;YACA,IAAIE,MAAM;gBACNA,KAAKE,KAAK;gBACV;YACJ;YACA,iEAAiE;YACjE,IAAIL,kBAAkB,QAAQA,kBAAkB,KAAK,IAAI,KAAK,IAAIA,cAAcM,SAAS,CAACC,QAAQ,CAACC,yEAAiC,CAACC,IAAI,GAAG;gBACxI,MAAMC,OAAOjB,kBAAkBO,cAAcW,aAAa,EAAE;oBACxDP,WAAWjB,SAASc,OAAO;gBAC/B;gBACAS,SAAS,QAAQA,SAAS,KAAK,IAAI,KAAK,IAAIA,KAAKL,KAAK;YAC1D,OAAO;gBACH,MAAMK,OAAOjB,kBAAkBO,eAAe;oBAC1CI,WAAWjB,SAASc,OAAO;gBAC/B;gBACAS,SAAS,QAAQA,SAAS,KAAK,IAAI,KAAK,IAAIA,KAAKL,KAAK;YAC1D;QACJ;IACJ;IACA,MAAMO,uBAAuBC,IAAAA,qCAAuB,EAAC;QACjDC,UAAU;QACVC,MAAM;QACNC,iBAAiB;IACrB;IACA,OAAO;QACHrB;QACAX;QACAC;QACAC;QACA+B,YAAY;YACRR,MAAM;QACV;QACAA,MAAMS,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,OAAO;YAC9C,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FtC,KAAKuC,IAAAA,6BAAa,EAACvC,KAAKK;YACxBmC,MAAM;YACN,GAAGV,oBAAoB;YACvB,GAAG/B,KAAK;QACZ,IAAI;YACA0C,aAAa;QACjB;IACJ;AACJ"}
1
+ {"version":3,"sources":["useTagGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useEventCallback, useMergedRefs, slot } from '@fluentui/react-utilities';\nimport { useArrowNavigationGroup, useFocusFinders } from '@fluentui/react-tabster';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { interactionTagSecondaryClassNames } from '../InteractionTagSecondary/useInteractionTagSecondaryStyles.styles';\n/**\n * Create the state required to render TagGroup.\n *\n * The returned state can be modified with hooks such as useTagGroupStyles_unstable,\n * before being passed to renderTagGroup_unstable.\n *\n * @param props - props from this instance of TagGroup\n * @param ref - reference to root HTMLDivElement of TagGroup\n */ export const useTagGroup_unstable = (props, ref)=>{\n const { onDismiss, size = 'medium', appearance = 'filled', dismissible = false, role = 'toolbar' } = props;\n const innerRef = React.useRef();\n const { targetDocument } = useFluent();\n const { findNextFocusable, findPrevFocusable } = useFocusFinders();\n const handleTagDismiss = useEventCallback((e, data)=>{\n var _innerRef_current;\n onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss(e, data);\n // set focus after tag dismiss\n const activeElement = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.activeElement;\n if ((_innerRef_current = innerRef.current) === null || _innerRef_current === void 0 ? void 0 : _innerRef_current.contains(activeElement)) {\n // focus on next tag only if the active element is within the current tag group\n const next = findNextFocusable(activeElement, {\n container: innerRef.current\n });\n if (next) {\n next.focus();\n return;\n }\n // if there is no next focusable, focus on the previous focusable\n if (activeElement === null || activeElement === void 0 ? void 0 : activeElement.className.includes(interactionTagSecondaryClassNames.root)) {\n const prev = findPrevFocusable(activeElement.parentElement, {\n container: innerRef.current\n });\n prev === null || prev === void 0 ? void 0 : prev.focus();\n } else {\n const prev = findPrevFocusable(activeElement, {\n container: innerRef.current\n });\n prev === null || prev === void 0 ? void 0 : prev.focus();\n }\n }\n });\n const arrowNavigationProps = useArrowNavigationGroup({\n circular: true,\n axis: 'both',\n memorizeCurrent: true\n });\n return {\n handleTagDismiss,\n role,\n size,\n appearance,\n dismissible,\n components: {\n root: 'div'\n },\n root: slot.always(getIntrinsicElementProps('div', {\n // FIXME:\n // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n ref: useMergedRefs(ref, innerRef),\n role,\n ...arrowNavigationProps,\n ...props\n }), {\n elementType: 'div'\n })\n };\n};\n"],"names":["useTagGroup_unstable","props","ref","onDismiss","size","appearance","dismissible","role","innerRef","React","useRef","targetDocument","useFluent","findNextFocusable","findPrevFocusable","useFocusFinders","handleTagDismiss","useEventCallback","e","data","_innerRef_current","activeElement","current","contains","next","container","focus","className","includes","interactionTagSecondaryClassNames","root","prev","parentElement","arrowNavigationProps","useArrowNavigationGroup","circular","axis","memorizeCurrent","components","slot","always","getIntrinsicElementProps","useMergedRefs","elementType"],"mappings":";;;;+BAaiBA;;;eAAAA;;;;iEAbM;gCACyD;8BACvB;qCACT;wDACE;AASvC,MAAMA,uBAAuB,CAACC,OAAOC;IAC5C,MAAM,EAAEC,SAAS,EAAEC,OAAO,QAAQ,EAAEC,aAAa,QAAQ,EAAEC,cAAc,KAAK,EAAEC,OAAO,SAAS,EAAE,GAAGN;IACrG,MAAMO,WAAWC,OAAMC,MAAM;IAC7B,MAAM,EAAEC,cAAc,EAAE,GAAGC,IAAAA,uCAAS;IACpC,MAAM,EAAEC,iBAAiB,EAAEC,iBAAiB,EAAE,GAAGC,IAAAA,6BAAe;IAChE,MAAMC,mBAAmBC,IAAAA,gCAAgB,EAAC,CAACC,GAAGC;QAC1C,IAAIC;QACJjB,cAAc,QAAQA,cAAc,KAAK,IAAI,KAAK,IAAIA,UAAUe,GAAGC;QACnE,8BAA8B;QAC9B,MAAME,gBAAgBV,mBAAmB,QAAQA,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAeU,aAAa;QAClH,IAAI,AAACD,CAAAA,oBAAoBZ,SAASc,OAAO,AAAD,MAAO,QAAQF,sBAAsB,KAAK,IAAI,KAAK,IAAIA,kBAAkBG,QAAQ,CAACF,gBAAgB;YACtI,+EAA+E;YAC/E,MAAMG,OAAOX,kBAAkBQ,eAAe;gBAC1CI,WAAWjB,SAASc,OAAO;YAC/B;YACA,IAAIE,MAAM;gBACNA,KAAKE,KAAK;gBACV;YACJ;YACA,iEAAiE;YACjE,IAAIL,kBAAkB,QAAQA,kBAAkB,KAAK,IAAI,KAAK,IAAIA,cAAcM,SAAS,CAACC,QAAQ,CAACC,yEAAiC,CAACC,IAAI,GAAG;gBACxI,MAAMC,OAAOjB,kBAAkBO,cAAcW,aAAa,EAAE;oBACxDP,WAAWjB,SAASc,OAAO;gBAC/B;gBACAS,SAAS,QAAQA,SAAS,KAAK,IAAI,KAAK,IAAIA,KAAKL,KAAK;YAC1D,OAAO;gBACH,MAAMK,OAAOjB,kBAAkBO,eAAe;oBAC1CI,WAAWjB,SAASc,OAAO;gBAC/B;gBACAS,SAAS,QAAQA,SAAS,KAAK,IAAI,KAAK,IAAIA,KAAKL,KAAK;YAC1D;QACJ;IACJ;IACA,MAAMO,uBAAuBC,IAAAA,qCAAuB,EAAC;QACjDC,UAAU;QACVC,MAAM;QACNC,iBAAiB;IACrB;IACA,OAAO;QACHrB;QACAT;QACAH;QACAC;QACAC;QACAgC,YAAY;YACRR,MAAM;QACV;QACAA,MAAMS,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,OAAO;YAC9C,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FvC,KAAKwC,IAAAA,6BAAa,EAACxC,KAAKM;YACxBD;YACA,GAAG0B,oBAAoB;YACvB,GAAGhC,KAAK;QACZ,IAAI;YACA0C,aAAa;QACjB;IACJ;AACJ"}
package/lib-commonjs/components/TagGroup/useTagGroupContextValues.js CHANGED
@@ -11,18 +11,20 @@ Object.defineProperty(exports, "useTagGroupContextValues_unstable", {
11
11
  const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
12
12
  const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
13
13
  function useTagGroupContextValues_unstable(state) {
14
- const { handleTagDismiss, size, appearance, dismissible } = state;
14
+ const { handleTagDismiss, size, appearance, dismissible, role } = state;
15
15
  return {
16
16
  tagGroup: _react.useMemo(()=>({
17
17
  handleTagDismiss,
18
18
  size,
19
19
  appearance,
20
- dismissible
20
+ dismissible,
21
+ role
21
22
  }), [
22
23
  handleTagDismiss,
23
24
  size,
24
25
  appearance,
25
- dismissible
26
+ dismissible,
27
+ role
26
28
  ])
27
29
  };
28
30
  }
package/lib-commonjs/components/TagGroup/useTagGroupContextValues.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["useTagGroupContextValues.js"],"sourcesContent":["import * as React from 'react';\nexport function useTagGroupContextValues_unstable(state) {\n const { handleTagDismiss, size, appearance, dismissible } = state;\n return {\n tagGroup: React.useMemo(()=>({\n handleTagDismiss,\n size,\n appearance,\n dismissible\n }), [\n handleTagDismiss,\n size,\n appearance,\n dismissible\n ])\n };\n}\n"],"names":["useTagGroupContextValues_unstable","state","handleTagDismiss","size","appearance","dismissible","tagGroup","React","useMemo"],"mappings":";;;;+BACgBA;;;eAAAA;;;;iEADO;AAChB,SAASA,kCAAkCC,KAAK;IACnD,MAAM,EAAEC,gBAAgB,EAAEC,IAAI,EAAEC,UAAU,EAAEC,WAAW,EAAE,GAAGJ;IAC5D,OAAO;QACHK,UAAUC,OAAMC,OAAO,CAAC,IAAK,CAAA;gBACrBN;gBACAC;gBACAC;gBACAC;YACJ,CAAA,GAAI;YACJH;YACAC;YACAC;YACAC;SACH;IACL;AACJ"}
1
+ {"version":3,"sources":["useTagGroupContextValues.js"],"sourcesContent":["import * as React from 'react';\nexport function useTagGroupContextValues_unstable(state) {\n const { handleTagDismiss, size, appearance, dismissible, role } = state;\n return {\n tagGroup: React.useMemo(()=>({\n handleTagDismiss,\n size,\n appearance,\n dismissible,\n role\n }), [\n handleTagDismiss,\n size,\n appearance,\n dismissible,\n role\n ])\n };\n}\n"],"names":["useTagGroupContextValues_unstable","state","handleTagDismiss","size","appearance","dismissible","role","tagGroup","React","useMemo"],"mappings":";;;;+BACgBA;;;eAAAA;;;;iEADO;AAChB,SAASA,kCAAkCC,KAAK;IACnD,MAAM,EAAEC,gBAAgB,EAAEC,IAAI,EAAEC,UAAU,EAAEC,WAAW,EAAEC,IAAI,EAAE,GAAGL;IAClE,OAAO;QACHM,UAAUC,OAAMC,OAAO,CAAC,IAAK,CAAA;gBACrBP;gBACAC;gBACAC;gBACAC;gBACAC;YACJ,CAAA,GAAI;YACJJ;YACAC;YACAC;YACAC;YACAC;SACH;IACL;AACJ"}
package/lib-commonjs/contexts/tagGroupContext.js CHANGED
@@ -24,7 +24,8 @@ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
24
24
  const TagGroupContext = /*#__PURE__*/ _react.createContext(undefined);
25
25
  const tagGroupContextDefaultValue = {
26
26
  handleTagDismiss: ()=>({}),
27
- size: 'medium'
27
+ size: 'medium',
28
+ role: 'toolbar'
28
29
  };
29
30
  const TagGroupContextProvider = TagGroupContext.Provider;
30
31
  const useTagGroupContext_unstable = ()=>{
package/lib-commonjs/contexts/tagGroupContext.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["tagGroupContext.js"],"sourcesContent":["import * as React from 'react';\nexport const TagGroupContext = /*#__PURE__*/ React.createContext(undefined);\nconst tagGroupContextDefaultValue = {\n handleTagDismiss: ()=>({}),\n size: 'medium'\n};\nexport const TagGroupContextProvider = TagGroupContext.Provider;\nexport const useTagGroupContext_unstable = ()=>{\n var _React_useContext;\n return (_React_useContext = React.useContext(TagGroupContext)) !== null && _React_useContext !== void 0 ? _React_useContext : tagGroupContextDefaultValue;\n};\n"],"names":["TagGroupContext","TagGroupContextProvider","useTagGroupContext_unstable","React","createContext","undefined","tagGroupContextDefaultValue","handleTagDismiss","size","Provider","_React_useContext","useContext"],"mappings":";;;;;;;;;;;IACaA,eAAe;eAAfA;;IAKAC,uBAAuB;eAAvBA;;IACAC,2BAA2B;eAA3BA;;;;iEAPU;AAChB,MAAMF,kBAAkB,WAAW,GAAGG,OAAMC,aAAa,CAACC;AACjE,MAAMC,8BAA8B;IAChCC,kBAAkB,IAAK,CAAA,CAAC,CAAA;IACxBC,MAAM;AACV;AACO,MAAMP,0BAA0BD,gBAAgBS,QAAQ;AACxD,MAAMP,8BAA8B;IACvC,IAAIQ;IACJ,OAAO,AAACA,CAAAA,oBAAoBP,OAAMQ,UAAU,CAACX,gBAAe,MAAO,QAAQU,sBAAsB,KAAK,IAAIA,oBAAoBJ;AAClI"}
1
+ {"version":3,"sources":["tagGroupContext.js"],"sourcesContent":["import * as React from 'react';\nexport const TagGroupContext = /*#__PURE__*/ React.createContext(undefined);\nconst tagGroupContextDefaultValue = {\n handleTagDismiss: ()=>({}),\n size: 'medium',\n role: 'toolbar'\n};\nexport const TagGroupContextProvider = TagGroupContext.Provider;\nexport const useTagGroupContext_unstable = ()=>{\n var _React_useContext;\n return (_React_useContext = React.useContext(TagGroupContext)) !== null && _React_useContext !== void 0 ? _React_useContext : tagGroupContextDefaultValue;\n};\n"],"names":["TagGroupContext","TagGroupContextProvider","useTagGroupContext_unstable","React","createContext","undefined","tagGroupContextDefaultValue","handleTagDismiss","size","role","Provider","_React_useContext","useContext"],"mappings":";;;;;;;;;;;IACaA,eAAe;eAAfA;;IAMAC,uBAAuB;eAAvBA;;IACAC,2BAA2B;eAA3BA;;;;iEARU;AAChB,MAAMF,kBAAkB,WAAW,GAAGG,OAAMC,aAAa,CAACC;AACjE,MAAMC,8BAA8B;IAChCC,kBAAkB,IAAK,CAAA,CAAC,CAAA;IACxBC,MAAM;IACNC,MAAM;AACV;AACO,MAAMR,0BAA0BD,gBAAgBU,QAAQ;AACxD,MAAMR,8BAA8B;IACvC,IAAIS;IACJ,OAAO,AAACA,CAAAA,oBAAoBR,OAAMS,UAAU,CAACZ,gBAAe,MAAO,QAAQW,sBAAsB,KAAK,IAAIA,oBAAoBL;AAClI"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-tags",
3
- "version": "0.0.0-nightly-20240417-0406.1",
3
+ "version": "0.0.0-nightly-20240419-0408.1",
4
4
  "description": "Fluent UI Tag component",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -29,22 +29,22 @@
29
29
  },
30
30
  "devDependencies": {
31
31
  "@fluentui/eslint-plugin": "*",
32
- "@fluentui/react-conformance": "0.0.0-nightly-20240417-0406.1",
33
- "@fluentui/react-conformance-griffel": "0.0.0-nightly-20240417-0406.1",
32
+ "@fluentui/react-conformance": "0.0.0-nightly-20240419-0408.1",
33
+ "@fluentui/react-conformance-griffel": "0.0.0-nightly-20240419-0408.1",
34
34
  "@fluentui/scripts-api-extractor": "*",
35
35
  "@fluentui/scripts-cypress": "*",
36
36
  "@fluentui/scripts-tasks": "*"
37
37
  },
38
38
  "dependencies": {
39
- "@fluentui/keyboard-keys": "0.0.0-nightly-20240417-0406.1",
40
- "@fluentui/react-aria": "0.0.0-nightly-20240417-0406.1",
41
- "@fluentui/react-avatar": "0.0.0-nightly-20240417-0406.1",
42
- "@fluentui/react-icons": "^2.0.224",
43
- "@fluentui/react-jsx-runtime": "0.0.0-nightly-20240417-0406.1",
44
- "@fluentui/react-shared-contexts": "0.0.0-nightly-20240417-0406.1",
45
- "@fluentui/react-tabster": "0.0.0-nightly-20240417-0406.1",
46
- "@fluentui/react-theme": "0.0.0-nightly-20240417-0406.1",
47
- "@fluentui/react-utilities": "0.0.0-nightly-20240417-0406.1",
39
+ "@fluentui/keyboard-keys": "0.0.0-nightly-20240419-0408.1",
40
+ "@fluentui/react-aria": "0.0.0-nightly-20240419-0408.1",
41
+ "@fluentui/react-avatar": "0.0.0-nightly-20240419-0408.1",
42
+ "@fluentui/react-icons": "^2.0.235",
43
+ "@fluentui/react-jsx-runtime": "0.0.0-nightly-20240419-0408.1",
44
+ "@fluentui/react-shared-contexts": "0.0.0-nightly-20240419-0408.1",
45
+ "@fluentui/react-tabster": "0.0.0-nightly-20240419-0408.1",
46
+ "@fluentui/react-theme": "0.0.0-nightly-20240419-0408.1",
47
+ "@fluentui/react-utilities": "0.0.0-nightly-20240419-0408.1",
48
48
  "@griffel/react": "^1.5.14",
49
49
  "@swc/helpers": "^0.5.1"
50
50
  },