@fluentui/react-infobutton 9.0.0-beta.22 → 9.0.0-beta.23

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 (55) hide show
  1. package/.swcrc +30 -0
  2. package/CHANGELOG.json +64 -1
  3. package/CHANGELOG.md +19 -2
  4. package/lib/InfoButton.js.map +1 -1
  5. package/lib/InfoLabel.js.map +1 -1
  6. package/lib/components/InfoButton/DefaultInfoButtonIcons.js.map +1 -1
  7. package/lib/components/InfoButton/InfoButton.js.map +1 -1
  8. package/lib/components/InfoButton/InfoButton.types.js.map +1 -1
  9. package/lib/components/InfoButton/index.js.map +1 -1
  10. package/lib/components/InfoButton/renderInfoButton.js +1 -7
  11. package/lib/components/InfoButton/renderInfoButton.js.map +1 -1
  12. package/lib/components/InfoButton/useInfoButton.js.map +1 -1
  13. package/lib/components/InfoButton/useInfoButtonStyles.js.map +1 -1
  14. package/lib/components/InfoLabel/InfoLabel.js.map +1 -1
  15. package/lib/components/InfoLabel/InfoLabel.types.js.map +1 -1
  16. package/lib/components/InfoLabel/index.js.map +1 -1
  17. package/lib/components/InfoLabel/renderInfoLabel.js +1 -7
  18. package/lib/components/InfoLabel/renderInfoLabel.js.map +1 -1
  19. package/lib/components/InfoLabel/useInfoLabel.js +4 -2
  20. package/lib/components/InfoLabel/useInfoLabel.js.map +1 -1
  21. package/lib/components/InfoLabel/useInfoLabelStyles.js.map +1 -1
  22. package/lib/index.js.map +1 -1
  23. package/lib-commonjs/InfoButton.js +5 -4
  24. package/lib-commonjs/InfoButton.js.map +1 -1
  25. package/lib-commonjs/InfoLabel.js +5 -4
  26. package/lib-commonjs/InfoLabel.js.map +1 -1
  27. package/lib-commonjs/components/InfoButton/DefaultInfoButtonIcons.js +17 -7
  28. package/lib-commonjs/components/InfoButton/DefaultInfoButtonIcons.js.map +1 -1
  29. package/lib-commonjs/components/InfoButton/InfoButton.js +16 -15
  30. package/lib-commonjs/components/InfoButton/InfoButton.js.map +1 -1
  31. package/lib-commonjs/components/InfoButton/InfoButton.types.js +3 -2
  32. package/lib-commonjs/components/InfoButton/InfoButton.types.js.map +1 -1
  33. package/lib-commonjs/components/InfoButton/index.js +9 -8
  34. package/lib-commonjs/components/InfoButton/index.js.map +1 -1
  35. package/lib-commonjs/components/InfoButton/renderInfoButton.js +14 -23
  36. package/lib-commonjs/components/InfoButton/renderInfoButton.js.map +1 -1
  37. package/lib-commonjs/components/InfoButton/useInfoButton.js +58 -67
  38. package/lib-commonjs/components/InfoButton/useInfoButton.js.map +1 -1
  39. package/lib-commonjs/components/InfoButton/useInfoButtonStyles.js +331 -149
  40. package/lib-commonjs/components/InfoButton/useInfoButtonStyles.js.map +1 -1
  41. package/lib-commonjs/components/InfoLabel/InfoLabel.js +16 -15
  42. package/lib-commonjs/components/InfoLabel/InfoLabel.js.map +1 -1
  43. package/lib-commonjs/components/InfoLabel/InfoLabel.types.js +3 -2
  44. package/lib-commonjs/components/InfoLabel/InfoLabel.types.js.map +1 -1
  45. package/lib-commonjs/components/InfoLabel/index.js +9 -8
  46. package/lib-commonjs/components/InfoLabel/index.js.map +1 -1
  47. package/lib-commonjs/components/InfoLabel/renderInfoLabel.js +13 -22
  48. package/lib-commonjs/components/InfoLabel/renderInfoLabel.js.map +1 -1
  49. package/lib-commonjs/components/InfoLabel/useInfoLabel.js +53 -66
  50. package/lib-commonjs/components/InfoLabel/useInfoLabel.js.map +1 -1
  51. package/lib-commonjs/components/InfoLabel/useInfoLabelStyles.js +55 -41
  52. package/lib-commonjs/components/InfoLabel/useInfoLabelStyles.js.map +1 -1
  53. package/lib-commonjs/index.js +24 -66
  54. package/lib-commonjs/index.js.map +1 -1
  55. package/package.json +11 -10
