@fluentui/react-infobutton 9.0.0-beta.44 → 9.0.0-beta.46

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.json CHANGED
@@ -2,7 +2,49 @@
2
2
  "name": "@fluentui/react-infobutton",
3
3
  "entries": [
4
4
  {
5
- "date": "Tue, 25 Jul 2023 13:26:22 GMT",
5
+ "date": "Tue, 01 Aug 2023 10:14:29 GMT",
6
+ "tag": "@fluentui/react-infobutton_v9.0.0-beta.46",
7
+ "version": "9.0.0-beta.46",
8
+ "comments": {
9
+ "prerelease": [
10
+ {
11
+ "author": "beachball",
12
+ "package": "@fluentui/react-infobutton",
13
+ "comment": "Bump @fluentui/react-label to v9.1.22",
14
+ "commit": "412d815f88863bde8bb16abc8fd9c4140a37f1f5"
15
+ },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui/react-infobutton",
19
+ "comment": "Bump @fluentui/react-popover to v9.7.10",
20
+ "commit": "412d815f88863bde8bb16abc8fd9c4140a37f1f5"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui/react-infobutton",
25
+ "comment": "Bump @fluentui/react-tabster to v9.11.1",
26
+ "commit": "412d815f88863bde8bb16abc8fd9c4140a37f1f5"
27
+ }
28
+ ]
29
+ }
30
+ },
31
+ {
32
+ "date": "Thu, 27 Jul 2023 10:34:14 GMT",
33
+ "tag": "@fluentui/react-infobutton_v9.0.0-beta.45",
34
+ "version": "9.0.0-beta.45",
35
+ "comments": {
36
+ "prerelease": [
37
+ {
38
+ "author": "beachball",
39
+ "package": "@fluentui/react-infobutton",
40
+ "comment": "Bump @fluentui/react-popover to v9.7.9",
41
+ "commit": "d2d8068110a9a7f71f417a40ee5f2db0ed1c40b9"
42
+ }
43
+ ]
44
+ }
45
+ },
46
+ {
47
+ "date": "Tue, 25 Jul 2023 13:29:19 GMT",
6
48
  "tag": "@fluentui/react-infobutton_v9.0.0-beta.44",
7
49
  "version": "9.0.0-beta.44",
8
50
  "comments": {
@@ -17,13 +59,13 @@
17
59
  "author": "beachball",
18
60
  "package": "@fluentui/react-infobutton",
19
61
  "comment": "Bump @fluentui/react-popover to v9.7.8",
20
- "commit": "c0c62f9383781f0dbebd800eaa2c64ef761075a2"
62
+ "commit": "e59b4b305eb656c5af005fefbfa2b1f69afcdc43"
21
63
  },
22
64
  {
23
65
  "author": "beachball",
24
66
  "package": "@fluentui/react-infobutton",
25
67
  "comment": "Bump @fluentui/react-tabster to v9.11.0",
26
- "commit": "c0c62f9383781f0dbebd800eaa2c64ef761075a2"
68
+ "commit": "e59b4b305eb656c5af005fefbfa2b1f69afcdc43"
27
69
  }
28
70
  ]
29
71
  }
package/CHANGELOG.md CHANGED
@@ -1,19 +1,39 @@
1
1
  # Change Log - @fluentui/react-infobutton
2
2
 
