@fluentui/react-infobutton 9.0.0-beta.29 → 9.0.0-beta.30

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,60 @@
2
2
  "name": "@fluentui/react-infobutton",
3
3
  "entries": [
4
4
  {
5
- "date": "Fri, 12 May 2023 20:21:50 GMT",
5
+ "date": "Thu, 18 May 2023 00:35:38 GMT",
6
+ "tag": "@fluentui/react-infobutton_v9.0.0-beta.30",
7
+ "version": "9.0.0-beta.30",
8
+ "comments": {
9
+ "none": [
10
+ {
11
+ "author": "olfedias@microsoft.com",
12
+ "package": "@fluentui/react-infobutton",
13
+ "commit": "06cd515eda59a3078bfe32f9cc7c1f281cd20208",
14
+ "comment": "chore: add test-ssr script to v9 packages"
15
+ }
16
+ ],
17
+ "prerelease": [
18
+ {
19
+ "author": "esteban.230@hotmail.com",
20
+ "package": "@fluentui/react-infobutton",
21
+ "commit": "c496a1cf1ec82c08753df72c9061e84b77b7daeb",
22
+ "comment": "fix: Add aria-owns to InfoLabel."
23
+ },
24
+ {
25
+ "author": "beachball",
26
+ "package": "@fluentui/react-infobutton",
27
+ "comment": "Bump @fluentui/react-label to v9.1.12",
28
+ "commit": "c496a1cf1ec82c08753df72c9061e84b77b7daeb"
29
+ },
30
+ {
31
+ "author": "beachball",
32
+ "package": "@fluentui/react-infobutton",
33
+ "comment": "Bump @fluentui/react-popover to v9.5.12",
34
+ "commit": "c496a1cf1ec82c08753df72c9061e84b77b7daeb"
35
+ },
36
+ {
37
+ "author": "beachball",
38
+ "package": "@fluentui/react-infobutton",
39
+ "comment": "Bump @fluentui/react-tabster to v9.7.1",
40
+ "commit": "c496a1cf1ec82c08753df72c9061e84b77b7daeb"
41
+ },
42
+ {
43
+ "author": "beachball",
44
+ "package": "@fluentui/react-infobutton",
45
+ "comment": "Bump @fluentui/react-utilities to v9.9.0",
46
+ "commit": "c496a1cf1ec82c08753df72c9061e84b77b7daeb"
47
+ },
48
+ {
49
+ "author": "beachball",
50
+ "package": "@fluentui/react-infobutton",
51
+ "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.4",
52
+ "commit": "c496a1cf1ec82c08753df72c9061e84b77b7daeb"
53
+ }
54
+ ]
55
+ }
56
+ },
57
+ {
58
+ "date": "Fri, 12 May 2023 20:27:20 GMT",
6
59
  "tag": "@fluentui/react-infobutton_v9.0.0-beta.29",
7
60
  "version": "9.0.0-beta.29",
8
61
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,26 @@
1
1
  # Change Log - @fluentui/react-infobutton
2
2
 
3
- This log was last generated on Fri, 12 May 2023 20:21:50 GMT and should not be manually modified.
3
+ This log was last generated on Thu, 18 May 2023 00:35:38 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.0.0-beta.30](https://github.com/microsoft/fluentui/tree/@fluentui/react-infobutton_v9.0.0-beta.30)
8
+
9
+ Thu, 18 May 2023 00:35:38 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-infobutton_v9.0.0-beta.29..@fluentui/react-infobutton_v9.0.0-beta.30)
11
+
12
+ ### Changes
13
+
14
+ - fix: Add aria-owns to InfoLabel. ([PR #27834](https://github.com/microsoft/fluentui/pull/27834) by esteban.230@hotmail.com)
15
+ - Bump @fluentui/react-label to v9.1.12 ([PR #27834](https://github.com/microsoft/fluentui/pull/27834) by beachball)
16
+ - Bump @fluentui/react-popover to v9.5.12 ([PR #27834](https://github.com/microsoft/fluentui/pull/27834) by beachball)
17
+ - Bump @fluentui/react-tabster to v9.7.1 ([PR #27834](https://github.com/microsoft/fluentui/pull/27834) by beachball)
18
+ - Bump @fluentui/react-utilities to v9.9.0 ([PR #27834](https://github.com/microsoft/fluentui/pull/27834) by beachball)
19
+ - Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.4 ([PR #27834](https://github.com/microsoft/fluentui/pull/27834) by beachball)
20
+
7
21
  ## [9.0.0-beta.29](https://github.com/microsoft/fluentui/tree/@fluentui/react-infobutton_v9.0.0-beta.29)
8
22
 
9
- Fri, 12 May 2023 20:21:50 GMT
23
+ Fri, 12 May 2023 20:27:20 GMT
10
24
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-infobutton_v9.0.0-beta.28..@fluentui/react-infobutton_v9.0.0-beta.29)
11
25
 
12
26
  ### Changes
@@ -1,4 +1,4 @@
1
- var _infoButton, _arialabelledby;
1
+ var _infoButton, _arialabelledby, _root, _ariaowns;
2
2
  import * as React from 'react';
3
3
  import { Label } from '@fluentui/react-label';
4
4
  import { resolveShorthand, useId } from '@fluentui/react-utilities';
@@ -17,12 +17,13 @@ export const useInfoLabel_unstable = (props, ref) => {
17
17
  root: rootShorthand,
18
18
  label: labelShorthand,
19
19
  infoButton: infoButtonShorthand,
20
- size,
21
20
  info,
21
+ size,
22
22
  className,
23
23
  style,
24
24
  ...labelProps
25
25
  } = props;
26
+ const baseId = useId('infolabel-');
26
27
  const root = resolveShorthand(rootShorthand, {
27
28
  required: true,
28
29
  defaultProps: {
@@ -33,7 +34,7 @@ export const useInfoLabel_unstable = (props, ref) => {
33
34
  const label = resolveShorthand(labelShorthand, {
34
35
  required: true,
35
36
  defaultProps: {
36
- id: useId('infolabel-'),
37
+ id: baseId + '__label',
37
38
  ref,
38
39
  size,
39
40
  ...labelProps
@@ -42,14 +43,22 @@ export const useInfoLabel_unstable = (props, ref) => {
42
43
  const infoButton = resolveShorthand(infoButtonShorthand, {
43
44
  required: !!info,
44
45
  defaultProps: {
45
- id: useId('infobutton-'),
46
- info,
47
- size
46
+ id: baseId + '__infoButton',
47
+ size,
48
+ info
48
49
  }
49
50
  });
50
51
  if (infoButton) {
52
+ var _infoButton_info;
53
+ infoButton.info = resolveShorthand(infoButton === null || infoButton === void 0 ? void 0 : infoButton.info, {
54
+ defaultProps: {
55
+ id: baseId + '__info'
56
+ }
57
+ });
51
58
  var _;
52
59
  (_ = (_infoButton = infoButton)[_arialabelledby = 'aria-labelledby']) !== null && _ !== void 0 ? _ : _infoButton[_arialabelledby] = `${label.id} ${infoButton.id}`;
60
+ var _1;
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;
53
62
  }
54
63
  return {
55
64
  size,
@@ -1 +1 @@
1
- {"version":3,"names":["_infoButton","_arialabelledby","React","Label","resolveShorthand","useId","InfoButton","useInfoLabel_unstable","props","ref","root","rootShorthand","label","labelShorthand","infoButton","infoButtonShorthand","size","info","className","style","labelProps","required","defaultProps","id","_","components"],"sources":["../../../src/components/InfoLabel/useInfoLabel.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { Label } from '@fluentui/react-label';\nimport { resolveShorthand, 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 size,\n info,\n className,\n style,\n ...labelProps\n } = props;\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: useId('infolabel-'),\n ref,\n size,\n ...labelProps,\n },\n });\n\n const infoButton = resolveShorthand(infoButtonShorthand, {\n required: !!info,\n defaultProps: {\n id: useId('infobutton-'),\n info,\n size,\n },\n });\n\n if (infoButton) {\n infoButton['aria-labelledby'] ??= `${label.id} ${infoButton.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"],"mappings":"IAwDIA,WAAA,EAAWC,eAAA;AAxDf,YAAYC,KAAA,MAAW;AAEvB,SAASC,KAAK,QAAQ;AACtB,SAASC,gBAAgB,EAAEC,KAAK,QAAQ;AACxC,SAASC,UAAU,QAAQ;AAG3B;;;;;;;;;AASA,OAAO,MAAMC,qBAAA,GAAwBA,CAACC,KAAA,EAAuBC,GAAA,KAAqD;EAChH,MAAM;IACJC,IAAA,EAAMC,aAAA;IACNC,KAAA,EAAOC,cAAA;IACPC,UAAA,EAAYC,mBAAA;IACZC,IAAA;IACAC,IAAA;IACAC,SAAA;IACAC,KAAA;IACA,GAAGC;EAAA,CACJ,GAAGZ,KAAA;EAEJ,MAAME,IAAA,GAAON,gBAAA,CAAiBO,aAAA,EAAe;IAC3CU,QAAA,EAAU,IAAI;IACdC,YAAA,EAAc;MACZJ,SAAA;MACAC;IACF;EACF;EAEA,MAAMP,KAAA,GAAQR,gBAAA,CAAiBS,cAAA,EAAgB;IAC7CQ,QAAA,EAAU,IAAI;IACdC,YAAA,EAAc;MACZC,EAAA,EAAIlB,KAAA,CAAM;MACVI,GAAA;MACAO,IAAA;MACA,GAAGI;IACL;EACF;EAEA,MAAMN,UAAA,GAAaV,gBAAA,CAAiBW,mBAAA,EAAqB;IACvDM,QAAA,EAAU,CAAC,CAACJ,IAAA;IACZK,YAAA,EAAc;MACZC,EAAA,EAAIlB,KAAA,CAAM;MACVY,IAAA;MACAD;IACF;EACF;EAEA,IAAIF,UAAA,EAAY;;IACd,CAAAU,CAAA,IAAAxB,WAAA,GAAAc,UAAA,EAAWb,eAAA,qBAAkB,cAAAuB,CAAA,cAAAA,CAAA,GAA7BxB,WAAU,CAACC,eAAA,CAAkB,GAAM,GAAEW,KAAA,CAAMW,EAAG,IAAGT,UAAA,CAAWS,EAAG,EAAC;EAClE;EAEA,OAAO;IACLP,IAAA;IACAS,UAAA,EAAY;MACVf,IAAA,EAAM;MACNE,KAAA,EAAOT,KAAA;MACPW,UAAA,EAAYR;IACd;IACAI,IAAA;IACAE,KAAA;IACAE;EACF;AACF"}
1
+ {"version":3,"names":["_infoButton","_arialabelledby","_root","_ariaowns","React","Label","resolveShorthand","useId","InfoButton","useInfoLabel_unstable","props","ref","root","rootShorthand","label","labelShorthand","infoButton","infoButtonShorthand","info","size","className","style","labelProps","baseId","required","defaultProps","id","_infoButton_info","_","_1","components"],"sources":["../../../src/components/InfoLabel/useInfoLabel.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { Label } from '@fluentui/react-label';\nimport { resolveShorthand, 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\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 if (infoButton) {\n infoButton.info = resolveShorthand(infoButton?.info, {\n defaultProps: {\n id: baseId + '__info',\n },\n });\n\n infoButton['aria-labelledby'] ??= `${label.id} ${infoButton.id}`;\n root['aria-owns'] ??= 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"],"mappings":"IA+DIA,WAAA,EAAWC,eAAA,EACXC,KAAA,EAAKC,SAAA;AAhET,YAAYC,KAAA,MAAW;AAEvB,SAASC,KAAK,QAAQ;AACtB,SAASC,gBAAgB,EAAEC,KAAK,QAAQ;AACxC,SAASC,UAAU,QAAQ;AAG3B;;;;;;;;;AASA,OAAO,MAAMC,qBAAA,GAAwBA,CAACC,KAAA,EAAuBC,GAAA,KAAqD;EAChH,MAAM;IACJC,IAAA,EAAMC,aAAA;IACNC,KAAA,EAAOC,cAAA;IACPC,UAAA,EAAYC,mBAAA;IACZC,IAAA;IACAC,IAAA;IACAC,SAAA;IACAC,KAAA;IACA,GAAGC;EAAA,CACJ,GAAGZ,KAAA;EACJ,MAAMa,MAAA,GAAShB,KAAA,CAAM;EAErB,MAAMK,IAAA,GAAON,gBAAA,CAAiBO,aAAA,EAAe;IAC3CW,QAAA,EAAU,IAAI;IACdC,YAAA,EAAc;MACZL,SAAA;MACAC;IACF;EACF;EAEA,MAAMP,KAAA,GAAQR,gBAAA,CAAiBS,cAAA,EAAgB;IAC7CS,QAAA,EAAU,IAAI;IACdC,YAAA,EAAc;MACZC,EAAA,EAAIH,MAAA,GAAS;MACbZ,GAAA;MACAQ,IAAA;MACA,GAAGG;IACL;EACF;EAEA,MAAMN,UAAA,GAAaV,gBAAA,CAAiBW,mBAAA,EAAqB;IACvDO,QAAA,EAAU,CAAC,CAACN,IAAA;IACZO,YAAA,EAAc;MACZC,EAAA,EAAIH,MAAA,GAAS;MACbJ,IAAA;MACAD;IACF;EACF;EAEA,IAAIF,UAAA,EAAY;QAQQW,gBAAA;IAPtBX,UAAA,CAAWE,IAAI,GAAGZ,gBAAA,CAAiBU,UAAA,aAAAA,UAAA,uBAAAA,UAAA,CAAYE,IAAI,EAAE;MACnDO,YAAA,EAAc;QACZC,EAAA,EAAIH,MAAA,GAAS;MACf;IACF;;IAEA,CAAAK,CAAA,IAAA5B,WAAA,GAAAgB,UAAA,EAAWf,eAAA,qBAAkB,cAAA2B,CAAA,cAAAA,CAAA,GAA7B5B,WAAU,CAACC,eAAA,CAAkB,GAAM,GAAEa,KAAA,CAAMY,EAAG,IAAGV,UAAA,CAAWU,EAAG,EAAC;;IAChE,CAAAG,EAAA,IAAA3B,KAAA,GAAAU,IAAA,EAAKT,SAAA,eAAY,cAAA0B,EAAA,cAAAA,EAAA,GAAjB3B,KAAI,CAACC,SAAA,CAAY,GAAK,CAAAwB,gBAAA,GAAAX,UAAA,CAAWE,IAAI,cAAfS,gBAAA,uBAAAA,gBAAA,CAAiBD,EAAE;EAC3C;EAEA,OAAO;IACLP,IAAA;IACAW,UAAA,EAAY;MACVlB,IAAA,EAAM;MACNE,KAAA,EAAOT,KAAA;MACPW,UAAA,EAAYR;IACd;IACAI,IAAA;IACAE,KAAA;IACAE;EACF;AACF"}
@@ -11,9 +11,10 @@ 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;
14
+ var _infoButton1, _arialabelledby, _root, _ariaowns;
15
15
  const useInfoLabel_unstable = (props, ref)=>{
16
- const { root: rootShorthand , label: labelShorthand , infoButton: infoButtonShorthand , size , info , className , style , ...labelProps } = props;
16
+ const { root: rootShorthand , label: labelShorthand , infoButton: infoButtonShorthand , info , size , className , style , ...labelProps } = props;
17
+ const baseId = (0, _reactUtilities.useId)('infolabel-');
17
18
  const root = (0, _reactUtilities.resolveShorthand)(rootShorthand, {
18
19
  required: true,
19
20
  defaultProps: {
@@ -24,7 +25,7 @@ const useInfoLabel_unstable = (props, ref)=>{
24
25
  const label = (0, _reactUtilities.resolveShorthand)(labelShorthand, {
25
26
  required: true,
26
27
  defaultProps: {
27
- id: (0, _reactUtilities.useId)('infolabel-'),
28
+ id: baseId + '__label',
28
29
  ref,
29
30
  size,
30
31
  ...labelProps
@@ -33,14 +34,22 @@ const useInfoLabel_unstable = (props, ref)=>{
33
34
  const infoButton = (0, _reactUtilities.resolveShorthand)(infoButtonShorthand, {
34
35
  required: !!info,
35
36
  defaultProps: {
36
- id: (0, _reactUtilities.useId)('infobutton-'),
37
- info,
38
- size
37
+ id: baseId + '__infoButton',
38
+ size,
39
+ info
39
40
  }
40
41
  });
41
42
  if (infoButton) {
43
+ var _infoButton_info;
44
+ infoButton.info = (0, _reactUtilities.resolveShorthand)(infoButton === null || infoButton === void 0 ? void 0 : infoButton.info, {
45
+ defaultProps: {
46
+ id: baseId + '__info'
47
+ }
48
+ });
42
49
  var _;
43
50
  (_ = (_infoButton1 = infoButton)[_arialabelledby = 'aria-labelledby']) !== null && _ !== void 0 ? _ : _infoButton1[_arialabelledby] = `${label.id} ${infoButton.id}`;
51
+ var _1;
52
+ (_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;
44
53
  }
45
54
  return {
46
55
  size,
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/InfoLabel/useInfoLabel.js"],"sourcesContent":["var _infoButton, _arialabelledby;\nimport * as React from 'react';\nimport { Label } from '@fluentui/react-label';\nimport { resolveShorthand, 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 */\nexport const useInfoLabel_unstable = (props, ref) => {\n const {\n root: rootShorthand,\n label: labelShorthand,\n infoButton: infoButtonShorthand,\n size,\n info,\n className,\n style,\n ...labelProps\n } = props;\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: useId('infolabel-'),\n ref,\n size,\n ...labelProps\n }\n });\n const infoButton = resolveShorthand(infoButtonShorthand, {\n required: !!info,\n defaultProps: {\n id: useId('infobutton-'),\n info,\n size\n }\n });\n if (infoButton) {\n var _;\n (_ = (_infoButton = infoButton)[_arialabelledby = 'aria-labelledby']) !== null && _ !== void 0 ? _ : _infoButton[_arialabelledby] = `${label.id} ${infoButton.id}`;\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//# sourceMappingURL=useInfoLabel.js.map"],"names":["useInfoLabel_unstable","_infoButton","_arialabelledby","props","ref","root","rootShorthand","label","labelShorthand","infoButton","infoButtonShorthand","size","info","className","style","labelProps","resolveShorthand","required","defaultProps","id","useId","_","components","Label","InfoButton"],"mappings":";;;;+BAcaA;;aAAAA;;;6DAbU;4BACD;gCACkB;4BACb;AAJ3B,IAAIC,cAAaC;AAcV,MAAMF,wBAAwB,CAACG,OAAOC,MAAQ;IACnD,MAAM,EACJC,MAAMC,cAAa,EACnBC,OAAOC,eAAc,EACrBC,YAAYC,oBAAmB,EAC/BC,KAAI,EACJC,KAAI,EACJC,UAAS,EACTC,MAAK,EACL,GAAGC,YACJ,GAAGZ;IACJ,MAAME,OAAOW,IAAAA,gCAAgB,EAACV,eAAe;QAC3CW,UAAU,IAAI;QACdC,cAAc;YACZL;YACAC;QACF;IACF;IACA,MAAMP,QAAQS,IAAAA,gCAAgB,EAACR,gBAAgB;QAC7CS,UAAU,IAAI;QACdC,cAAc;YACZC,IAAIC,IAAAA,qBAAK,EAAC;YACVhB;YACAO;YACA,GAAGI,UAAU;QACf;IACF;IACA,MAAMN,aAAaO,IAAAA,gCAAgB,EAACN,qBAAqB;QACvDO,UAAU,CAAC,CAACL;QACZM,cAAc;YACZC,IAAIC,IAAAA,qBAAK,EAAC;YACVR;YACAD;QACF;IACF;IACA,IAAIF,YAAY;QACd,IAAIY;QACHA,CAAAA,IAAI,AAACpB,CAAAA,eAAcQ,UAAS,CAAE,CAACP,kBAAkB,kBAAkB,AAAD,MAAO,IAAI,IAAImB,MAAM,KAAK,IAAIA,IAAIpB,YAAW,CAACC,gBAAgB,GAAG,CAAC,EAAEK,MAAMY,EAAE,CAAC,CAAC,EAAEV,WAAWU,EAAE,CAAC,CAAC;IACpK,CAAC;IACD,OAAO;QACLR;QACAW,YAAY;YACVjB,MAAM;YACNE,OAAOgB,iBAAK;YACZd,YAAYe,sBAAU;QACxB;QACAnB;QACAE;QACAE;IACF;AACF,GACA,wCAAwC"}
1
+ {"version":3,"sources":["../../../lib/components/InfoLabel/useInfoLabel.js"],"sourcesContent":["var _infoButton, _arialabelledby, _root, _ariaowns;\nimport * as React from 'react';\nimport { Label } from '@fluentui/react-label';\nimport { resolveShorthand, 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 */\nexport const useInfoLabel_unstable = (props, ref) => {\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 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 if (infoButton) {\n var _infoButton_info;\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 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 return {\n size,\n components: {\n root: 'span',\n label: Label,\n infoButton: InfoButton\n },\n root,\n label,\n infoButton\n };\n};\n//# sourceMappingURL=useInfoLabel.js.map"],"names":["useInfoLabel_unstable","_infoButton","_arialabelledby","_root","_ariaowns","props","ref","root","rootShorthand","label","labelShorthand","infoButton","infoButtonShorthand","info","size","className","style","labelProps","baseId","useId","resolveShorthand","required","defaultProps","id","_infoButton_info","_","_1","components","Label","InfoButton"],"mappings":";;;;+BAcaA;;aAAAA;;;6DAbU;4BACD;gCACkB;4BACb;AAJ3B,IAAIC,cAAaC,iBAAiBC,OAAOC;AAclC,MAAMJ,wBAAwB,CAACK,OAAOC,MAAQ;IACnD,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,SAASC,IAAAA,qBAAK,EAAC;IACrB,MAAMZ,OAAOa,IAAAA,gCAAgB,EAACZ,eAAe;QAC3Ca,UAAU,IAAI;QACdC,cAAc;YACZP;YACAC;QACF;IACF;IACA,MAAMP,QAAQW,IAAAA,gCAAgB,EAACV,gBAAgB;QAC7CW,UAAU,IAAI;QACdC,cAAc;YACZC,IAAIL,SAAS;YACbZ;YACAQ;YACA,GAAGG,UAAU;QACf;IACF;IACA,MAAMN,aAAaS,IAAAA,gCAAgB,EAACR,qBAAqB;QACvDS,UAAU,CAAC,CAACR;QACZS,cAAc;YACZC,IAAIL,SAAS;YACbJ;YACAD;QACF;IACF;IACA,IAAIF,YAAY;QACd,IAAIa;QACJb,WAAWE,IAAI,GAAGO,IAAAA,gCAAgB,EAACT,eAAe,IAAI,IAAIA,eAAe,KAAK,IAAI,KAAK,IAAIA,WAAWE,IAAI,EAAE;YAC1GS,cAAc;gBACZC,IAAIL,SAAS;YACf;QACF;QACA,IAAIO;QACHA,CAAAA,IAAI,AAACxB,CAAAA,eAAcU,UAAS,CAAE,CAACT,kBAAkB,kBAAkB,AAAD,MAAO,IAAI,IAAIuB,MAAM,KAAK,IAAIA,IAAIxB,YAAW,CAACC,gBAAgB,GAAG,CAAC,EAAEO,MAAMc,EAAE,CAAC,CAAC,EAAEZ,WAAWY,EAAE,CAAC,CAAC;QAClK,IAAIG;QACHA,CAAAA,KAAK,AAACvB,CAAAA,QAAQI,IAAG,CAAE,CAACH,YAAY,YAAY,AAAD,MAAO,IAAI,IAAIsB,OAAO,KAAK,IAAIA,KAAKvB,KAAK,CAACC,UAAU,GAAG,AAACoB,CAAAA,mBAAmBb,WAAWE,IAAI,AAAD,MAAO,IAAI,IAAIW,qBAAqB,KAAK,IAAI,KAAK,IAAIA,iBAAiBD,EAAE;IAChN,CAAC;IACD,OAAO;QACLT;QACAa,YAAY;YACVpB,MAAM;YACNE,OAAOmB,iBAAK;YACZjB,YAAYkB,sBAAU;QACxB;QACAtB;QACAE;QACAE;IACF;AACF,GACA,wCAAwC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-infobutton",
3
- "version": "9.0.0-beta.29",
3
+ "version": "9.0.0-beta.30",
4
4
  "description": "React components for building web experiences",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -22,7 +22,8 @@
22
22
  "generate-api": "just-scripts generate-api",
23
23
  "type-check": "tsc -b tsconfig.json",
24
24
  "storybook": "start-storybook",
25
- "start": "yarn storybook"
25
+ "start": "yarn storybook",
26
+ "test-ssr": "test-ssr ./stories/**/*.stories.tsx"
26
27
  },
27
28
  "devDependencies": {
28
29
  "@fluentui/eslint-plugin": "*",
@@ -33,12 +34,12 @@
33
34
  },
34
35
  "dependencies": {
35
36
  "@fluentui/react-icons": "^2.0.196",
36
- "@fluentui/react-label": "^9.1.11",
37
- "@fluentui/react-popover": "^9.5.11",
38
- "@fluentui/react-tabster": "^9.7.0",
37
+ "@fluentui/react-label": "^9.1.12",
38
+ "@fluentui/react-popover": "^9.5.12",
39
+ "@fluentui/react-tabster": "^9.7.1",
39
40
  "@fluentui/react-theme": "^9.1.8",
40
- "@fluentui/react-utilities": "^9.8.1",
41
- "@fluentui/react-jsx-runtime": "9.0.0-alpha.3",
41
+ "@fluentui/react-utilities": "^9.9.0",
42
+ "@fluentui/react-jsx-runtime": "9.0.0-alpha.4",
42
43
  "@griffel/react": "^1.5.2",
43
44
  "@swc/helpers": "^0.4.14"
44
45
  },