@@ -1,12 +1,13 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
5
4
  });
6
- const tslib_1 = /*#__PURE__*/require("tslib");
7
- tslib_1.__exportStar(require("./InfoButton"), exports);
8
- tslib_1.__exportStar(require("./InfoButton.types"), exports);
9
- tslib_1.__exportStar(require("./renderInfoButton"), exports);
10
- tslib_1.__exportStar(require("./useInfoButton"), exports);
11
- tslib_1.__exportStar(require("./useInfoButtonStyles"), exports);
5
+ const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
6
+ _exportStar(require("./InfoButton"), exports);
7
+ _exportStar(require("./InfoButton.types"), exports);
8
+ _exportStar(require("./renderInfoButton"), exports);
9
+ _exportStar(require("./useInfoButton"), exports);
10
+ _exportStar(require("./useInfoButtonStyles"), exports);
11
+ //# sourceMappingURL=index.js.map
12
+
12
13
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-infobutton/src/components/InfoButton/index.ts"],"sourcesContent":["export * from './InfoButton';\nexport * from './InfoButton.types';\nexport * from './renderInfoButton';\nexport * from './useInfoButton';\nexport * from './useInfoButtonStyles';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,kBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,wBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,wBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,qBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,2BAAAC,OAAA"}
1
+ {"version":3,"sources":["../../../lib/components/InfoButton/index.js"],"sourcesContent":["export * from './InfoButton';\nexport * from './InfoButton.types';\nexport * from './renderInfoButton';\nexport * from './useInfoButton';\nexport * from './useInfoButtonStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
@@ -1,27 +1,18 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "renderInfoButton_unstable", {
6
+ enumerable: true,
7
+ get: ()=>renderInfoButton_unstable
5
8
  });
6
- exports.renderInfoButton_unstable = void 0;
7
- const React = /*#__PURE__*/require("react");
8
- const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
9
- const react_popover_1 = /*#__PURE__*/require("@fluentui/react-popover");
10
- /**
11
- * Render the final JSX of InfoButton
12
- */
13
- const renderInfoButton_unstable = state => {
14
- const {
15
- slots,
16
- slotProps
17
- } = react_utilities_1.getSlots(state);
18
- return React.createElement(slots.popover, {
19
- ...slotProps.popover
20
- }, React.createElement(react_popover_1.PopoverTrigger, null, React.createElement(slots.root, {
21
- ...slotProps.root
22
- })), React.createElement(slots.content, {
23
- ...slotProps.content
24
- }));
25
- };
26
- exports.renderInfoButton_unstable = renderInfoButton_unstable;
9
+ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
+ const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
+ const _reactUtilities = require("@fluentui/react-utilities");
12
+ const _reactPopover = require("@fluentui/react-popover");
13
+ const renderInfoButton_unstable = (state)=>{
14
+ const { slots , slotProps } = (0, _reactUtilities.getSlots)(state);
15
+ return /*#__PURE__*/ _react.createElement(slots.popover, slotProps.popover, /*#__PURE__*/ _react.createElement(_reactPopover.PopoverTrigger, null, /*#__PURE__*/ _react.createElement(slots.root, slotProps.root)), /*#__PURE__*/ _react.createElement(slots.content, slotProps.content));
16
+ }; //# sourceMappingURL=renderInfoButton.js.map
17
+
27
18
  //# sourceMappingURL=renderInfoButton.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["React","require","react_utilities_1","react_popover_1","renderInfoButton_unstable","state","slots","slotProps","getSlots","createElement","popover","PopoverTrigger","root","content","exports"],"sources":["../src/packages/react-components/react-infobutton/src/components/InfoButton/renderInfoButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { PopoverTrigger } from '@fluentui/react-popover';\nimport type { PopoverProps } from '@fluentui/react-popover';\nimport type { InfoButtonState, InfoButtonSlots } from './InfoButton.types';\n\n/**\n * Render the final JSX of InfoButton\n */\nexport const renderInfoButton_unstable = (state: InfoButtonState) => {\n const { slots, slotProps } = getSlots<InfoButtonSlots>(state);\n\n return (\n <slots.popover {...(slotProps.popover as PopoverProps)}>\n <PopoverTrigger>\n <slots.root {...slotProps.root} />\n </PopoverTrigger>\n <slots.content {...slotProps.content} />\n </slots.popover>\n );\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AACA,MAAAE,eAAA,gBAAAF,OAAA;AAIA;;;AAGO,MAAMG,yBAAyB,GAAIC,KAAsB,IAAI;EAClE,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGL,iBAAA,CAAAM,QAAQ,CAAkBH,KAAK,CAAC;EAE7D,OACEL,KAAA,CAAAS,aAAA,CAACH,KAAK,CAACI,OAAO;IAAA,GAAMH,SAAS,CAACG;EAAwB,GACpDV,KAAA,CAAAS,aAAA,CAACN,eAAA,CAAAQ,cAAc,QACbX,KAAA,CAAAS,aAAA,CAACH,KAAK,CAACM,IAAI;IAAA,GAAKL,SAAS,CAACK;EAAI,EAAI,CACnB,EACjBZ,KAAA,CAAAS,aAAA,CAACH,KAAK,CAACO,OAAO;IAAA,GAAKN,SAAS,CAACM;EAAO,EAAI,CAC1B;AAEpB,CAAC;AAXYC,OAAA,CAAAV,yBAAyB,GAAAA,yBAAA"}
1
+ {"version":3,"sources":["../../../lib/components/InfoButton/renderInfoButton.js"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { PopoverTrigger } from '@fluentui/react-popover';\n/**\n * Render the final JSX of InfoButton\n */\nexport const renderInfoButton_unstable = state => {\n const {\n slots,\n slotProps\n } = getSlots(state);\n return /*#__PURE__*/React.createElement(slots.popover, slotProps.popover, /*#__PURE__*/React.createElement(PopoverTrigger, null, /*#__PURE__*/React.createElement(slots.root, slotProps.root)), /*#__PURE__*/React.createElement(slots.content, slotProps.content));\n};\n//# sourceMappingURL=renderInfoButton.js.map"],"names":["renderInfoButton_unstable","state","slots","slotProps","getSlots","React","createElement","popover","PopoverTrigger","root","content"],"mappings":";;;;+BAMaA;;aAAAA;;;6DANU;gCACE;8BACM;AAIxB,MAAMA,4BAA4BC,CAAAA,QAAS;IAChD,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACH;IACb,OAAO,WAAW,GAAEI,OAAMC,aAAa,CAACJ,MAAMK,OAAO,EAAEJ,UAAUI,OAAO,EAAE,WAAW,GAAEF,OAAMC,aAAa,CAACE,4BAAc,EAAE,IAAI,EAAE,WAAW,GAAEH,OAAMC,aAAa,CAACJ,MAAMO,IAAI,EAAEN,UAAUM,IAAI,IAAI,WAAW,GAAEJ,OAAMC,aAAa,CAACJ,MAAMQ,OAAO,EAAEP,UAAUO,OAAO;AACnQ,GACA,4CAA4C"}
@@ -1,75 +1,66 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "useInfoButton_unstable", {
6
+ enumerable: true,
7
+ get: ()=>useInfoButton_unstable
5
8
  });
6
- exports.useInfoButton_unstable = void 0;
7
- const React = /*#__PURE__*/require("react");
8
- const DefaultInfoButtonIcons_1 = /*#__PURE__*/require("./DefaultInfoButtonIcons");
9
- const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
10
- const react_popover_1 = /*#__PURE__*/require("@fluentui/react-popover");
11
- const react_utilities_2 = /*#__PURE__*/require("@fluentui/react-utilities");
9
+ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
+ const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
+ const _defaultInfoButtonIcons = require("./DefaultInfoButtonIcons");
12
+ const _reactUtilities = require("@fluentui/react-utilities");
13
+ const _reactPopover = require("@fluentui/react-popover");
12
14
  const infoButtonIconMap = {
13
- small: /*#__PURE__*/React.createElement(DefaultInfoButtonIcons_1.DefaultInfoButtonIcon12, null),
14
- medium: /*#__PURE__*/React.createElement(DefaultInfoButtonIcons_1.DefaultInfoButtonIcon16, null),
15
- large: /*#__PURE__*/React.createElement(DefaultInfoButtonIcons_1.DefaultInfoButtonIcon20, null)
15
+ small: /*#__PURE__*/ _react.createElement(_defaultInfoButtonIcons.DefaultInfoButtonIcon12, null),
16
+ medium: /*#__PURE__*/ _react.createElement(_defaultInfoButtonIcons.DefaultInfoButtonIcon16, null),
17
+ large: /*#__PURE__*/ _react.createElement(_defaultInfoButtonIcons.DefaultInfoButtonIcon20, null)
16
18
  };
17
19
  const popoverSizeMap = {
18
- small: 'small',
19
- medium: 'small',
20
- large: 'medium'
20
+ small: 'small',
21
+ medium: 'small',
22
+ large: 'medium'
21
23
  };
22
- /**
23
- * Create the state required to render InfoButton.
24
- *
25
- * The returned state can be modified with hooks such as useInfoButtonStyles_unstable,
26
- * before being passed to renderInfoButton_unstable.
27
- *
28
- * @param props - props from this instance of InfoButton
29
- * @param ref - reference to root HTMLElement of InfoButton
30
- */
31
- const useInfoButton_unstable = (props, ref) => {
32
- const {
33
- size = 'medium'
34
- } = props;
35
- const state = {
36
- size,
37
- components: {
38
- root: 'button',
39
- popover: react_popover_1.Popover,
40
- content: react_popover_1.PopoverSurface
41
- },
42
- root: react_utilities_1.getNativeElementProps('button', {
43
- children: infoButtonIconMap[size],
44
- type: 'button',
45
- 'aria-label': 'information',
46
- ...props,
47
- ref
48
- }),
49
- popover: react_utilities_1.resolveShorthand(props.popover, {
50
- required: true,
51
- defaultProps: {
52
- positioning: 'above-start',
53
- size: popoverSizeMap[size],
54
- withArrow: true
55
- }
56
- }),
57
- content: react_utilities_1.resolveShorthand(props.content, {
58
- required: true,
59
- defaultProps: {
60
- role: 'note',
61
- tabIndex: -1
62
- }
63
- })
64
- };
65
- const [popoverOpen, setPopoverOpen] = react_utilities_2.useControllableState({
66
- state: state.popover.open,
67
- defaultState: state.popover.defaultOpen,
68
- initialState: false
69
- });
70
- state.popover.open = popoverOpen;
71
- state.popover.onOpenChange = react_utilities_1.mergeCallbacks(state.popover.onOpenChange, (e, data) => setPopoverOpen(data.open));
72
- return state;
73
- };
74
- exports.useInfoButton_unstable = useInfoButton_unstable;
24
+ const useInfoButton_unstable = (props, ref)=>{
25
+ const { size ='medium' } = props;
26
+ const state = {
27
+ size,
28
+ components: {
29
+ root: 'button',
30
+ popover: _reactPopover.Popover,
31
+ content: _reactPopover.PopoverSurface
32
+ },
33
+ root: (0, _reactUtilities.getNativeElementProps)('button', {
34
+ children: infoButtonIconMap[size],
35
+ type: 'button',
36
+ 'aria-label': 'information',
37
+ ...props,
38
+ ref
39
+ }),
40
+ popover: (0, _reactUtilities.resolveShorthand)(props.popover, {
41
+ required: true,
42
+ defaultProps: {
43
+ positioning: 'above-start',
44
+ size: popoverSizeMap[size],
45
+ withArrow: true
46
+ }
47
+ }),
48
+ content: (0, _reactUtilities.resolveShorthand)(props.content, {
49
+ required: true,
50
+ defaultProps: {
51
+ role: 'note',
52
+ tabIndex: -1
53
+ }
54
+ })
55
+ };
56
+ const [popoverOpen, setPopoverOpen] = (0, _reactUtilities.useControllableState)({
57
+ state: state.popover.open,
58
+ defaultState: state.popover.defaultOpen,
59
+ initialState: false
60
+ });
61
+ state.popover.open = popoverOpen;
62
+ state.popover.onOpenChange = (0, _reactUtilities.mergeCallbacks)(state.popover.onOpenChange, (e, data)=>setPopoverOpen(data.open));
63
+ return state;
64
+ }; //# sourceMappingURL=useInfoButton.js.map
65
+
75
66
  //# sourceMappingURL=useInfoButton.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["React","require","DefaultInfoButtonIcons_1","react_utilities_1","react_popover_1","react_utilities_2","infoButtonIconMap","small","createElement","DefaultInfoButtonIcon12","medium","DefaultInfoButtonIcon16","large","DefaultInfoButtonIcon20","popoverSizeMap","useInfoButton_unstable","props","ref","size","state","components","root","popover","Popover","content","PopoverSurface","getNativeElementProps","children","type","resolveShorthand","required","defaultProps","positioning","withArrow","role","tabIndex","popoverOpen","setPopoverOpen","useControllableState","open","defaultState","defaultOpen","initialState","onOpenChange","mergeCallbacks","e","data","exports"],"sources":["../src/packages/react-components/react-infobutton/src/components/InfoButton/useInfoButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { DefaultInfoButtonIcon12, DefaultInfoButtonIcon16, DefaultInfoButtonIcon20 } from './DefaultInfoButtonIcons';\nimport { getNativeElementProps, mergeCallbacks, resolveShorthand } from '@fluentui/react-utilities';\nimport { Popover, PopoverSurface } from '@fluentui/react-popover';\nimport { useControllableState } from '@fluentui/react-utilities';\nimport type { InfoButtonProps, InfoButtonState } from './InfoButton.types';\nimport type { PopoverProps } from '@fluentui/react-popover';\n\nconst infoButtonIconMap = {\n small: <DefaultInfoButtonIcon12 />,\n medium: <DefaultInfoButtonIcon16 />,\n large: <DefaultInfoButtonIcon20 />,\n} as const;\n\nconst popoverSizeMap = {\n small: 'small',\n medium: 'small',\n large: 'medium',\n} as const;\n\n/**\n * Create the state required to render InfoButton.\n *\n * The returned state can be modified with hooks such as useInfoButtonStyles_unstable,\n * before being passed to renderInfoButton_unstable.\n *\n * @param props - props from this instance of InfoButton\n * @param ref - reference to root HTMLElement of InfoButton\n */\nexport const useInfoButton_unstable = (props: InfoButtonProps, ref: React.Ref<HTMLElement>): InfoButtonState => {\n const { size = 'medium' } = props;\n\n const state: InfoButtonState = {\n size,\n\n components: {\n root: 'button',\n popover: Popover as React.FC<Partial<PopoverProps>>,\n content: PopoverSurface,\n },\n\n root: getNativeElementProps('button', {\n children: infoButtonIconMap[size],\n type: 'button',\n 'aria-label': 'information',\n ...props,\n ref,\n }),\n popover: resolveShorthand(props.popover, {\n required: true,\n defaultProps: {\n positioning: 'above-start',\n size: popoverSizeMap[size],\n withArrow: true,\n },\n }),\n content: resolveShorthand(props.content, {\n required: true,\n defaultProps: {\n role: 'note',\n tabIndex: -1,\n },\n }),\n };\n\n const [popoverOpen, setPopoverOpen] = useControllableState({\n state: state.popover.open,\n defaultState: state.popover.defaultOpen,\n initialState: false,\n });\n\n state.popover.open = popoverOpen;\n state.popover.onOpenChange = mergeCallbacks(state.popover.onOpenChange, (e, data) => setPopoverOpen(data.open));\n\n return state;\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,wBAAA,gBAAAD,OAAA;AACA,MAAAE,iBAAA,gBAAAF,OAAA;AACA,MAAAG,eAAA,gBAAAH,OAAA;AACA,MAAAI,iBAAA,gBAAAJ,OAAA;AAIA,MAAMK,iBAAiB,GAAG;EACxBC,KAAK,eAAEP,KAAA,CAAAQ,aAAA,CAACN,wBAAA,CAAAO,uBAAuB,OAAG;EAClCC,MAAM,eAAEV,KAAA,CAAAQ,aAAA,CAACN,wBAAA,CAAAS,uBAAuB,OAAG;EACnCC,KAAK,eAAEZ,KAAA,CAAAQ,aAAA,CAACN,wBAAA,CAAAW,uBAAuB;CACvB;AAEV,MAAMC,cAAc,GAAG;EACrBP,KAAK,EAAE,OAAO;EACdG,MAAM,EAAE,OAAO;EACfE,KAAK,EAAE;CACC;AAEV;;;;;;;;;AASO,MAAMG,sBAAsB,GAAGA,CAACC,KAAsB,EAAEC,GAA2B,KAAqB;EAC7G,MAAM;IAAEC,IAAI,GAAG;EAAQ,CAAE,GAAGF,KAAK;EAEjC,MAAMG,KAAK,GAAoB;IAC7BD,IAAI;IAEJE,UAAU,EAAE;MACVC,IAAI,EAAE,QAAQ;MACdC,OAAO,EAAElB,eAAA,CAAAmB,OAA0C;MACnDC,OAAO,EAAEpB,eAAA,CAAAqB;KACV;IAEDJ,IAAI,EAAElB,iBAAA,CAAAuB,qBAAqB,CAAC,QAAQ,EAAE;MACpCC,QAAQ,EAAErB,iBAAiB,CAACY,IAAI,CAAC;MACjCU,IAAI,EAAE,QAAQ;MACd,YAAY,EAAE,aAAa;MAC3B,GAAGZ,KAAK;MACRC;KACD,CAAC;IACFK,OAAO,EAAEnB,iBAAA,CAAA0B,gBAAgB,CAACb,KAAK,CAACM,OAAO,EAAE;MACvCQ,QAAQ,EAAE,IAAI;MACdC,YAAY,EAAE;QACZC,WAAW,EAAE,aAAa;QAC1Bd,IAAI,EAAEJ,cAAc,CAACI,IAAI,CAAC;QAC1Be,SAAS,EAAE;;KAEd,CAAC;IACFT,OAAO,EAAErB,iBAAA,CAAA0B,gBAAgB,CAACb,KAAK,CAACQ,OAAO,EAAE;MACvCM,QAAQ,EAAE,IAAI;MACdC,YAAY,EAAE;QACZG,IAAI,EAAE,MAAM;QACZC,QAAQ,EAAE,CAAC;;KAEd;GACF;EAED,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGhC,iBAAA,CAAAiC,oBAAoB,CAAC;IACzDnB,KAAK,EAAEA,KAAK,CAACG,OAAO,CAACiB,IAAI;IACzBC,YAAY,EAAErB,KAAK,CAACG,OAAO,CAACmB,WAAW;IACvCC,YAAY,EAAE;GACf,CAAC;EAEFvB,KAAK,CAACG,OAAO,CAACiB,IAAI,GAAGH,WAAW;EAChCjB,KAAK,CAACG,OAAO,CAACqB,YAAY,GAAGxC,iBAAA,CAAAyC,cAAc,CAACzB,KAAK,CAACG,OAAO,CAACqB,YAAY,EAAE,CAACE,CAAC,EAAEC,IAAI,KAAKT,cAAc,CAACS,IAAI,CAACP,IAAI,CAAC,CAAC;EAE/G,OAAOpB,KAAK;AACd,CAAC;AA9CY4B,OAAA,CAAAhC,sBAAsB,GAAAA,sBAAA"}
1
+ {"version":3,"sources":["../../../lib/components/InfoButton/useInfoButton.js"],"sourcesContent":["import * as React from 'react';\nimport { DefaultInfoButtonIcon12, DefaultInfoButtonIcon16, DefaultInfoButtonIcon20 } from './DefaultInfoButtonIcons';\nimport { getNativeElementProps, mergeCallbacks, resolveShorthand } from '@fluentui/react-utilities';\nimport { Popover, PopoverSurface } from '@fluentui/react-popover';\nimport { useControllableState } from '@fluentui/react-utilities';\nconst infoButtonIconMap = {\n small: /*#__PURE__*/React.createElement(DefaultInfoButtonIcon12, null),\n medium: /*#__PURE__*/React.createElement(DefaultInfoButtonIcon16, null),\n large: /*#__PURE__*/React.createElement(DefaultInfoButtonIcon20, null)\n};\nconst popoverSizeMap = {\n small: 'small',\n medium: 'small',\n large: 'medium'\n};\n/**\n * Create the state required to render InfoButton.\n *\n * The returned state can be modified with hooks such as useInfoButtonStyles_unstable,\n * before being passed to renderInfoButton_unstable.\n *\n * @param props - props from this instance of InfoButton\n * @param ref - reference to root HTMLElement of InfoButton\n */\nexport const useInfoButton_unstable = (props, ref) => {\n const {\n size = 'medium'\n } = props;\n const state = {\n size,\n components: {\n root: 'button',\n popover: Popover,\n content: PopoverSurface\n },\n root: getNativeElementProps('button', {\n children: infoButtonIconMap[size],\n type: 'button',\n 'aria-label': 'information',\n ...props,\n ref\n }),\n popover: resolveShorthand(props.popover, {\n required: true,\n defaultProps: {\n positioning: 'above-start',\n size: popoverSizeMap[size],\n withArrow: true\n }\n }),\n content: resolveShorthand(props.content, {\n required: true,\n defaultProps: {\n role: 'note',\n tabIndex: -1\n }\n })\n };\n const [popoverOpen, setPopoverOpen] = useControllableState({\n state: state.popover.open,\n defaultState: state.popover.defaultOpen,\n initialState: false\n });\n state.popover.open = popoverOpen;\n state.popover.onOpenChange = mergeCallbacks(state.popover.onOpenChange, (e, data) => setPopoverOpen(data.open));\n return state;\n};\n//# sourceMappingURL=useInfoButton.js.map"],"names":["useInfoButton_unstable","infoButtonIconMap","small","React","createElement","DefaultInfoButtonIcon12","medium","DefaultInfoButtonIcon16","large","DefaultInfoButtonIcon20","popoverSizeMap","props","ref","size","state","components","root","popover","Popover","content","PopoverSurface","getNativeElementProps","children","type","resolveShorthand","required","defaultProps","positioning","withArrow","role","tabIndex","popoverOpen","setPopoverOpen","useControllableState","open","defaultState","defaultOpen","initialState","onOpenChange","mergeCallbacks","e","data"],"mappings":";;;;+BAwBaA;;aAAAA;;;6DAxBU;wCACmE;gCAClB;8BAChC;AAExC,MAAMC,oBAAoB;IACxBC,OAAO,WAAW,GAAEC,OAAMC,aAAa,CAACC,+CAAuB,EAAE,IAAI;IACrEC,QAAQ,WAAW,GAAEH,OAAMC,aAAa,CAACG,+CAAuB,EAAE,IAAI;IACtEC,OAAO,WAAW,GAAEL,OAAMC,aAAa,CAACK,+CAAuB,EAAE,IAAI;AACvE;AACA,MAAMC,iBAAiB;IACrBR,OAAO;IACPI,QAAQ;IACRE,OAAO;AACT;AAUO,MAAMR,yBAAyB,CAACW,OAAOC,MAAQ;IACpD,MAAM,EACJC,MAAO,SAAQ,EAChB,GAAGF;IACJ,MAAMG,QAAQ;QACZD;QACAE,YAAY;YACVC,MAAM;YACNC,SAASC,qBAAO;YAChBC,SAASC,4BAAc;QACzB;QACAJ,MAAMK,IAAAA,qCAAqB,EAAC,UAAU;YACpCC,UAAUrB,iBAAiB,CAACY,KAAK;YACjCU,MAAM;YACN,cAAc;YACd,GAAGZ,KAAK;YACRC;QACF;QACAK,SAASO,IAAAA,gCAAgB,EAACb,MAAMM,OAAO,EAAE;YACvCQ,UAAU,IAAI;YACdC,cAAc;gBACZC,aAAa;gBACbd,MAAMH,cAAc,CAACG,KAAK;gBAC1Be,WAAW,IAAI;YACjB;QACF;QACAT,SAASK,IAAAA,gCAAgB,EAACb,MAAMQ,OAAO,EAAE;YACvCM,UAAU,IAAI;YACdC,cAAc;gBACZG,MAAM;gBACNC,UAAU,CAAC;YACb;QACF;IACF;IACA,MAAM,CAACC,aAAaC,eAAe,GAAGC,IAAAA,oCAAoB,EAAC;QACzDnB,OAAOA,MAAMG,OAAO,CAACiB,IAAI;QACzBC,cAAcrB,MAAMG,OAAO,CAACmB,WAAW;QACvCC,cAAc,KAAK;IACrB;IACAvB,MAAMG,OAAO,CAACiB,IAAI,GAAGH;IACrBjB,MAAMG,OAAO,CAACqB,YAAY,GAAGC,IAAAA,8BAAc,EAACzB,MAAMG,OAAO,CAACqB,YAAY,EAAE,CAACE,GAAGC,OAAST,eAAeS,KAAKP,IAAI;IAC7G,OAAOpB;AACT,GACA,yCAAyC"}