3
- This log was last generated on Tue, 25 Jul 2023 13:26:22 GMT and should not be manually modified.
3
+ This log was last generated on Tue, 01 Aug 2023 10:14:29 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.0.0-beta.46](https://github.com/microsoft/fluentui/tree/@fluentui/react-infobutton_v9.0.0-beta.46)
8
+
9
+ Tue, 01 Aug 2023 10:14:29 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-infobutton_v9.0.0-beta.45..@fluentui/react-infobutton_v9.0.0-beta.46)
11
+
12
+ ### Changes
13
+
14
+ - Bump @fluentui/react-label to v9.1.22 ([PR #28689](https://github.com/microsoft/fluentui/pull/28689) by beachball)
15
+ - Bump @fluentui/react-popover to v9.7.10 ([PR #28689](https://github.com/microsoft/fluentui/pull/28689) by beachball)
16
+ - Bump @fluentui/react-tabster to v9.11.1 ([PR #28689](https://github.com/microsoft/fluentui/pull/28689) by beachball)
17
+
18
+ ## [9.0.0-beta.45](https://github.com/microsoft/fluentui/tree/@fluentui/react-infobutton_v9.0.0-beta.45)
19
+
20
+ Thu, 27 Jul 2023 10:34:14 GMT
21
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-infobutton_v9.0.0-beta.44..@fluentui/react-infobutton_v9.0.0-beta.45)
22
+
23
+ ### Changes
24
+
25
+ - Bump @fluentui/react-popover to v9.7.9 ([PR #28649](https://github.com/microsoft/fluentui/pull/28649) by beachball)
26
+
7
27
  ## [9.0.0-beta.44](https://github.com/microsoft/fluentui/tree/@fluentui/react-infobutton_v9.0.0-beta.44)
8
28
 
9
- Tue, 25 Jul 2023 13:26:22 GMT
29
+ Tue, 25 Jul 2023 13:29:19 GMT
10
30
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-infobutton_v9.0.0-beta.43..@fluentui/react-infobutton_v9.0.0-beta.44)
11
31
 
12
32
  ### Changes
13
33
 
14
34
  - chore: Update react-icons version to pick up fowardref change. ([PR #28590](https://github.com/microsoft/fluentui/pull/28590) by ololubek@microsoft.com)
15
- - Bump @fluentui/react-popover to v9.7.8 ([PR #28530](https://github.com/microsoft/fluentui/pull/28530) by beachball)
16
- - Bump @fluentui/react-tabster to v9.11.0 ([PR #28530](https://github.com/microsoft/fluentui/pull/28530) by beachball)
35
+ - Bump @fluentui/react-popover to v9.7.8 ([PR #28622](https://github.com/microsoft/fluentui/pull/28622) by beachball)
36
+ - Bump @fluentui/react-tabster to v9.11.0 ([PR #28622](https://github.com/microsoft/fluentui/pull/28622) by beachball)
17
37
 
18
38
  ## [9.0.0-beta.43](https://github.com/microsoft/fluentui/tree/@fluentui/react-infobutton_v9.0.0-beta.43)
19
39
 
@@ -1,4 +1,3 @@
1
- var _infoButton, _arialabelledby, _root, _ariaowns;
2
1
  import * as React from 'react';
3
2
  import { Label } from '@fluentui/react-label';
4
3
  import { mergeCallbacks, resolveShorthand, useEventCallback, useId } from '@fluentui/react-utilities';
@@ -46,6 +45,7 @@ import { InfoButton } from '../InfoButton/InfoButton';
46
45
  setOpen(data.open);
47
46
  }));
48
47
  if (infoButton) {
48
+ var _infoButton, _arialabelledby;
49
49
  infoButton.popover = infoButtonPopover;
50
50
  infoButton.info = resolveShorthand(infoButton === null || infoButton === void 0 ? void 0 : infoButton.info, {
51
51
  defaultProps: {
@@ -56,6 +56,7 @@ import { InfoButton } from '../InfoButton/InfoButton';
56
56
  (_ = (_infoButton = infoButton)[_arialabelledby = 'aria-labelledby']) !== null && _ !== void 0 ? _ : _infoButton[_arialabelledby] = `${label.id} ${infoButton.id}`;
57
57
  if (open) {
58
58
  var _infoButton_info;
59
+ var _root, _ariaowns;
59
60
  var _1;
60
61
  (_1 = (_root = root)[_ariaowns = 'aria-owns']) !== null && _1 !== void 0 ? _1 : _root[_ariaowns] = (_infoButton_info = infoButton.info) === null || _infoButton_info === void 0 ? void 0 : _infoButton_info.id;
61
62
  }
@@ -1 +1 @@
1
- {"version":3,"sources":["useInfoLabel.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { Label } from '@fluentui/react-label';\nimport { mergeCallbacks, resolveShorthand, useEventCallback, useId } from '@fluentui/react-utilities';\nimport { InfoButton } from '../InfoButton/InfoButton';\nimport type { InfoLabelProps, InfoLabelState } from './InfoLabel.types';\n\n/**\n * Create the state required to render InfoLabel.\n *\n * The returned state can be modified with hooks such as useInfoLabelStyles_unstable,\n * before being passed to renderInfoLabel_unstable.\n *\n * @param props - props from this instance of InfoLabel\n * @param ref - reference to label element of InfoLabel\n */\nexport const useInfoLabel_unstable = (props: InfoLabelProps, ref: React.Ref<HTMLLabelElement>): InfoLabelState => {\n const {\n root: rootShorthand,\n label: labelShorthand,\n infoButton: infoButtonShorthand,\n info,\n size,\n className,\n style,\n ...labelProps\n } = props;\n const baseId = useId('infolabel-');\n const [open, setOpen] = React.useState(false);\n\n const root = resolveShorthand(rootShorthand, {\n required: true,\n defaultProps: {\n className,\n style,\n },\n });\n\n const label = resolveShorthand(labelShorthand, {\n required: true,\n defaultProps: {\n id: baseId + '__label',\n ref,\n size,\n ...labelProps,\n },\n });\n\n const infoButton = resolveShorthand(infoButtonShorthand, {\n required: !!info,\n defaultProps: {\n id: baseId + '__infoButton',\n size,\n info,\n },\n });\n\n const infoButtonPopover = resolveShorthand(infoButton?.popover, { required: true });\n infoButtonPopover.onOpenChange = useEventCallback(\n mergeCallbacks(infoButtonPopover.onOpenChange, (e, data) => {\n setOpen(data.open);\n }),\n );\n\n if (infoButton) {\n infoButton.popover = infoButtonPopover;\n infoButton.info = resolveShorthand(infoButton?.info, {\n defaultProps: {\n id: baseId + '__info',\n },\n });\n\n infoButton['aria-labelledby'] ??= `${label.id} ${infoButton.id}`;\n\n if (open) {\n root['aria-owns'] ??= infoButton.info?.id;\n }\n }\n\n return {\n size,\n components: {\n root: 'span',\n label: Label,\n infoButton: InfoButton,\n },\n root,\n label,\n infoButton,\n };\n};\n"],"names":["infoButton","root","React","Label","mergeCallbacks","resolveShorthand","useEventCallback","useId","InfoButton","useInfoLabel_unstable","props","ref","rootShorthand","label","labelShorthand","infoButtonShorthand","info","size","className","style","labelProps","baseId","open","setOpen","useState","required","defaultProps","id","infoButtonPopover","popover","onOpenChange","e","data","components"],"mappings":"IAwEIA,aAAW,iBAGTC,OAAK;AA3EX,YAAYC,WAAW,QAAQ;AAE/B,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,cAAc,EAAEC,gBAAgB,EAAEC,gBAAgB,EAAEC,KAAK,QAAQ,4BAA4B;AACtG,SAASC,UAAU,QAAQ,2BAA2B;AAGtD;;;;;;;;CAQC,GACD,OAAO,MAAMC,wBAAwB,CAACC,OAAuBC,MAAqD;IAChH,MAAM,EACJV,MAAMW,cAAa,EACnBC,OAAOC,eAAc,EACrBd,YAAYe,oBAAmB,EAC/BC,KAAI,EACJC,KAAI,EACJC,UAAS,EACTC,MAAK,EACL,GAAGC,YACJ,GAAGV;IACJ,MAAMW,SAASd,MAAM;IACrB,MAAM,CAACe,MAAMC,QAAQ,GAAGrB,MAAMsB,QAAQ,CAAC,KAAK;IAE5C,MAAMvB,OAAOI,iBAAiBO,eAAe;QAC3Ca,UAAU,IAAI;QACdC,cAAc;YACZR;YACAC;QACF;IACF;IAEA,MAAMN,QAAQR,iBAAiBS,gBAAgB;QAC7CW,UAAU,IAAI;QACdC,cAAc;YACZC,IAAIN,SAAS;YACbV;YACAM;YACA,GAAGG,UAAU;QACf;IACF;IAEA,MAAMpB,aAAaK,iBAAiBU,qBAAqB;QACvDU,UAAU,CAAC,CAACT;QACZU,cAAc;YACZC,IAAIN,SAAS;YACbJ;YACAD;QACF;IACF;IAEA,MAAMY,oBAAoBvB,iBAAiBL,uBAAAA,wBAAAA,KAAAA,IAAAA,WAAY6B,OAAO,EAAE;QAAEJ,UAAU,IAAI;IAAC;IACjFG,kBAAkBE,YAAY,GAAGxB,iBAC/BF,eAAewB,kBAAkBE,YAAY,EAAE,CAACC,GAAGC,OAAS;QAC1DT,QAAQS,KAAKV,IAAI;IACnB;IAGF,IAAItB,YAAY;QACdA,WAAW6B,OAAO,GAAGD;QACrB5B,WAAWgB,IAAI,GAAGX,iBAAiBL,uBAAAA,wBAAAA,KAAAA,IAAAA,WAAYgB,IAAI,EAAE;YACnDU,cAAc;gBACZC,IAAIN,SAAS;YACf;QACF;;QAEArB,MAAAA,cAAAA,WAAU,CAAC,kBAAA,kBAAkB,iCAA7BA,WAAU,CAAC,gBAAkB,GAAK,CAAC,EAAEa,MAAMc,EAAE,CAAC,CAAC,EAAE3B,WAAW2B,EAAE,CAAC,CAAC;QAEhE,IAAIL,MAAM;gBACctB;;YAAtBC,OAAAA,QAAAA,KAAI,CAAC,YAAA,YAAY,mCAAjBA,KAAI,CAAC,UAAY,GAAKD,CAAAA,mBAAAA,WAAWgB,IAAI,cAAfhB,8BAAAA,KAAAA,IAAAA,iBAAiB2B,EAAE;QAC3C,CAAC;IACH,CAAC;IAED,OAAO;QACLV;QACAgB,YAAY;YACVhC,MAAM;YACNY,OAAOV;YACPH,YAAYQ;QACd;QACAP;QACAY;QACAb;IACF;AACF,EAAE"}
1
+ {"version":3,"sources":["useInfoLabel.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { Label } from '@fluentui/react-label';\nimport { mergeCallbacks, resolveShorthand, useEventCallback, useId } from '@fluentui/react-utilities';\nimport { InfoButton } from '../InfoButton/InfoButton';\nimport type { InfoLabelProps, InfoLabelState } from './InfoLabel.types';\n\n/**\n * Create the state required to render InfoLabel.\n *\n * The returned state can be modified with hooks such as useInfoLabelStyles_unstable,\n * before being passed to renderInfoLabel_unstable.\n *\n * @param props - props from this instance of InfoLabel\n * @param ref - reference to label element of InfoLabel\n */\nexport const useInfoLabel_unstable = (props: InfoLabelProps, ref: React.Ref<HTMLLabelElement>): InfoLabelState => {\n const {\n root: rootShorthand,\n label: labelShorthand,\n infoButton: infoButtonShorthand,\n info,\n size,\n className,\n style,\n ...labelProps\n } = props;\n const baseId = useId('infolabel-');\n const [open, setOpen] = React.useState(false);\n\n const root = resolveShorthand(rootShorthand, {\n required: true,\n defaultProps: {\n className,\n style,\n },\n });\n\n const label = resolveShorthand(labelShorthand, {\n required: true,\n defaultProps: {\n id: baseId + '__label',\n ref,\n size,\n ...labelProps,\n },\n });\n\n const infoButton = resolveShorthand(infoButtonShorthand, {\n required: !!info,\n defaultProps: {\n id: baseId + '__infoButton',\n size,\n info,\n },\n });\n\n const infoButtonPopover = resolveShorthand(infoButton?.popover, { required: true });\n infoButtonPopover.onOpenChange = useEventCallback(\n mergeCallbacks(infoButtonPopover.onOpenChange, (e, data) => {\n setOpen(data.open);\n }),\n );\n\n if (infoButton) {\n infoButton.popover = infoButtonPopover;\n infoButton.info = resolveShorthand(infoButton?.info, {\n defaultProps: {\n id: baseId + '__info',\n },\n });\n\n infoButton['aria-labelledby'] ??= `${label.id} ${infoButton.id}`;\n\n if (open) {\n root['aria-owns'] ??= infoButton.info?.id;\n }\n }\n\n return {\n size,\n components: {\n root: 'span',\n label: Label,\n infoButton: InfoButton,\n },\n root,\n label,\n infoButton,\n };\n};\n"],"names":["React","Label","mergeCallbacks","resolveShorthand","useEventCallback","useId","InfoButton","useInfoLabel_unstable","props","ref","root","rootShorthand","label","labelShorthand","infoButton","infoButtonShorthand","info","size","className","style","labelProps","baseId","open","setOpen","useState","required","defaultProps","id","infoButtonPopover","popover","onOpenChange","e","data","components"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,cAAc,EAAEC,gBAAgB,EAAEC,gBAAgB,EAAEC,KAAK,QAAQ,4BAA4B;AACtG,SAASC,UAAU,QAAQ,2BAA2B;AAGtD;;;;;;;;CAQC,GACD,OAAO,MAAMC,wBAAwB,CAACC,OAAuBC,MAAqD;IAChH,MAAM,EACJC,MAAMC,cAAa,EACnBC,OAAOC,eAAc,EACrBC,YAAYC,oBAAmB,EAC/BC,KAAI,EACJC,KAAI,EACJC,UAAS,EACTC,MAAK,EACL,GAAGC,YACJ,GAAGZ;IACJ,MAAMa,SAAShB,MAAM;IACrB,MAAM,CAACiB,MAAMC,QAAQ,GAAGvB,MAAMwB,QAAQ,CAAC,KAAK;IAE5C,MAAMd,OAAOP,iBAAiBQ,eAAe;QAC3Cc,UAAU,IAAI;QACdC,cAAc;YACZR;YACAC;QACF;IACF;IAEA,MAAMP,QAAQT,iBAAiBU,gBAAgB;QAC7CY,UAAU,IAAI;QACdC,cAAc;YACZC,IAAIN,SAAS;YACbZ;YACAQ;YACA,GAAGG,UAAU;QACf;IACF;IAEA,MAAMN,aAAaX,iBAAiBY,qBAAqB;QACvDU,UAAU,CAAC,CAACT;QACZU,cAAc;YACZC,IAAIN,SAAS;YACbJ;YACAD;QACF;IACF;IAEA,MAAMY,oBAAoBzB,iBAAiBW,uBAAAA,wBAAAA,KAAAA,IAAAA,WAAYe,OAAO,EAAE;QAAEJ,UAAU,IAAI;IAAC;IACjFG,kBAAkBE,YAAY,GAAG1B,iBAC/BF,eAAe0B,kBAAkBE,YAAY,EAAE,CAACC,GAAGC,OAAS;QAC1DT,QAAQS,KAAKV,IAAI;IACnB;IAGF,IAAIR,YAAY;YAQdA,aAAW;QAPXA,WAAWe,OAAO,GAAGD;QACrBd,WAAWE,IAAI,GAAGb,iBAAiBW,uBAAAA,wBAAAA,KAAAA,IAAAA,WAAYE,IAAI,EAAE;YACnDU,cAAc;gBACZC,IAAIN,SAAS;YACf;QACF;;QAEAP,MAAAA,cAAAA,WAAU,CAAC,kBAAA,kBAAkB,iCAA7BA,WAAU,CAAC,gBAAkB,GAAK,CAAC,EAAEF,MAAMe,EAAE,CAAC,CAAC,EAAEb,WAAWa,EAAE,CAAC,CAAC;QAEhE,IAAIL,MAAM;gBACcR;gBAAtBJ,OAAK;;YAALA,OAAAA,QAAAA,KAAI,CAAC,YAAA,YAAY,mCAAjBA,KAAI,CAAC,UAAY,GAAKI,CAAAA,mBAAAA,WAAWE,IAAI,cAAfF,8BAAAA,KAAAA,IAAAA,iBAAiBa,EAAE;QAC3C,CAAC;IACH,CAAC;IAED,OAAO;QACLV;QACAgB,YAAY;YACVvB,MAAM;YACNE,OAAOX;YACPa,YAAYR;QACd;QACAI;QACAE;QACAE;IACF;AACF,EAAE"}
@@ -11,7 +11,6 @@ const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
11
  const _reactLabel = require("@fluentui/react-label");
12
12
  const _reactUtilities = require("@fluentui/react-utilities");
13
13
  const _infoButton = require("../InfoButton/InfoButton");
14
- var _infoButton1, _arialabelledby, _root, _ariaowns;
15
14
  const useInfoLabel_unstable = (props, ref)=>{
16
15
  const { root: rootShorthand , label: labelShorthand , infoButton: infoButtonShorthand , info , size , className , style , ...labelProps } = props;
17
16
  const baseId = (0, _reactUtilities.useId)('infolabel-');
@@ -47,6 +46,7 @@ const useInfoLabel_unstable = (props, ref)=>{
47
46
  setOpen(data.open);
48
47
  }));
49
48
  if (infoButton) {
49
+ var _infoButton1, _arialabelledby;
50
50
  infoButton.popover = infoButtonPopover;
51
51
  infoButton.info = (0, _reactUtilities.resolveShorthand)(infoButton === null || infoButton === void 0 ? void 0 : infoButton.info, {
52
52
  defaultProps: {
@@ -57,6 +57,7 @@ const useInfoLabel_unstable = (props, ref)=>{
57
57
  (_ = (_infoButton1 = infoButton)[_arialabelledby = 'aria-labelledby']) !== null && _ !== void 0 ? _ : _infoButton1[_arialabelledby] = `${label.id} ${infoButton.id}`;
58
58
  if (open) {
59
59
  var _infoButton_info;
60
+ var _root, _ariaowns;
60
61
  var _1;
61
62
  (_1 = (_root = root)[_ariaowns = 'aria-owns']) !== null && _1 !== void 0 ? _1 : _root[_ariaowns] = (_infoButton_info = infoButton.info) === null || _infoButton_info === void 0 ? void 0 : _infoButton_info.id;
62
63
  }
@@ -1 +1 @@
1
- {"version":3,"sources":["useInfoLabel.js"],"sourcesContent":["var _infoButton, _arialabelledby, _root, _ariaowns;\nimport * as React from 'react';\nimport { Label } from '@fluentui/react-label';\nimport { mergeCallbacks, resolveShorthand, useEventCallback, useId } from '@fluentui/react-utilities';\nimport { InfoButton } from '../InfoButton/InfoButton';\n/**\n * Create the state required to render InfoLabel.\n *\n * The returned state can be modified with hooks such as useInfoLabelStyles_unstable,\n * before being passed to renderInfoLabel_unstable.\n *\n * @param props - props from this instance of InfoLabel\n * @param ref - reference to label element of InfoLabel\n */ export const useInfoLabel_unstable = (props, ref)=>{\n const { root: rootShorthand , label: labelShorthand , infoButton: infoButtonShorthand , info , size , className , style , ...labelProps } = props;\n const baseId = useId('infolabel-');\n const [open, setOpen] = React.useState(false);\n const root = resolveShorthand(rootShorthand, {\n required: true,\n defaultProps: {\n className,\n style\n }\n });\n const label = resolveShorthand(labelShorthand, {\n required: true,\n defaultProps: {\n id: baseId + '__label',\n ref,\n size,\n ...labelProps\n }\n });\n const infoButton = resolveShorthand(infoButtonShorthand, {\n required: !!info,\n defaultProps: {\n id: baseId + '__infoButton',\n size,\n info\n }\n });\n const infoButtonPopover = resolveShorthand(infoButton === null || infoButton === void 0 ? void 0 : infoButton.popover, {\n required: true\n });\n infoButtonPopover.onOpenChange = useEventCallback(mergeCallbacks(infoButtonPopover.onOpenChange, (e, data)=>{\n setOpen(data.open);\n }));\n if (infoButton) {\n infoButton.popover = infoButtonPopover;\n infoButton.info = resolveShorthand(infoButton === null || infoButton === void 0 ? void 0 : infoButton.info, {\n defaultProps: {\n id: baseId + '__info'\n }\n });\n var _;\n (_ = (_infoButton = infoButton)[_arialabelledby = 'aria-labelledby']) !== null && _ !== void 0 ? _ : _infoButton[_arialabelledby] = `${label.id} ${infoButton.id}`;\n if (open) {\n var _infoButton_info;\n var _1;\n (_1 = (_root = root)[_ariaowns = 'aria-owns']) !== null && _1 !== void 0 ? _1 : _root[_ariaowns] = (_infoButton_info = infoButton.info) === null || _infoButton_info === void 0 ? void 0 : _infoButton_info.id;\n }\n }\n return {\n size,\n components: {\n root: 'span',\n label: Label,\n infoButton: InfoButton\n },\n root,\n label,\n infoButton\n };\n};\n"],"names":["useInfoLabel_unstable","_infoButton","_arialabelledby","_root","_ariaowns","props","ref","root","rootShorthand","label","labelShorthand","infoButton","infoButtonShorthand","info","size","className","style","labelProps","baseId","useId","open","setOpen","React","useState","resolveShorthand","required","defaultProps","id","infoButtonPopover","popover","onOpenChange","useEventCallback","mergeCallbacks","e","data","_","_infoButton_info","_1","components","Label","InfoButton"],"mappings":";;;;+BAaiBA;;aAAAA;;;6DAZM;4BACD;gCACoD;4BAC/C;AAJ3B,IAAIC,cAAaC,iBAAiBC,OAAOC;AAa9B,MAAMJ,wBAAwB,CAACK,OAAOC,MAAM;IACnD,MAAM,EAAEC,MAAMC,cAAa,EAAGC,OAAOC,eAAc,EAAGC,YAAYC,oBAAmB,EAAGC,KAAI,EAAGC,KAAI,EAAGC,UAAS,EAAGC,MAAK,EAAG,GAAGC,YAAY,GAAGZ;IAC5I,MAAMa,SAASC,IAAAA,qBAAK,EAAC;IACrB,MAAM,CAACC,MAAMC,QAAQ,GAAGC,OAAMC,QAAQ,CAAC,KAAK;IAC5C,MAAMhB,OAAOiB,IAAAA,gCAAgB,EAAChB,eAAe;QACzCiB,UAAU,IAAI;QACdC,cAAc;YACVX;YACAC;QACJ;IACJ;IACA,MAAMP,QAAQe,IAAAA,gCAAgB,EAACd,gBAAgB;QAC3Ce,UAAU,IAAI;QACdC,cAAc;YACVC,IAAIT,SAAS;YACbZ;YACAQ;YACA,GAAGG,UAAU;QACjB;IACJ;IACA,MAAMN,aAAaa,IAAAA,gCAAgB,EAACZ,qBAAqB;QACrDa,UAAU,CAAC,CAACZ;QACZa,cAAc;YACVC,IAAIT,SAAS;YACbJ;YACAD;QACJ;IACJ;IACA,MAAMe,oBAAoBJ,IAAAA,gCAAgB,EAACb,eAAe,IAAI,IAAIA,eAAe,KAAK,IAAI,KAAK,IAAIA,WAAWkB,OAAO,EAAE;QACnHJ,UAAU,IAAI;IAClB;IACAG,kBAAkBE,YAAY,GAAGC,IAAAA,gCAAgB,EAACC,IAAAA,8BAAc,EAACJ,kBAAkBE,YAAY,EAAE,CAACG,GAAGC,OAAO;QACxGb,QAAQa,KAAKd,IAAI;IACrB;IACA,IAAIT,YAAY;QACZA,WAAWkB,OAAO,GAAGD;QACrBjB,WAAWE,IAAI,GAAGW,IAAAA,gCAAgB,EAACb,eAAe,IAAI,IAAIA,eAAe,KAAK,IAAI,KAAK,IAAIA,WAAWE,IAAI,EAAE;YACxGa,cAAc;gBACVC,IAAIT,SAAS;YACjB;QACJ;QACA,IAAIiB;QACHA,CAAAA,IAAI,AAAClC,CAAAA,eAAcU,UAAS,CAAE,CAACT,kBAAkB,kBAAkB,AAAD,MAAO,IAAI,IAAIiC,MAAM,KAAK,IAAIA,IAAIlC,YAAW,CAACC,gBAAgB,GAAG,CAAC,EAAEO,MAAMkB,EAAE,CAAC,CAAC,EAAEhB,WAAWgB,EAAE,CAAC,CAAC;QAClK,IAAIP,MAAM;YACN,IAAIgB;YACJ,IAAIC;YACHA,CAAAA,KAAK,AAAClC,CAAAA,QAAQI,IAAG,CAAE,CAACH,YAAY,YAAY,AAAD,MAAO,IAAI,IAAIiC,OAAO,KAAK,IAAIA,KAAKlC,KAAK,CAACC,UAAU,GAAG,AAACgC,CAAAA,mBAAmBzB,WAAWE,IAAI,AAAD,MAAO,IAAI,IAAIuB,qBAAqB,KAAK,IAAI,KAAK,IAAIA,iBAAiBT,EAAE;QAClN,CAAC;IACL,CAAC;IACD,OAAO;QACHb;QACAwB,YAAY;YACR/B,MAAM;YACNE,OAAO8B,iBAAK;YACZ5B,YAAY6B,sBAAU;QAC1B;QACAjC;QACAE;QACAE;IACJ;AACJ"}
1
+ {"version":3,"sources":["useInfoLabel.js"],"sourcesContent":["import * as React from 'react';\nimport { Label } from '@fluentui/react-label';\nimport { mergeCallbacks, resolveShorthand, useEventCallback, useId } from '@fluentui/react-utilities';\nimport { InfoButton } from '../InfoButton/InfoButton';\n/**\n * Create the state required to render InfoLabel.\n *\n * The returned state can be modified with hooks such as useInfoLabelStyles_unstable,\n * before being passed to renderInfoLabel_unstable.\n *\n * @param props - props from this instance of InfoLabel\n * @param ref - reference to label element of InfoLabel\n */ export const useInfoLabel_unstable = (props, ref)=>{\n const { root: rootShorthand , label: labelShorthand , infoButton: infoButtonShorthand , info , size , className , style , ...labelProps } = props;\n const baseId = useId('infolabel-');\n const [open, setOpen] = React.useState(false);\n const root = resolveShorthand(rootShorthand, {\n required: true,\n defaultProps: {\n className,\n style\n }\n });\n const label = resolveShorthand(labelShorthand, {\n required: true,\n defaultProps: {\n id: baseId + '__label',\n ref,\n size,\n ...labelProps\n }\n });\n const infoButton = resolveShorthand(infoButtonShorthand, {\n required: !!info,\n defaultProps: {\n id: baseId + '__infoButton',\n size,\n info\n }\n });\n const infoButtonPopover = resolveShorthand(infoButton === null || infoButton === void 0 ? void 0 : infoButton.popover, {\n required: true\n });\n infoButtonPopover.onOpenChange = useEventCallback(mergeCallbacks(infoButtonPopover.onOpenChange, (e, data)=>{\n setOpen(data.open);\n }));\n if (infoButton) {\n var _infoButton, _arialabelledby;\n infoButton.popover = infoButtonPopover;\n infoButton.info = resolveShorthand(infoButton === null || infoButton === void 0 ? void 0 : infoButton.info, {\n defaultProps: {\n id: baseId + '__info'\n }\n });\n var _;\n (_ = (_infoButton = infoButton)[_arialabelledby = 'aria-labelledby']) !== null && _ !== void 0 ? _ : _infoButton[_arialabelledby] = `${label.id} ${infoButton.id}`;\n if (open) {\n var _infoButton_info;\n var _root, _ariaowns;\n var _1;\n (_1 = (_root = root)[_ariaowns = 'aria-owns']) !== null && _1 !== void 0 ? _1 : _root[_ariaowns] = (_infoButton_info = infoButton.info) === null || _infoButton_info === void 0 ? void 0 : _infoButton_info.id;\n }\n }\n return {\n size,\n components: {\n root: 'span',\n label: Label,\n infoButton: InfoButton\n },\n root,\n label,\n infoButton\n };\n};\n"],"names":["useInfoLabel_unstable","props","ref","root","rootShorthand","label","labelShorthand","infoButton","infoButtonShorthand","info","size","className","style","labelProps","baseId","useId","open","setOpen","React","useState","resolveShorthand","required","defaultProps","id","infoButtonPopover","popover","onOpenChange","useEventCallback","mergeCallbacks","e","data","_infoButton","_arialabelledby","_","_infoButton_info","_root","_ariaowns","_1","components","Label","InfoButton"],"mappings":";;;;+BAYiBA;;aAAAA;;;6DAZM;4BACD;gCACoD;4BAC/C;AAShB,MAAMA,wBAAwB,CAACC,OAAOC,MAAM;IACnD,MAAM,EAAEC,MAAMC,cAAa,EAAGC,OAAOC,eAAc,EAAGC,YAAYC,oBAAmB,EAAGC,KAAI,EAAGC,KAAI,EAAGC,UAAS,EAAGC,MAAK,EAAG,GAAGC,YAAY,GAAGZ;IAC5I,MAAMa,SAASC,IAAAA,qBAAK,EAAC;IACrB,MAAM,CAACC,MAAMC,QAAQ,GAAGC,OAAMC,QAAQ,CAAC,KAAK;IAC5C,MAAMhB,OAAOiB,IAAAA,gCAAgB,EAAChB,eAAe;QACzCiB,UAAU,IAAI;QACdC,cAAc;YACVX;YACAC;QACJ;IACJ;IACA,MAAMP,QAAQe,IAAAA,gCAAgB,EAACd,gBAAgB;QAC3Ce,UAAU,IAAI;QACdC,cAAc;YACVC,IAAIT,SAAS;YACbZ;YACAQ;YACA,GAAGG,UAAU;QACjB;IACJ;IACA,MAAMN,aAAaa,IAAAA,gCAAgB,EAACZ,qBAAqB;QACrDa,UAAU,CAAC,CAACZ;QACZa,cAAc;YACVC,IAAIT,SAAS;YACbJ;YACAD;QACJ;IACJ;IACA,MAAMe,oBAAoBJ,IAAAA,gCAAgB,EAACb,eAAe,IAAI,IAAIA,eAAe,KAAK,IAAI,KAAK,IAAIA,WAAWkB,OAAO,EAAE;QACnHJ,UAAU,IAAI;IAClB;IACAG,kBAAkBE,YAAY,GAAGC,IAAAA,gCAAgB,EAACC,IAAAA,8BAAc,EAACJ,kBAAkBE,YAAY,EAAE,CAACG,GAAGC,OAAO;QACxGb,QAAQa,KAAKd,IAAI;IACrB;IACA,IAAIT,YAAY;QACZ,IAAIwB,cAAaC;QACjBzB,WAAWkB,OAAO,GAAGD;QACrBjB,WAAWE,IAAI,GAAGW,IAAAA,gCAAgB,EAACb,eAAe,IAAI,IAAIA,eAAe,KAAK,IAAI,KAAK,IAAIA,WAAWE,IAAI,EAAE;YACxGa,cAAc;gBACVC,IAAIT,SAAS;YACjB;QACJ;QACA,IAAImB;QACHA,CAAAA,IAAI,AAACF,CAAAA,eAAcxB,UAAS,CAAE,CAACyB,kBAAkB,kBAAkB,AAAD,MAAO,IAAI,IAAIC,MAAM,KAAK,IAAIA,IAAIF,YAAW,CAACC,gBAAgB,GAAG,CAAC,EAAE3B,MAAMkB,EAAE,CAAC,CAAC,EAAEhB,WAAWgB,EAAE,CAAC,CAAC;QAClK,IAAIP,MAAM;YACN,IAAIkB;YACJ,IAAIC,OAAOC;YACX,IAAIC;YACHA,CAAAA,KAAK,AAACF,CAAAA,QAAQhC,IAAG,CAAE,CAACiC,YAAY,YAAY,AAAD,MAAO,IAAI,IAAIC,OAAO,KAAK,IAAIA,KAAKF,KAAK,CAACC,UAAU,GAAG,AAACF,CAAAA,mBAAmB3B,WAAWE,IAAI,AAAD,MAAO,IAAI,IAAIyB,qBAAqB,KAAK,IAAI,KAAK,IAAIA,iBAAiBX,EAAE;QAClN,CAAC;IACL,CAAC;IACD,OAAO;QACHb;QACA4B,YAAY;YACRnC,MAAM;YACNE,OAAOkC,iBAAK;YACZhC,YAAYiC,sBAAU;QAC1B;QACArC;QACAE;QACAE;IACJ;AACJ"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-infobutton",
3
- "version": "9.0.0-beta.44",
3
+ "version": "9.0.0-beta.46",
4
4
  "description": "React components for building web experiences",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -34,9 +34,9 @@
34
34
  },
35
35
  "dependencies": {
36
36
  "@fluentui/react-icons": "^2.0.207",
37
- "@fluentui/react-label": "^9.1.21",
38
- "@fluentui/react-popover": "^9.7.8",
39
- "@fluentui/react-tabster": "^9.11.0",
37
+ "@fluentui/react-label": "^9.1.22",
38
+ "@fluentui/react-popover": "^9.7.10",
39
+ "@fluentui/react-tabster": "^9.11.1",
40
40
  "@fluentui/react-theme": "^9.1.9",
41
41
  "@fluentui/react-utilities": "^9.10.1",
42
42
  "@fluentui/react-jsx-runtime": "9.0.0-alpha.12",