@fluentui/react-infobutton 9.0.0-beta.45 → 9.0.0-beta.47

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,79 @@
2
2
  "name": "@fluentui/react-infobutton",
3
3
  "entries": [
4
4
  {
5
- "date": "Thu, 27 Jul 2023 10:33:13 GMT",
5
+ "date": "Fri, 04 Aug 2023 08:48:25 GMT",
6
+ "tag": "@fluentui/react-infobutton_v9.0.0-beta.47",
7
+ "version": "9.0.0-beta.47",
8
+ "comments": {
9
+ "prerelease": [
10
+ {
11
+ "author": "beachball",
12
+ "package": "@fluentui/react-infobutton",
13
+ "comment": "Bump @fluentui/react-label to v9.1.23",
14
+ "commit": "0bf7d9438c1d0ff90cd2b28bc4cceb4f807afbca"
15
+ },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui/react-infobutton",
19
+ "comment": "Bump @fluentui/react-popover to v9.7.11",
20
+ "commit": "0bf7d9438c1d0ff90cd2b28bc4cceb4f807afbca"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui/react-infobutton",
25
+ "comment": "Bump @fluentui/react-tabster to v9.12.0",
26
+ "commit": "0bf7d9438c1d0ff90cd2b28bc4cceb4f807afbca"
27
+ },
28
+ {
29
+ "author": "beachball",
30
+ "package": "@fluentui/react-infobutton",
31
+ "comment": "Bump @fluentui/react-theme to v9.1.10",
32
+ "commit": "0bf7d9438c1d0ff90cd2b28bc4cceb4f807afbca"
33
+ },
34
+ {
35
+ "author": "beachball",
36
+ "package": "@fluentui/react-infobutton",
37
+ "comment": "Bump @fluentui/react-utilities to v9.11.0",
38
+ "commit": "0bf7d9438c1d0ff90cd2b28bc4cceb4f807afbca"
39
+ },
40
+ {
41
+ "author": "beachball",
42
+ "package": "@fluentui/react-infobutton",
43
+ "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.13",
44
+ "commit": "0bf7d9438c1d0ff90cd2b28bc4cceb4f807afbca"
45
+ }
46
+ ]
47
+ }
48
+ },
49
+ {
50
+ "date": "Tue, 01 Aug 2023 10:17:21 GMT",
51
+ "tag": "@fluentui/react-infobutton_v9.0.0-beta.46",
52
+ "version": "9.0.0-beta.46",
53
+ "comments": {
54
+ "prerelease": [
55
+ {
56
+ "author": "beachball",
57
+ "package": "@fluentui/react-infobutton",
58
+ "comment": "Bump @fluentui/react-label to v9.1.22",
59
+ "commit": "412d815f88863bde8bb16abc8fd9c4140a37f1f5"
60
+ },
61
+ {
62
+ "author": "beachball",
63
+ "package": "@fluentui/react-infobutton",
64
+ "comment": "Bump @fluentui/react-popover to v9.7.10",
65
+ "commit": "412d815f88863bde8bb16abc8fd9c4140a37f1f5"
66
+ },
67
+ {
68
+ "author": "beachball",
69
+ "package": "@fluentui/react-infobutton",
70
+ "comment": "Bump @fluentui/react-tabster to v9.11.1",
71
+ "commit": "412d815f88863bde8bb16abc8fd9c4140a37f1f5"
72
+ }
73
+ ]
74
+ }
75
+ },
76
+ {
77
+ "date": "Thu, 27 Jul 2023 10:34:14 GMT",
6
78
  "tag": "@fluentui/react-infobutton_v9.0.0-beta.45",
7
79
  "version": "9.0.0-beta.45",
8
80
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,37 @@
1
1
  # Change Log - @fluentui/react-infobutton
2
2
 
3
- This log was last generated on Thu, 27 Jul 2023 10:33:13 GMT and should not be manually modified.
3
+ This log was last generated on Fri, 04 Aug 2023 08:48:25 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.0.0-beta.47](https://github.com/microsoft/fluentui/tree/@fluentui/react-infobutton_v9.0.0-beta.47)
8
+
9
+ Fri, 04 Aug 2023 08:48:25 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-infobutton_v9.0.0-beta.46..@fluentui/react-infobutton_v9.0.0-beta.47)
11
+
12
+ ### Changes
13
+
14
+ - Bump @fluentui/react-label to v9.1.23 ([commit](https://github.com/microsoft/fluentui/commit/0bf7d9438c1d0ff90cd2b28bc4cceb4f807afbca) by beachball)
15
+ - Bump @fluentui/react-popover to v9.7.11 ([commit](https://github.com/microsoft/fluentui/commit/0bf7d9438c1d0ff90cd2b28bc4cceb4f807afbca) by beachball)
16
+ - Bump @fluentui/react-tabster to v9.12.0 ([commit](https://github.com/microsoft/fluentui/commit/0bf7d9438c1d0ff90cd2b28bc4cceb4f807afbca) by beachball)
17
+ - Bump @fluentui/react-theme to v9.1.10 ([commit](https://github.com/microsoft/fluentui/commit/0bf7d9438c1d0ff90cd2b28bc4cceb4f807afbca) by beachball)
18
+ - Bump @fluentui/react-utilities to v9.11.0 ([commit](https://github.com/microsoft/fluentui/commit/0bf7d9438c1d0ff90cd2b28bc4cceb4f807afbca) by beachball)
19
+ - Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.13 ([commit](https://github.com/microsoft/fluentui/commit/0bf7d9438c1d0ff90cd2b28bc4cceb4f807afbca) by beachball)
20
+
21
+ ## [9.0.0-beta.46](https://github.com/microsoft/fluentui/tree/@fluentui/react-infobutton_v9.0.0-beta.46)
22
+
23
+ Tue, 01 Aug 2023 10:17:21 GMT
24
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-infobutton_v9.0.0-beta.45..@fluentui/react-infobutton_v9.0.0-beta.46)
25
+
26
+ ### Changes
27
+
28
+ - Bump @fluentui/react-label to v9.1.22 ([PR #28689](https://github.com/microsoft/fluentui/pull/28689) by beachball)
29
+ - Bump @fluentui/react-popover to v9.7.10 ([PR #28689](https://github.com/microsoft/fluentui/pull/28689) by beachball)
30
+ - Bump @fluentui/react-tabster to v9.11.1 ([PR #28689](https://github.com/microsoft/fluentui/pull/28689) by beachball)
31
+
7
32
  ## [9.0.0-beta.45](https://github.com/microsoft/fluentui/tree/@fluentui/react-infobutton_v9.0.0-beta.45)
8
33
 
9
- Thu, 27 Jul 2023 10:33:13 GMT
34
+ Thu, 27 Jul 2023 10:34:14 GMT
10
35
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-infobutton_v9.0.0-beta.44..@fluentui/react-infobutton_v9.0.0-beta.45)
11
36
 
12
37
  ### Changes
@@ -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.45",
3
+ "version": "9.0.0-beta.47",
4
4
  "description": "React components for building web experiences",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -34,12 +34,12 @@
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.9",
39
- "@fluentui/react-tabster": "^9.11.0",
40
- "@fluentui/react-theme": "^9.1.9",
41
- "@fluentui/react-utilities": "^9.10.1",
42
- "@fluentui/react-jsx-runtime": "9.0.0-alpha.12",
37
+ "@fluentui/react-label": "^9.1.23",
38
+ "@fluentui/react-popover": "^9.7.11",
39
+ "@fluentui/react-tabster": "^9.12.0",
40
+ "@fluentui/react-theme": "^9.1.10",
41
+ "@fluentui/react-utilities": "^9.11.0",
42
+ "@fluentui/react-jsx-runtime": "9.0.0-alpha.13",
43
43
  "@griffel/react": "^1.5.7",
44
44
  "@swc/helpers": "^0.4.14"
45
45
  },