@fluentui/react-infobutton 9.0.0-beta.98 → 9.0.1-0
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.md +272 -8
- package/dist/index.d.cts +175 -0
- package/dist/index.d.ts +9 -7
- package/lib/InfoButton.js +1 -1
- package/lib/InfoButton.js.map +1 -1
- package/lib/InfoLabel.js +1 -1
- package/lib/InfoLabel.js.map +1 -1
- package/lib/components/InfoButton/DefaultInfoButtonIcons.js +1 -1
- package/lib/components/InfoButton/DefaultInfoButtonIcons.js.map +1 -1
- package/lib/components/InfoButton/InfoButton.js +5 -4
- package/lib/components/InfoButton/InfoButton.js.map +1 -1
- package/lib/components/InfoButton/InfoButton.types.js +5 -1
- package/lib/components/InfoButton/InfoButton.types.js.map +1 -1
- package/lib/components/InfoButton/index.js +4 -5
- package/lib/components/InfoButton/index.js.map +1 -1
- package/lib/components/InfoButton/renderInfoButton.js +3 -3
- package/lib/components/InfoButton/renderInfoButton.js.map +1 -1
- package/lib/components/InfoButton/useInfoButton.js +9 -8
- package/lib/components/InfoButton/useInfoButton.js.map +1 -1
- package/lib/components/InfoButton/useInfoButtonStyles.styles.js +55 -42
- package/lib/components/InfoButton/useInfoButtonStyles.styles.js.map +1 -1
- package/lib/components/InfoButton/useInfoButtonStyles.styles.raw.js +100 -0
- package/lib/components/InfoButton/useInfoButtonStyles.styles.raw.js.map +1 -0
- package/lib/components/InfoLabel/InfoLabel.js +5 -4
- package/lib/components/InfoLabel/InfoLabel.js.map +1 -1
- package/lib/components/InfoLabel/InfoLabel.types.js +5 -1
- package/lib/components/InfoLabel/InfoLabel.types.js.map +1 -1
- package/lib/components/InfoLabel/index.js +4 -5
- package/lib/components/InfoLabel/index.js.map +1 -1
- package/lib/components/InfoLabel/renderInfoLabel.js +2 -2
- package/lib/components/InfoLabel/renderInfoLabel.js.map +1 -1
- package/lib/components/InfoLabel/useInfoLabel.js +5 -4
- package/lib/components/InfoLabel/useInfoLabel.js.map +1 -1
- package/lib/components/InfoLabel/useInfoLabelStyles.styles.js +8 -4
- package/lib/components/InfoLabel/useInfoLabelStyles.styles.js.map +1 -1
- package/lib/components/InfoLabel/useInfoLabelStyles.styles.raw.js +47 -0
- package/lib/components/InfoLabel/useInfoLabelStyles.styles.raw.js.map +1 -0
- package/lib/index.js +2 -2
- package/lib/index.js.map +1 -1
- package/lib-commonjs/InfoButton.cjs +28 -0
- package/lib-commonjs/InfoButton.cjs.map +1 -0
- package/lib-commonjs/InfoLabel.cjs +28 -0
- package/lib-commonjs/InfoLabel.cjs.map +1 -0
- package/lib-commonjs/components/InfoButton/DefaultInfoButtonIcons.cjs.map +1 -0
- package/lib-commonjs/components/InfoButton/{InfoButton.js → InfoButton.cjs} +5 -4
- package/lib-commonjs/components/InfoButton/InfoButton.cjs.map +1 -0
- package/lib-commonjs/components/InfoButton/InfoButton.types.cjs +8 -0
- package/lib-commonjs/components/InfoButton/InfoButton.types.cjs.map +1 -0
- package/lib-commonjs/components/InfoButton/index.cjs +31 -0
- package/lib-commonjs/components/InfoButton/index.cjs.map +1 -0
- package/lib-commonjs/components/InfoButton/{renderInfoButton.js → renderInfoButton.cjs} +1 -1
- package/lib-commonjs/components/InfoButton/renderInfoButton.cjs.map +1 -0
- package/lib-commonjs/components/InfoButton/{useInfoButton.js → useInfoButton.cjs} +7 -6
- package/lib-commonjs/components/InfoButton/useInfoButton.cjs.map +1 -0
- package/lib-commonjs/components/InfoButton/{useInfoButtonStyles.styles.js → useInfoButtonStyles.styles.cjs} +62 -87
- package/lib-commonjs/components/InfoButton/useInfoButtonStyles.styles.cjs.map +1 -0
- package/lib-commonjs/components/InfoButton/useInfoButtonStyles.styles.raw.cjs +114 -0
- package/lib-commonjs/components/InfoButton/useInfoButtonStyles.styles.raw.cjs.map +1 -0
- package/lib-commonjs/components/InfoLabel/{InfoLabel.js → InfoLabel.cjs} +5 -4
- package/lib-commonjs/components/InfoLabel/InfoLabel.cjs.map +1 -0
- package/lib-commonjs/components/InfoLabel/InfoLabel.types.cjs +8 -0
- package/lib-commonjs/components/InfoLabel/InfoLabel.types.cjs.map +1 -0
- package/lib-commonjs/components/InfoLabel/index.cjs +31 -0
- package/lib-commonjs/components/InfoLabel/index.cjs.map +1 -0
- package/lib-commonjs/components/InfoLabel/{renderInfoLabel.js → renderInfoLabel.cjs} +1 -1
- package/lib-commonjs/components/InfoLabel/renderInfoLabel.cjs.map +1 -0
- package/lib-commonjs/components/InfoLabel/{useInfoLabel.js → useInfoLabel.cjs} +3 -2
- package/lib-commonjs/components/InfoLabel/useInfoLabel.cjs.map +1 -0
- package/lib-commonjs/components/InfoLabel/{useInfoLabelStyles.styles.js → useInfoLabelStyles.styles.cjs} +6 -2
- package/lib-commonjs/components/InfoLabel/useInfoLabelStyles.styles.cjs.map +1 -0
- package/lib-commonjs/components/InfoLabel/useInfoLabelStyles.styles.raw.cjs +59 -0
- package/lib-commonjs/components/InfoLabel/useInfoLabelStyles.styles.raw.cjs.map +1 -0
- package/lib-commonjs/{index.js → index.cjs} +12 -12
- package/lib-commonjs/index.cjs.map +1 -0
- package/package.json +25 -42
- package/lib-commonjs/InfoButton.js +0 -6
- package/lib-commonjs/InfoButton.js.map +0 -1
- package/lib-commonjs/InfoLabel.js +0 -6
- package/lib-commonjs/InfoLabel.js.map +0 -1
- package/lib-commonjs/components/InfoButton/DefaultInfoButtonIcons.js.map +0 -1
- package/lib-commonjs/components/InfoButton/InfoButton.js.map +0 -1
- package/lib-commonjs/components/InfoButton/InfoButton.types.js +0 -4
- package/lib-commonjs/components/InfoButton/InfoButton.types.js.map +0 -1
- package/lib-commonjs/components/InfoButton/index.js +0 -10
- package/lib-commonjs/components/InfoButton/index.js.map +0 -1
- package/lib-commonjs/components/InfoButton/renderInfoButton.js.map +0 -1
- package/lib-commonjs/components/InfoButton/useInfoButton.js.map +0 -1
- package/lib-commonjs/components/InfoButton/useInfoButtonStyles.styles.js.map +0 -1
- package/lib-commonjs/components/InfoLabel/InfoLabel.js.map +0 -1
- package/lib-commonjs/components/InfoLabel/InfoLabel.types.js +0 -4
- package/lib-commonjs/components/InfoLabel/InfoLabel.types.js.map +0 -1
- package/lib-commonjs/components/InfoLabel/index.js +0 -10
- package/lib-commonjs/components/InfoLabel/index.js.map +0 -1
- package/lib-commonjs/components/InfoLabel/renderInfoLabel.js.map +0 -1
- package/lib-commonjs/components/InfoLabel/useInfoLabel.js.map +0 -1
- package/lib-commonjs/components/InfoLabel/useInfoLabelStyles.styles.js.map +0 -1
- package/lib-commonjs/index.js.map +0 -1
- /package/lib-commonjs/components/InfoButton/{DefaultInfoButtonIcons.js → DefaultInfoButtonIcons.cjs} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["tokens","__styles","mergeClasses","infoLabelClassNames","root","label","infoButton","useLabelStyles","base","ha4doy","Bceei9c","sj55zd","d","useInfoButtonStyles","B6of3ja","jrapky","large","useInfoLabelStyles_unstable","state","className","labelStyles","infoButtonStyles","size"],"sources":["useInfoLabelStyles.styles.js"],"sourcesContent":["/* eslint-disable
|
|
1
|
+
{"version":3,"names":["tokens","__styles","mergeClasses","infoLabelClassNames","root","label","infoButton","useLabelStyles","base","ha4doy","Bceei9c","sj55zd","d","useInfoButtonStyles","B6of3ja","jrapky","large","useInfoLabelStyles_unstable","state","className","labelStyles","infoButtonStyles","size"],"sources":["useInfoLabelStyles.styles.js"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-deprecated */ 'use client';\nimport { tokens } from \"@fluentui/react-theme\";\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\n/**\n * @deprecated use {@link @fluentui/react-components#InfoLabel} from `\\@fluentui/react-components` or `\\@fluentui/react-infolabel` instead\n */ export const infoLabelClassNames = {\n root: 'fui-InfoLabel',\n label: 'fui-InfoLabel__label',\n infoButton: 'fui-InfoLabel__infoButton'\n};\nconst useLabelStyles = makeStyles({\n base: {\n verticalAlign: 'top',\n cursor: 'inherit',\n color: 'inherit'\n }\n});\nconst useInfoButtonStyles = makeStyles({\n base: {\n verticalAlign: 'top',\n // Negative margin to align with the text\n marginTop: `calc(0px - ${tokens.spacingVerticalXXS})`,\n marginBottom: `calc(0px - ${tokens.spacingVerticalXXS})`\n },\n large: {\n // Negative margin to align with the text\n marginTop: '-1px',\n marginBottom: '-1px'\n }\n});\n/**\n * Apply styling to the InfoLabel slots based on the state\n *\n * @deprecated use {@link @fluentui/react-components#InfoLabel} from `\\@fluentui/react-components` or `\\@fluentui/react-infolabel` instead\n */ export const useInfoLabelStyles_unstable = (state)=>{\n // eslint-disable-next-line react-hooks/immutability -- deprecated component, not worth refactoring\n state.root.className = mergeClasses(infoLabelClassNames.root, state.root.className);\n const labelStyles = useLabelStyles();\n // eslint-disable-next-line react-hooks/immutability -- deprecated component, not worth refactoring\n state.label.className = mergeClasses(infoLabelClassNames.label, labelStyles.base, state.label.className);\n const infoButtonStyles = useInfoButtonStyles();\n if (state.infoButton) {\n // eslint-disable-next-line react-hooks/immutability -- deprecated component, not worth refactoring\n state.infoButton.className = mergeClasses(infoLabelClassNames.infoButton, infoButtonStyles.base, state.size === 'large' && infoButtonStyles.large, state.infoButton.className);\n }\n return state;\n};\n"],"mappings":"AAAA,qDAAsD,YAAY;;AAClE,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,SAAAC,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD;AACA;AACA;AAAI,OAAO,MAAMC,mBAAmB,GAAG;EACnCC,IAAI,EAAE,eAAe;EACrBC,KAAK,EAAE,sBAAsB;EAC7BC,UAAU,EAAE;AAChB,CAAC;AACD,MAAMC,cAAc,gBAAGN,QAAA;EAAAO,IAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAMtB,CAAC;AACF,MAAMC,mBAAmB,gBAAGZ,QAAA;EAAAO,IAAA;IAAAC,MAAA;IAAAK,OAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAF,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAH,CAAA;AAAA,CAY3B,CAAC;AACF;AACA;AACA;AACA;AACA;AAAI,OAAO,MAAMK,2BAA2B,GAAIC,KAAK,IAAG;EACpD;EACAA,KAAK,CAACd,IAAI,CAACe,SAAS,GAAGjB,YAAY,CAACC,mBAAmB,CAACC,IAAI,EAAEc,KAAK,CAACd,IAAI,CAACe,SAAS,CAAC;EACnF,MAAMC,WAAW,GAAGb,cAAc,CAAC,CAAC;EACpC;EACAW,KAAK,CAACb,KAAK,CAACc,SAAS,GAAGjB,YAAY,CAACC,mBAAmB,CAACE,KAAK,EAAEe,WAAW,CAACZ,IAAI,EAAEU,KAAK,CAACb,KAAK,CAACc,SAAS,CAAC;EACxG,MAAME,gBAAgB,GAAGR,mBAAmB,CAAC,CAAC;EAC9C,IAAIK,KAAK,CAACZ,UAAU,EAAE;IAClB;IACAY,KAAK,CAACZ,UAAU,CAACa,SAAS,GAAGjB,YAAY,CAACC,mBAAmB,CAACG,UAAU,EAAEe,gBAAgB,CAACb,IAAI,EAAEU,KAAK,CAACI,IAAI,KAAK,OAAO,IAAID,gBAAgB,CAACL,KAAK,EAAEE,KAAK,CAACZ,UAAU,CAACa,SAAS,CAAC;EAClL;EACA,OAAOD,KAAK;AAChB,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
/* eslint-disable @typescript-eslint/no-deprecated */ 'use client';
|
|
2
|
+
import { tokens } from "@fluentui/react-theme";
|
|
3
|
+
import { makeStyles, mergeClasses } from "@griffel/react";
|
|
4
|
+
/**
|
|
5
|
+
* @deprecated use {@link @fluentui/react-components#InfoLabel} from `\@fluentui/react-components` or `\@fluentui/react-infolabel` instead
|
|
6
|
+
*/ export const infoLabelClassNames = {
|
|
7
|
+
root: 'fui-InfoLabel',
|
|
8
|
+
label: 'fui-InfoLabel__label',
|
|
9
|
+
infoButton: 'fui-InfoLabel__infoButton'
|
|
10
|
+
};
|
|
11
|
+
const useLabelStyles = makeStyles({
|
|
12
|
+
base: {
|
|
13
|
+
verticalAlign: 'top',
|
|
14
|
+
cursor: 'inherit',
|
|
15
|
+
color: 'inherit'
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
const useInfoButtonStyles = makeStyles({
|
|
19
|
+
base: {
|
|
20
|
+
verticalAlign: 'top',
|
|
21
|
+
// Negative margin to align with the text
|
|
22
|
+
marginTop: `calc(0px - ${tokens.spacingVerticalXXS})`,
|
|
23
|
+
marginBottom: `calc(0px - ${tokens.spacingVerticalXXS})`
|
|
24
|
+
},
|
|
25
|
+
large: {
|
|
26
|
+
// Negative margin to align with the text
|
|
27
|
+
marginTop: '-1px',
|
|
28
|
+
marginBottom: '-1px'
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
/**
|
|
32
|
+
* Apply styling to the InfoLabel slots based on the state
|
|
33
|
+
*
|
|
34
|
+
* @deprecated use {@link @fluentui/react-components#InfoLabel} from `\@fluentui/react-components` or `\@fluentui/react-infolabel` instead
|
|
35
|
+
*/ export const useInfoLabelStyles_unstable = (state)=>{
|
|
36
|
+
// eslint-disable-next-line react-hooks/immutability -- deprecated component, not worth refactoring
|
|
37
|
+
state.root.className = mergeClasses(infoLabelClassNames.root, state.root.className);
|
|
38
|
+
const labelStyles = useLabelStyles();
|
|
39
|
+
// eslint-disable-next-line react-hooks/immutability -- deprecated component, not worth refactoring
|
|
40
|
+
state.label.className = mergeClasses(infoLabelClassNames.label, labelStyles.base, state.label.className);
|
|
41
|
+
const infoButtonStyles = useInfoButtonStyles();
|
|
42
|
+
if (state.infoButton) {
|
|
43
|
+
// eslint-disable-next-line react-hooks/immutability -- deprecated component, not worth refactoring
|
|
44
|
+
state.infoButton.className = mergeClasses(infoLabelClassNames.infoButton, infoButtonStyles.base, state.size === 'large' && infoButtonStyles.large, state.infoButton.className);
|
|
45
|
+
}
|
|
46
|
+
return state;
|
|
47
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/InfoLabel/useInfoLabelStyles.styles.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-deprecated */\n\n'use client';\n\nimport { tokens } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { InfoLabelSlots, InfoLabelState } from './InfoLabel.types';\n\n/**\n * @deprecated use {@link @fluentui/react-components#InfoLabel} from `\\@fluentui/react-components` or `\\@fluentui/react-infolabel` instead\n */\nexport const infoLabelClassNames: SlotClassNames<InfoLabelSlots> = {\n root: 'fui-InfoLabel',\n label: 'fui-InfoLabel__label',\n infoButton: 'fui-InfoLabel__infoButton',\n};\n\nconst useLabelStyles = makeStyles({\n base: {\n verticalAlign: 'top',\n cursor: 'inherit',\n color: 'inherit',\n },\n});\n\nconst useInfoButtonStyles = makeStyles({\n base: {\n verticalAlign: 'top',\n\n // Negative margin to align with the text\n marginTop: `calc(0px - ${tokens.spacingVerticalXXS})`,\n marginBottom: `calc(0px - ${tokens.spacingVerticalXXS})`,\n },\n\n large: {\n // Negative margin to align with the text\n marginTop: '-1px',\n marginBottom: '-1px',\n },\n});\n\n/**\n * Apply styling to the InfoLabel slots based on the state\n *\n * @deprecated use {@link @fluentui/react-components#InfoLabel} from `\\@fluentui/react-components` or `\\@fluentui/react-infolabel` instead\n */\nexport const useInfoLabelStyles_unstable = (state: InfoLabelState): InfoLabelState => {\n // eslint-disable-next-line react-hooks/immutability -- deprecated component, not worth refactoring\n state.root.className = mergeClasses(infoLabelClassNames.root, state.root.className);\n\n const labelStyles = useLabelStyles();\n // eslint-disable-next-line react-hooks/immutability -- deprecated component, not worth refactoring\n state.label.className = mergeClasses(infoLabelClassNames.label, labelStyles.base, state.label.className);\n\n const infoButtonStyles = useInfoButtonStyles();\n if (state.infoButton) {\n // eslint-disable-next-line react-hooks/immutability -- deprecated component, not worth refactoring\n state.infoButton.className = mergeClasses(\n infoLabelClassNames.infoButton,\n infoButtonStyles.base,\n state.size === 'large' && infoButtonStyles.large,\n state.infoButton.className,\n );\n }\n\n return state;\n};\n"],"names":["tokens","makeStyles","mergeClasses","infoLabelClassNames","root","label","infoButton","useLabelStyles","base","verticalAlign","cursor","color","useInfoButtonStyles","marginTop","spacingVerticalXXS","marginBottom","large","useInfoLabelStyles_unstable","state","className","labelStyles","infoButtonStyles","size"],"mappings":"AAAA,mDAAmD,GAEnD;AAEA,SAASA,MAAM,QAAQ,wBAAwB;AAE/C,SAASC,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAG1D;;CAEC,GACD,OAAO,MAAMC,sBAAsD;IACjEC,MAAM;IACNC,OAAO;IACPC,YAAY;AACd,EAAE;AAEF,MAAMC,iBAAiBN,WAAW;IAChCO,MAAM;QACJC,eAAe;QACfC,QAAQ;QACRC,OAAO;IACT;AACF;AAEA,MAAMC,sBAAsBX,WAAW;IACrCO,MAAM;QACJC,eAAe;QAEf,yCAAyC;QACzCI,WAAW,CAAC,WAAW,EAAEb,OAAOc,kBAAkB,CAAC,CAAC,CAAC;QACrDC,cAAc,CAAC,WAAW,EAAEf,OAAOc,kBAAkB,CAAC,CAAC,CAAC;IAC1D;IAEAE,OAAO;QACL,yCAAyC;QACzCH,WAAW;QACXE,cAAc;IAChB;AACF;AAEA;;;;CAIC,GACD,OAAO,MAAME,8BAA8B,CAACC;IAC1C,mGAAmG;IACnGA,MAAMd,IAAI,CAACe,SAAS,GAAGjB,aAAaC,oBAAoBC,IAAI,EAAEc,MAAMd,IAAI,CAACe,SAAS;IAElF,MAAMC,cAAcb;IACpB,mGAAmG;IACnGW,MAAMb,KAAK,CAACc,SAAS,GAAGjB,aAAaC,oBAAoBE,KAAK,EAAEe,YAAYZ,IAAI,EAAEU,MAAMb,KAAK,CAACc,SAAS;IAEvG,MAAME,mBAAmBT;IACzB,IAAIM,MAAMZ,UAAU,EAAE;QACpB,mGAAmG;QACnGY,MAAMZ,UAAU,CAACa,SAAS,GAAGjB,aAC3BC,oBAAoBG,UAAU,EAC9Be,iBAAiBb,IAAI,EACrBU,MAAMI,IAAI,KAAK,WAAWD,iBAAiBL,KAAK,EAChDE,MAAMZ,UAAU,CAACa,SAAS;IAE9B;IAEA,OAAOD;AACT,EAAE"}
|
package/lib/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* eslint-disable
|
|
2
|
-
export { InfoLabel, infoLabelClassNames, renderInfoLabel_unstable, useInfoLabelStyles_unstable, useInfoLabel_unstable } from
|
|
1
|
+
/* eslint-disable @typescript-eslint/no-deprecated */ export { InfoButton, infoButtonClassNames, renderInfoButton_unstable, useInfoButtonStyles_unstable, useInfoButton_unstable } from "./InfoButton.js";
|
|
2
|
+
export { InfoLabel, infoLabelClassNames, renderInfoLabel_unstable, useInfoLabelStyles_unstable, useInfoLabel_unstable } from "./InfoLabel.js";
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.ts"],"sourcesContent":["/* eslint-disable
|
|
1
|
+
{"version":3,"sources":["../src/index.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-deprecated */\nexport {\n InfoButton,\n infoButtonClassNames,\n renderInfoButton_unstable,\n useInfoButtonStyles_unstable,\n useInfoButton_unstable,\n} from './InfoButton';\nexport type { InfoButtonProps, InfoButtonSlots, InfoButtonState } from './InfoButton';\nexport {\n InfoLabel,\n infoLabelClassNames,\n renderInfoLabel_unstable,\n useInfoLabelStyles_unstable,\n useInfoLabel_unstable,\n} from './InfoLabel';\nexport type { InfoLabelProps, InfoLabelSlots, InfoLabelState } from './InfoLabel';\n"],"names":["InfoButton","infoButtonClassNames","renderInfoButton_unstable","useInfoButtonStyles_unstable","useInfoButton_unstable","InfoLabel","infoLabelClassNames","renderInfoLabel_unstable","useInfoLabelStyles_unstable","useInfoLabel_unstable"],"mappings":"AAAA,mDAAmD,GACnD,SACEA,UAAU,EACVC,oBAAoB,EACpBC,yBAAyB,EACzBC,4BAA4B,EAC5BC,sBAAsB,QACjB,kBAAe;AAEtB,SACEC,SAAS,EACTC,mBAAmB,EACnBC,wBAAwB,EACxBC,2BAA2B,EAC3BC,qBAAqB,QAChB,iBAAc"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/* eslint-disable @typescript-eslint/no-deprecated */ "use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
InfoButton: function() {
|
|
13
|
+
return _index.InfoButton;
|
|
14
|
+
},
|
|
15
|
+
infoButtonClassNames: function() {
|
|
16
|
+
return _index.infoButtonClassNames;
|
|
17
|
+
},
|
|
18
|
+
renderInfoButton_unstable: function() {
|
|
19
|
+
return _index.renderInfoButton_unstable;
|
|
20
|
+
},
|
|
21
|
+
useInfoButtonStyles_unstable: function() {
|
|
22
|
+
return _index.useInfoButtonStyles_unstable;
|
|
23
|
+
},
|
|
24
|
+
useInfoButton_unstable: function() {
|
|
25
|
+
return _index.useInfoButton_unstable;
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
const _index = require("./components/InfoButton/index.cjs");
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/InfoButton.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-deprecated */\nexport type { InfoButtonProps, InfoButtonSlots, InfoButtonState } from './components/InfoButton/index';\nexport {\n InfoButton,\n infoButtonClassNames,\n renderInfoButton_unstable,\n useInfoButtonStyles_unstable,\n useInfoButton_unstable,\n} from './components/InfoButton/index';\n"],"names":["InfoButton","infoButtonClassNames","renderInfoButton_unstable","useInfoButtonStyles_unstable","useInfoButton_unstable"],"mappings":"AAAA,mDAAmD,GAEnD;;;;;;;;;;;;eACEA,iBAAU;;;eACVC,2BAAoB;;;eACpBC,gCAAyB;;;eACzBC,mCAA4B;;;eAC5BC,6BAAsB;;;uBACjB,mCAAgC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/* eslint-disable @typescript-eslint/no-deprecated */ "use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
InfoLabel: function() {
|
|
13
|
+
return _index.InfoLabel;
|
|
14
|
+
},
|
|
15
|
+
infoLabelClassNames: function() {
|
|
16
|
+
return _index.infoLabelClassNames;
|
|
17
|
+
},
|
|
18
|
+
renderInfoLabel_unstable: function() {
|
|
19
|
+
return _index.renderInfoLabel_unstable;
|
|
20
|
+
},
|
|
21
|
+
useInfoLabelStyles_unstable: function() {
|
|
22
|
+
return _index.useInfoLabelStyles_unstable;
|
|
23
|
+
},
|
|
24
|
+
useInfoLabel_unstable: function() {
|
|
25
|
+
return _index.useInfoLabel_unstable;
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
const _index = require("./components/InfoLabel/index.cjs");
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/InfoLabel.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-deprecated */\nexport type { InfoLabelProps, InfoLabelSlots, InfoLabelState } from './components/InfoLabel/index';\nexport {\n InfoLabel,\n infoLabelClassNames,\n renderInfoLabel_unstable,\n useInfoLabelStyles_unstable,\n useInfoLabel_unstable,\n} from './components/InfoLabel/index';\n"],"names":["InfoLabel","infoLabelClassNames","renderInfoLabel_unstable","useInfoLabelStyles_unstable","useInfoLabel_unstable"],"mappings":"AAAA,mDAAmD,GAEnD;;;;;;;;;;;;eACEA,gBAAS;;;eACTC,0BAAmB;;;eACnBC,+BAAwB;;;eACxBC,kCAA2B;;;eAC3BC,4BAAqB;;;uBAChB,kCAA+B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/InfoButton/DefaultInfoButtonIcons.tsx"],"sourcesContent":["import {\n Info12Regular,\n Info12Filled,\n Info16Regular,\n Info16Filled,\n Info20Regular,\n Info20Filled,\n bundleIcon,\n} from '@fluentui/react-icons';\n\nexport const DefaultInfoButtonIcon12 = bundleIcon(Info12Filled, Info12Regular);\nexport const DefaultInfoButtonIcon16 = bundleIcon(Info16Filled, Info16Regular);\nexport const DefaultInfoButtonIcon20 = bundleIcon(Info20Filled, Info20Regular);\n"],"names":["Info12Regular","Info12Filled","Info16Regular","Info16Filled","Info20Regular","Info20Filled","bundleIcon","DefaultInfoButtonIcon12","DefaultInfoButtonIcon16","DefaultInfoButtonIcon20"],"mappings":";;;;;;;;;;;IAUaO,uBAAAA;;;2BACAC;;;2BACAC;;;;4BAJN,wBAAwB;AAExB,oCAAgCH,sBAAAA,EAAWL,wBAAAA,EAAcD,yBAAAA,EAAe;AACxE,MAAMQ,8BAA0BF,sBAAAA,EAAWH,wBAAAA,EAAcD,yBAAAA,EAAe;AACxE,MAAMO,8BAA0BH,sBAAAA,EAAWD,wBAAAA,EAAcD,yBAAAA,EAAe"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
/* eslint-disable
|
|
1
|
+
/* eslint-disable @typescript-eslint/no-deprecated */ 'use client';
|
|
2
|
+
"use strict";
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
4
|
value: true
|
|
4
5
|
});
|
|
@@ -10,9 +11,9 @@ Object.defineProperty(exports, "InfoButton", {
|
|
|
10
11
|
});
|
|
11
12
|
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
13
|
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
13
|
-
const _renderInfoButton = require("./renderInfoButton");
|
|
14
|
-
const _useInfoButton = require("./useInfoButton");
|
|
15
|
-
const _useInfoButtonStylesstyles = require("./useInfoButtonStyles.styles");
|
|
14
|
+
const _renderInfoButton = require("./renderInfoButton.cjs");
|
|
15
|
+
const _useInfoButton = require("./useInfoButton.cjs");
|
|
16
|
+
const _useInfoButtonStylesstyles = require("./useInfoButtonStyles.styles.cjs");
|
|
16
17
|
const InfoButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
17
18
|
const state = (0, _useInfoButton.useInfoButton_unstable)(props, ref);
|
|
18
19
|
(0, _useInfoButtonStylesstyles.useInfoButtonStyles_unstable)(state);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/InfoButton/InfoButton.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-deprecated */\n\n'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { renderInfoButton_unstable } from './renderInfoButton';\nimport { useInfoButton_unstable } from './useInfoButton';\nimport { useInfoButtonStyles_unstable } from './useInfoButtonStyles.styles';\nimport type { InfoButtonProps } from './InfoButton.types';\n\n/**\n * InfoButtons provide a way to display additional information about a form field or an area in the UI.\n *\n * @deprecated use {@link @fluentui/react-components#InfoLabel} from `\\@fluentui/react-components` or `\\@fluentui/react-infolabel` instead\n */\nexport const InfoButton: ForwardRefComponent<InfoButtonProps> = React.forwardRef((props, ref) => {\n const state = useInfoButton_unstable(props, ref);\n\n useInfoButtonStyles_unstable(state);\n return renderInfoButton_unstable(state);\n});\n\nInfoButton.displayName = 'InfoButton';\n"],"names":["React","renderInfoButton_unstable","useInfoButton_unstable","useInfoButtonStyles_unstable","InfoButton","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,mDAAmD,GAEnD;;;;;;;;;;;;iEAEuB,QAAQ;kCAEW,wBAAqB;+BACxB,qBAAkB;2CACZ,kCAA+B;AAQrE,MAAMI,aAAAA,WAAAA,GAAmDJ,OAAMK,UAAU,CAAC,CAACC,OAAOC;IACvF,MAAMC,YAAQN,qCAAAA,EAAuBI,OAAOC;QAE5CJ,uDAAAA,EAA6BK;IAC7B,WAAOP,2CAAAA,EAA0BO;AACnC,GAAG;AAEHJ,WAAWK,WAAW,GAAG"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/* eslint-disable @typescript-eslint/no-deprecated */ /**
|
|
2
|
+
* State used in rendering InfoButton
|
|
3
|
+
*
|
|
4
|
+
* @deprecated use {@link @fluentui/react-components#InfoLabel} from `\@fluentui/react-components` or `\@fluentui/react-infolabel` instead
|
|
5
|
+
*/ "use strict";
|
|
6
|
+
Object.defineProperty(exports, "__esModule", {
|
|
7
|
+
value: true
|
|
8
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/InfoButton/InfoButton.types.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-deprecated */\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { PopoverProps, PopoverSurface } from '@fluentui/react-popover';\n\n/**\n * @deprecated use {@link @fluentui/react-components#InfoLabel} from `\\@fluentui/react-components` or `\\@fluentui/react-infolabel` instead\n */\nexport type InfoButtonSlots = {\n root: NonNullable<Slot<'button'>>;\n\n /**\n * The Popover element that wraps the info and root slots. Use this slot to pass props to the Popover.\n */\n popover: NonNullable<Slot<Partial<Omit<PopoverProps, 'openOnHover'>>>>;\n\n /**\n * The information to be displayed in the PopoverSurface when the button is pressed.\n */\n info: NonNullable<Slot<typeof PopoverSurface>>;\n};\n\n/**\n * InfoButton Props\n *\n * @deprecated use {@link @fluentui/react-components#InfoLabel} from `\\@fluentui/react-components` or `\\@fluentui/react-infolabel` instead\n */\nexport type InfoButtonProps = Omit<ComponentProps<Partial<InfoButtonSlots>>, 'disabled' | 'popover'> & {\n /**\n * Size of the InfoButton.\n *\n * @default medium\n */\n size?: 'small' | 'medium' | 'large';\n\n /**\n * Whether the InfoButton should be rendered inline or on a Portal.\n *\n * @default true\n */\n inline?: boolean;\n\n /**\n * The Popover element that wraps the info and root slots. Use this slot to pass props to the Popover.\n */\n popover?: InfoButtonSlots['popover'];\n};\n\n/**\n * State used in rendering InfoButton\n *\n * @deprecated use {@link @fluentui/react-components#InfoLabel} from `\\@fluentui/react-components` or `\\@fluentui/react-infolabel` instead\n */\nexport type InfoButtonState = ComponentState<InfoButtonSlots> & Required<Pick<InfoButtonProps, 'inline' | 'size'>>;\n"],"names":[],"mappings":"AAAA,mDAAmD,GA+CnD;;;;CAIC,GACD,WAAmH"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
/* eslint-disable @typescript-eslint/no-deprecated */ "use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
InfoButton: function() {
|
|
13
|
+
return _InfoButton.InfoButton;
|
|
14
|
+
},
|
|
15
|
+
infoButtonClassNames: function() {
|
|
16
|
+
return _useInfoButtonStylesstyles.infoButtonClassNames;
|
|
17
|
+
},
|
|
18
|
+
renderInfoButton_unstable: function() {
|
|
19
|
+
return _renderInfoButton.renderInfoButton_unstable;
|
|
20
|
+
},
|
|
21
|
+
useInfoButtonStyles_unstable: function() {
|
|
22
|
+
return _useInfoButtonStylesstyles.useInfoButtonStyles_unstable;
|
|
23
|
+
},
|
|
24
|
+
useInfoButton_unstable: function() {
|
|
25
|
+
return _useInfoButton.useInfoButton_unstable;
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
const _InfoButton = require("./InfoButton.cjs");
|
|
29
|
+
const _renderInfoButton = require("./renderInfoButton.cjs");
|
|
30
|
+
const _useInfoButton = require("./useInfoButton.cjs");
|
|
31
|
+
const _useInfoButtonStylesstyles = require("./useInfoButtonStyles.styles.cjs");
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/InfoButton/index.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-deprecated */\nexport { InfoButton } from './InfoButton';\nexport type { InfoButtonProps, InfoButtonSlots, InfoButtonState } from './InfoButton.types';\nexport { renderInfoButton_unstable } from './renderInfoButton';\nexport { useInfoButton_unstable } from './useInfoButton';\nexport { infoButtonClassNames, useInfoButtonStyles_unstable } from './useInfoButtonStyles.styles';\n"],"names":["InfoButton","renderInfoButton_unstable","useInfoButton_unstable","infoButtonClassNames","useInfoButtonStyles_unstable"],"mappings":"AAAA,mDAAmD,GACnD;;;;;;;;;;;;eAASA,sBAAU;;;eAIVG,+CAAoB;;;eAFpBF,2CAAyB;;;eAEHG,uDAA4B;;;eADlDF,qCAAsB;;;4BAHJ,kBAAe;kCAEA,wBAAqB;+BACxB,qBAAkB;2CACU,kCAA+B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/InfoButton/renderInfoButton.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-deprecated */\n/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport type * as React from 'react';\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { PopoverTrigger } from '@fluentui/react-popover';\nimport type { InfoButtonState, InfoButtonSlots } from './InfoButton.types';\n\n/**\n * Render the final JSX of InfoButton\n *\n * @deprecated use {@link @fluentui/react-components#InfoLabel} from `\\@fluentui/react-components` or `\\@fluentui/react-infolabel` instead\n */\nexport const renderInfoButton_unstable = (state: InfoButtonState): React.ReactElement => {\n assertSlots<InfoButtonSlots>(state);\n\n return (\n <state.popover>\n <PopoverTrigger>\n <state.root />\n </PopoverTrigger>\n <state.info />\n </state.popover>\n );\n};\n"],"names":["assertSlots","PopoverTrigger","renderInfoButton_unstable","state","popover","root","info"],"mappings":"AAAA,mDAAmD,GACnD,0BAA0B,GAC1B;;;;;;;;;;4BAAA,iCAAiD;gCAGrB,4BAA4B;8BACzB,0BAA0B;AAQlD,MAAME,4BAA4B,CAACC;QACxCH,2BAAAA,EAA6BG;IAE7B,OAAA,WAAA,OACE,gBAAA,EAACA,MAAMC,OAAO,EAAA;;8BACZ,eAAA,EAACH,4BAAAA,EAAAA;0BACC,WAAA,OAAA,eAAA,EAACE,MAAME,IAAI,EAAA,CAAA;;8BAEb,eAAA,EAACF,MAAMG,IAAI,EAAA,CAAA;;;AAGjB,EAAE"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
/* eslint-disable
|
|
1
|
+
/* eslint-disable @typescript-eslint/no-deprecated */ 'use client';
|
|
2
|
+
"use strict";
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
4
|
value: true
|
|
4
5
|
});
|
|
@@ -10,7 +11,7 @@ Object.defineProperty(exports, "useInfoButton_unstable", {
|
|
|
10
11
|
});
|
|
11
12
|
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
13
|
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
13
|
-
const _DefaultInfoButtonIcons = require("./DefaultInfoButtonIcons");
|
|
14
|
+
const _DefaultInfoButtonIcons = require("./DefaultInfoButtonIcons.cjs");
|
|
14
15
|
const _reactutilities = require("@fluentui/react-utilities");
|
|
15
16
|
const _reactpopover = require("@fluentui/react-popover");
|
|
16
17
|
const infoButtonIconMap = {
|
|
@@ -24,7 +25,7 @@ const popoverSizeMap = {
|
|
|
24
25
|
large: 'medium'
|
|
25
26
|
};
|
|
26
27
|
const useInfoButton_unstable = (props, ref)=>{
|
|
27
|
-
const { size = 'medium', inline = true } = props;
|
|
28
|
+
const { size = 'medium', inline = true, popover, info, ...rest } = props;
|
|
28
29
|
const state = {
|
|
29
30
|
inline,
|
|
30
31
|
size,
|
|
@@ -37,7 +38,7 @@ const useInfoButton_unstable = (props, ref)=>{
|
|
|
37
38
|
children: infoButtonIconMap[size],
|
|
38
39
|
type: 'button',
|
|
39
40
|
'aria-label': 'information',
|
|
40
|
-
...
|
|
41
|
+
...rest,
|
|
41
42
|
// FIXME:
|
|
42
43
|
// `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLButtonElement`
|
|
43
44
|
// but since it would be a breaking change to fix it, we are casting ref to it's proper type
|
|
@@ -45,7 +46,7 @@ const useInfoButton_unstable = (props, ref)=>{
|
|
|
45
46
|
}), {
|
|
46
47
|
elementType: 'button'
|
|
47
48
|
}),
|
|
48
|
-
popover: _reactutilities.slot.always(
|
|
49
|
+
popover: _reactutilities.slot.always(popover, {
|
|
49
50
|
defaultProps: {
|
|
50
51
|
inline,
|
|
51
52
|
positioning: 'above-start',
|
|
@@ -54,7 +55,7 @@ const useInfoButton_unstable = (props, ref)=>{
|
|
|
54
55
|
},
|
|
55
56
|
elementType: _reactpopover.Popover
|
|
56
57
|
}),
|
|
57
|
-
info: _reactutilities.slot.always(
|
|
58
|
+
info: _reactutilities.slot.always(info, {
|
|
58
59
|
defaultProps: {
|
|
59
60
|
role: 'note',
|
|
60
61
|
tabIndex: -1
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/InfoButton/useInfoButton.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-deprecated */\n\n'use client';\n\nimport * as React from 'react';\nimport { DefaultInfoButtonIcon12, DefaultInfoButtonIcon16, DefaultInfoButtonIcon20 } from './DefaultInfoButtonIcons';\nimport {\n getIntrinsicElementProps,\n mergeCallbacks,\n useControllableState,\n slot,\n useMergedRefs,\n isHTMLElement,\n elementContains,\n} from '@fluentui/react-utilities';\nimport { Popover, PopoverSurface } from '@fluentui/react-popover';\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 *\n * @deprecated use {@link @fluentui/react-components#InfoLabel} from `\\@fluentui/react-components` or `\\@fluentui/react-infolabel` instead\n */\nexport const useInfoButton_unstable = (props: InfoButtonProps, ref: React.Ref<HTMLElement>): InfoButtonState => {\n const { size = 'medium', inline = true, popover, info, ...rest } = props;\n\n const state: InfoButtonState = {\n inline,\n size,\n\n components: {\n root: 'button',\n popover: Popover as React.FC<Partial<PopoverProps>>,\n info: PopoverSurface,\n },\n\n root: slot.always(\n getIntrinsicElementProps('button', {\n children: infoButtonIconMap[size],\n type: 'button',\n 'aria-label': 'information',\n ...rest,\n // FIXME:\n // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLButtonElement`\n // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n ref: ref as React.Ref<HTMLButtonElement>,\n }),\n { elementType: 'button' },\n ),\n popover: slot.always(popover, {\n defaultProps: {\n inline,\n positioning: 'above-start',\n size: popoverSizeMap[size],\n withArrow: true,\n },\n elementType: Popover as React.FC<Partial<Omit<PopoverProps, 'openOnHover'>>>,\n }),\n info: slot.always(info, {\n defaultProps: {\n role: 'note',\n tabIndex: -1,\n },\n elementType: PopoverSurface,\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 const focusOutRef = React.useCallback(\n (el: HTMLDivElement) => {\n if (!el) {\n return;\n }\n\n el.addEventListener('focusout', e => {\n const nextFocused = e.relatedTarget;\n\n if (isHTMLElement(nextFocused) && !elementContains(el, nextFocused)) {\n setPopoverOpen(false);\n }\n });\n },\n [setPopoverOpen],\n );\n\n state.info.ref = useMergedRefs(state.info.ref, focusOutRef);\n\n return state;\n};\n"],"names":["React","DefaultInfoButtonIcon12","DefaultInfoButtonIcon16","DefaultInfoButtonIcon20","getIntrinsicElementProps","mergeCallbacks","useControllableState","slot","useMergedRefs","isHTMLElement","elementContains","Popover","PopoverSurface","infoButtonIconMap","small","medium","large","popoverSizeMap","useInfoButton_unstable","props","ref","size","inline","popover","info","rest","state","components","root","always","children","type","elementType","defaultProps","positioning","withArrow","role","tabIndex","popoverOpen","setPopoverOpen","open","defaultState","defaultOpen","initialState","onOpenChange","e","data","focusOutRef","useCallback","el","addEventListener","nextFocused","relatedTarget"],"mappings":"AAAA,mDAAmD,GAEnD;;;;;;;;eAwCakB;;;;iEAtCU,QAAQ;wCAC2D,8BAA2B;gCAS9G,4BAA4B;8BACK,0BAA0B;AAIlE,MAAML,oBAAoB;IACxBC,OAAAA,WAAAA,GAAO,OAAA,aAAA,CAACb,+CAAAA,EAAAA;IACRc,QAAAA,WAAAA,GAAQ,OAAA,aAAA,CAACb,+CAAAA,EAAAA;IACTc,OAAAA,WAAAA,GAAO,OAAA,aAAA,CAACb,+CAAAA,EAAAA;AACV;AAEA,MAAMc,iBAAiB;IACrBH,OAAO;IACPC,QAAQ;IACRC,OAAO;AACT;AAaO,+BAA+B,CAACG,OAAwBC;IAC7D,MAAM,EAAEC,OAAO,QAAQ,EAAEC,SAAS,IAAI,EAAEC,OAAO,EAAEC,IAAI,EAAE,GAAGC,MAAM,GAAGN;IAEnE,MAAMO,QAAyB;QAC7BJ;QACAD;QAEAM,YAAY;YACVC,MAAM;YACNL,SAASZ,qBAAAA;YACTa,MAAMZ,4BAAAA;QACR;QAEAgB,MAAMrB,oBAAAA,CAAKsB,MAAM,KACfzB,wCAAAA,EAAyB,UAAU;YACjC0B,UAAUjB,iBAAiB,CAACQ,KAAK;YACjCU,MAAM;YACN,cAAc;YACd,GAAGN,IAAI;YACP,SAAS;YACT,+EAA+E;YAC/E,4FAA4F;YAC5FL,KAAKA;QACP,IACA;YAAEY,aAAa;QAAS;QAE1BT,SAAShB,oBAAAA,CAAKsB,MAAM,CAACN,SAAS;YAC5BU,cAAc;gBACZX;gBACAY,aAAa;gBACbb,MAAMJ,cAAc,CAACI,KAAK;gBAC1Bc,WAAW;YACb;YACAH,aAAarB,qBAAAA;QACf;QACAa,MAAMjB,oBAAAA,CAAKsB,MAAM,CAACL,MAAM;YACtBS,cAAc;gBACZG,MAAM;gBACNC,UAAU,CAAC;YACb;YACAL,aAAapB,4BAAAA;QACf;IACF;IAEA,MAAM,CAAC0B,aAAaC,eAAe,OAAGjC,oCAAAA,EAAqB;QACzDoB,OAAOA,MAAMH,OAAO,CAACiB,IAAI;QACzBC,cAAcf,MAAMH,OAAO,CAACmB,WAAW;QACvCC,cAAc;IAChB;IAEAjB,MAAMH,OAAO,CAACiB,IAAI,GAAGF;IACrBZ,MAAMH,OAAO,CAACqB,YAAY,OAAGvC,8BAAAA,EAAeqB,MAAMH,OAAO,CAACqB,YAAY,EAAE,CAACC,GAAGC,OAASP,eAAeO,KAAKN,IAAI;IAE7G,MAAMO,cAAc/C,OAAMgD,WAAW,CACnC,CAACC;QACC,IAAI,CAACA,IAAI;YACP;QACF;QAEAA,GAAGC,gBAAgB,CAAC,YAAYL,CAAAA;YAC9B,MAAMM,cAAcN,EAAEO,aAAa;YAEnC,QAAI3C,6BAAAA,EAAc0C,gBAAgB,KAACzC,+BAAAA,EAAgBuC,IAAIE,cAAc;gBACnEZ,eAAe;YACjB;QACF;IACF,GACA;QAACA;KAAe;IAGlBb,MAAMF,IAAI,CAACJ,GAAG,OAAGZ,6BAAAA,EAAckB,MAAMF,IAAI,CAACJ,GAAG,EAAE2B;IAE/C,OAAOrB;AACT,EAAE"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
/* eslint-disable
|
|
1
|
+
/* eslint-disable @typescript-eslint/no-deprecated */ 'use client';
|
|
2
|
+
"use strict";
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
4
|
value: true
|
|
4
5
|
});
|
|
@@ -99,14 +100,14 @@ const infoButtonClassNames = {
|
|
|
99
100
|
sj55zd: "f1qj7y59",
|
|
100
101
|
D0sxk3: "fgzdkf0",
|
|
101
102
|
t6yez3: "f15q0o9g",
|
|
102
|
-
|
|
103
|
-
|
|
103
|
+
By8wz76: "f1nz3ub2",
|
|
104
|
+
B7iucu3: "f1205bnn"
|
|
104
105
|
},
|
|
105
106
|
highContrast: {
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
107
|
+
B7iucu3: "fslfhp6",
|
|
108
|
+
Bfsdueo: "f11s1vgy",
|
|
109
|
+
pb71ee: "f12b7wpn",
|
|
110
|
+
ik86qs: "f1u668rv"
|
|
110
111
|
},
|
|
111
112
|
focusIndicator: {
|
|
112
113
|
Brovlpu: "ftqa4ok",
|
|
@@ -121,66 +122,42 @@ const infoButtonClassNames = {
|
|
|
121
122
|
"ffh67wi",
|
|
122
123
|
"f1d2448m"
|
|
123
124
|
],
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
"
|
|
127
|
-
"
|
|
125
|
+
Bqhya38: "f1j6vpng",
|
|
126
|
+
Bwxa6fj: [
|
|
127
|
+
"f1pniga2",
|
|
128
|
+
"f1ffjurs"
|
|
128
129
|
],
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
"
|
|
132
|
-
"
|
|
130
|
+
Bdhvstf: "f987i1v",
|
|
131
|
+
B7zbvrb: [
|
|
132
|
+
"f1ffjurs",
|
|
133
|
+
"f1pniga2"
|
|
133
134
|
],
|
|
134
135
|
Bm4h7ae: "f15bsgw9",
|
|
135
136
|
B7ys5i9: "f14e48fq",
|
|
136
137
|
Busjfv9: "f18yb2kv",
|
|
137
138
|
Bhk32uz: "fd6o370",
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
Blkhhs4:
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
clg4pj:
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
"ftffrms"
|
|
161
|
-
],
|
|
162
|
-
Dah5zi: [
|
|
163
|
-
"ftffrms",
|
|
164
|
-
"f1jqcqds"
|
|
165
|
-
],
|
|
166
|
-
Bkh64rk: [
|
|
167
|
-
"f2e7qr6",
|
|
168
|
-
"fsr1zz6"
|
|
169
|
-
],
|
|
170
|
-
qqdqy8: [
|
|
171
|
-
"fsr1zz6",
|
|
172
|
-
"f2e7qr6"
|
|
173
|
-
],
|
|
174
|
-
B6dhp37: "f1dvezut",
|
|
175
|
-
i03rao: [
|
|
176
|
-
"fd0oaoj",
|
|
177
|
-
"f1cwg4i8"
|
|
178
|
-
],
|
|
179
|
-
Boxcth7: "fjvm52t",
|
|
180
|
-
Bsom6fd: [
|
|
181
|
-
"f1cwg4i8",
|
|
182
|
-
"fd0oaoj"
|
|
183
|
-
],
|
|
139
|
+
f6g5ot: 0,
|
|
140
|
+
Boxcth7: 0,
|
|
141
|
+
Bhdgwq3: 0,
|
|
142
|
+
hgwjuy: 0,
|
|
143
|
+
Bshpdp8: 0,
|
|
144
|
+
Bsom6fd: 0,
|
|
145
|
+
Blkhhs4: 0,
|
|
146
|
+
Bonggc9: 0,
|
|
147
|
+
Ddfuxk: 0,
|
|
148
|
+
i03rao: 0,
|
|
149
|
+
kclons: 0,
|
|
150
|
+
clg4pj: 0,
|
|
151
|
+
Bpqj9nj: 0,
|
|
152
|
+
B6dhp37: 0,
|
|
153
|
+
Bf4ptjt: 0,
|
|
154
|
+
Bqtpl0w: 0,
|
|
155
|
+
i4rwgc: "ffwy5si",
|
|
156
|
+
Dah5zi: 0,
|
|
157
|
+
B1tsrr9: 0,
|
|
158
|
+
qqdqy8: 0,
|
|
159
|
+
Bkh64rk: 0,
|
|
160
|
+
e3fwne: "f3znvyf",
|
|
184
161
|
J0r882: "f57olzd",
|
|
185
162
|
Bule8hv: [
|
|
186
163
|
"f4stah7",
|
|
@@ -245,22 +222,18 @@ const infoButtonClassNames = {
|
|
|
245
222
|
".f14e48fq[data-fui-focus-visible]::after{position:absolute;}",
|
|
246
223
|
".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}",
|
|
247
224
|
".fd6o370[data-fui-focus-visible]::after{z-index:1;}",
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
".f1dvezut[data-fui-focus-visible]::after{border-top-color:var(--colorStrokeFocus2);}",
|
|
261
|
-
".fd0oaoj[data-fui-focus-visible]::after{border-right-color:var(--colorStrokeFocus2);}",
|
|
262
|
-
".f1cwg4i8[data-fui-focus-visible]::after{border-left-color:var(--colorStrokeFocus2);}",
|
|
263
|
-
".fjvm52t[data-fui-focus-visible]::after{border-bottom-color:var(--colorStrokeFocus2);}",
|
|
225
|
+
[
|
|
226
|
+
".ffwy5si[data-fui-focus-visible]::after{border:2px solid var(--colorStrokeFocus2);}",
|
|
227
|
+
{
|
|
228
|
+
p: -2
|
|
229
|
+
}
|
|
230
|
+
],
|
|
231
|
+
[
|
|
232
|
+
".f3znvyf[data-fui-focus-visible]::after{border-radius:var(--borderRadiusMedium);}",
|
|
233
|
+
{
|
|
234
|
+
p: -1
|
|
235
|
+
}
|
|
236
|
+
],
|
|
264
237
|
".f57olzd[data-fui-focus-visible]::after{top:calc(2px * -1);}",
|
|
265
238
|
".f4stah7[data-fui-focus-visible]::after{right:calc(2px * -1);}",
|
|
266
239
|
".fs1por5[data-fui-focus-visible]::after{left:calc(2px * -1);}",
|
|
@@ -281,55 +254,55 @@ const infoButtonClassNames = {
|
|
|
281
254
|
],
|
|
282
255
|
m: [
|
|
283
256
|
[
|
|
284
|
-
"@media (forced-colors: active){.
|
|
257
|
+
"@media (forced-colors: active){.f1nz3ub2{background-color:Highlight;}}",
|
|
285
258
|
{
|
|
286
259
|
m: "(forced-colors: active)"
|
|
287
260
|
}
|
|
288
261
|
],
|
|
289
262
|
[
|
|
290
|
-
"@media (forced-colors: active){.
|
|
263
|
+
"@media (forced-colors: active){.f1205bnn{color:Canvas;}}",
|
|
291
264
|
{
|
|
292
265
|
m: "(forced-colors: active)"
|
|
293
266
|
}
|
|
294
267
|
],
|
|
295
268
|
[
|
|
296
|
-
"@media (forced-colors: active){.
|
|
269
|
+
"@media (forced-colors: active){.fslfhp6{color:CanvasText;}}",
|
|
297
270
|
{
|
|
298
271
|
m: "(forced-colors: active)"
|
|
299
272
|
}
|
|
300
273
|
],
|
|
301
274
|
[
|
|
302
|
-
"@media (forced-colors: active){.
|
|
275
|
+
"@media (forced-colors: active){.f11s1vgy:hover,.f11s1vgy:hover:active{forced-color-adjust:none;}}",
|
|
303
276
|
{
|
|
304
277
|
m: "(forced-colors: active)"
|
|
305
278
|
}
|
|
306
279
|
],
|
|
307
280
|
[
|
|
308
|
-
"@media (forced-colors: active){.
|
|
281
|
+
"@media (forced-colors: active){.f12b7wpn:hover,.f12b7wpn:hover:active{background-color:Highlight;}}",
|
|
309
282
|
{
|
|
310
283
|
m: "(forced-colors: active)"
|
|
311
284
|
}
|
|
312
285
|
],
|
|
313
286
|
[
|
|
314
|
-
"@media (forced-colors: active){.
|
|
287
|
+
"@media (forced-colors: active){.f1u668rv:hover,.f1u668rv:hover:active{color:Canvas;}}",
|
|
315
288
|
{
|
|
316
289
|
m: "(forced-colors: active)"
|
|
317
290
|
}
|
|
318
291
|
],
|
|
319
292
|
[
|
|
320
|
-
"@media (forced-colors: active){.
|
|
293
|
+
"@media (forced-colors: active){.f1j6vpng[data-fui-focus-visible]::after{border-top-color:Highlight;}}",
|
|
321
294
|
{
|
|
322
295
|
m: "(forced-colors: active)"
|
|
323
296
|
}
|
|
324
297
|
],
|
|
325
298
|
[
|
|
326
|
-
"@media (forced-colors: active){.
|
|
299
|
+
"@media (forced-colors: active){.f1ffjurs[data-fui-focus-visible]::after{border-left-color:Highlight;}.f1pniga2[data-fui-focus-visible]::after{border-right-color:Highlight;}}",
|
|
327
300
|
{
|
|
328
301
|
m: "(forced-colors: active)"
|
|
329
302
|
}
|
|
330
303
|
],
|
|
331
304
|
[
|
|
332
|
-
"@media (forced-colors: active){.
|
|
305
|
+
"@media (forced-colors: active){.f987i1v[data-fui-focus-visible]::after{border-bottom-color:Highlight;}}",
|
|
333
306
|
{
|
|
334
307
|
m: "(forced-colors: active)"
|
|
335
308
|
}
|
|
@@ -370,7 +343,9 @@ const useInfoButtonStyles_unstable = (state)=>{
|
|
|
370
343
|
const { open } = state.popover;
|
|
371
344
|
const buttonStyles = useButtonStyles();
|
|
372
345
|
const popoverSurfaceStyles = usePopoverSurfaceStyles();
|
|
346
|
+
// eslint-disable-next-line react-hooks/immutability -- deprecated component, not worth refactoring
|
|
373
347
|
state.info.className = (0, _react.mergeClasses)(infoButtonClassNames.info, size === 'large' ? popoverSurfaceStyles.large : popoverSurfaceStyles.smallMedium, state.info.className);
|
|
348
|
+
// eslint-disable-next-line react-hooks/immutability -- deprecated component, not worth refactoring
|
|
374
349
|
state.root.className = (0, _react.mergeClasses)(infoButtonClassNames.root, buttonStyles.base, buttonStyles.highContrast, buttonStyles.focusIndicator, open && buttonStyles.selected, size === 'large' && buttonStyles.large, state.root.className);
|
|
375
350
|
return state;
|
|
376
|
-
};
|
|
351
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["useInfoButtonStyles.styles.js"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-deprecated */ 'use client';\nimport { createFocusOutlineStyle } from \"@fluentui/react-tabster\";\nimport { iconFilledClassName, iconRegularClassName } from \"@fluentui/react-icons\";\nimport { makeStyles, mergeClasses, shorthands } from \"@griffel/react\";\nimport { tokens, typographyStyles } from \"@fluentui/react-theme\";\n/**\n * @deprecated use {@link @fluentui/react-components#InfoLabel} from `\\@fluentui/react-components` or `\\@fluentui/react-infolabel` instead\n */ export const infoButtonClassNames = {\n root: 'fui-InfoButton',\n // this className won't be used, but it's needed to satisfy the type checker\n popover: 'fui-InfoButton__popover',\n info: 'fui-InfoButton__info'\n};\n/**\n * Styles for the root slot\n *\n * @deprecated use {@link @fluentui/react-components#InfoLabel} from `\\@fluentui/react-components` or `\\@fluentui/react-infolabel` instead\n */ const useButtonStyles = makeStyles({\n base: {\n alignItems: 'center',\n boxSizing: 'border-box',\n display: 'inline-flex',\n justifyContent: 'center',\n textDecorationLine: 'none',\n verticalAlign: 'middle',\n position: 'relative',\n backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForeground2,\n ...shorthands.borderStyle('none'),\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n ...shorthands.margin(0),\n ...shorthands.padding(tokens.spacingVerticalXS, tokens.spacingHorizontalXS),\n [`& .${iconFilledClassName}`]: {\n display: 'none'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline-flex'\n },\n ':hover': {\n backgroundColor: tokens.colorTransparentBackgroundHover,\n color: tokens.colorNeutralForeground2BrandHover,\n cursor: 'pointer',\n [`& .${iconFilledClassName}`]: {\n display: 'inline-flex'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n }\n },\n ':hover:active': {\n backgroundColor: tokens.colorTransparentBackgroundPressed,\n color: tokens.colorNeutralForeground2BrandPressed\n }\n },\n selected: {\n backgroundColor: tokens.colorTransparentBackgroundSelected,\n color: tokens.colorNeutralForeground2BrandSelected,\n [`& .${iconFilledClassName}`]: {\n display: 'inline-flex'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n },\n '@media (forced-colors: active)': {\n backgroundColor: 'Highlight',\n color: 'Canvas'\n }\n },\n highContrast: {\n '@media (forced-colors: active)': {\n color: 'CanvasText',\n ':hover,:hover:active': {\n forcedColorAdjust: 'none',\n backgroundColor: 'Highlight',\n color: 'Canvas'\n }\n }\n },\n focusIndicator: createFocusOutlineStyle(),\n large: {\n ...shorthands.padding(tokens.spacingVerticalXXS, tokens.spacingVerticalXXS)\n }\n});\nconst usePopoverSurfaceStyles = makeStyles({\n smallMedium: typographyStyles.caption1,\n large: typographyStyles.body1\n});\n/**\n * Apply styling to the InfoButton slots based on the state\n */ export const useInfoButtonStyles_unstable = (state)=>{\n const { size } = state;\n const { open } = state.popover;\n const buttonStyles = useButtonStyles();\n const popoverSurfaceStyles = usePopoverSurfaceStyles();\n // eslint-disable-next-line react-hooks/immutability -- deprecated component, not worth refactoring\n state.info.className = mergeClasses(infoButtonClassNames.info, size === 'large' ? popoverSurfaceStyles.large : popoverSurfaceStyles.smallMedium, state.info.className);\n // eslint-disable-next-line react-hooks/immutability -- deprecated component, not worth refactoring\n state.root.className = mergeClasses(infoButtonClassNames.root, buttonStyles.base, buttonStyles.highContrast, buttonStyles.focusIndicator, open && buttonStyles.selected, size === 'large' && buttonStyles.large, state.root.className);\n return state;\n};\n"],"names":["createFocusOutlineStyle","iconFilledClassName","iconRegularClassName","__styles","mergeClasses","shorthands","tokens","typographyStyles","infoButtonClassNames","root","popover","info","useButtonStyles","base","Bt984gj","B7ck84d","mc9l5x","Brf1p80","w71qe1","ha4doy","qhf8xq","De3pzq","sj55zd","icvyot","vrafjx","oivjwe","wvpqe5","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B6of3ja","t21cq0","jrapky","Frg6f3","z8tnut","z189sj","Byoj8tv","uwmqm3","D0sxk3","t6yez3","Jwef8y","Bi91k9c","eoavqd","Bk3fhr4","Bmfj8id","iro3zm","B2d53fq","selected","By8wz76","B7iucu3","highContrast","Bfsdueo","pb71ee","ik86qs","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bqhya38","Bwxa6fj","Bdhvstf","B7zbvrb","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","f6g5ot","Boxcth7","Bhdgwq3","hgwjuy","Bshpdp8","Bsom6fd","Blkhhs4","Bonggc9","Ddfuxk","i03rao","kclons","clg4pj","Bpqj9nj","B6dhp37","Bf4ptjt","Bqtpl0w","i4rwgc","Dah5zi","B1tsrr9","qqdqy8","Bkh64rk","e3fwne","J0r882","Bule8hv","Bjwuhne","Ghsupd","large","d","p","h","m","f","i","usePopoverSurfaceStyles","smallMedium","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","useInfoButtonStyles_unstable","state","size","open","buttonStyles","popoverSurfaceStyles","className"],"mappings":"AAAA,mDAAA,GAAsD,YAAY;;;;;;;;;;;;IAOjDQ,oBAAoB;;;IAkFpBqG,4BAA4B;;;;uBAtFQ,gBAAgB;AAI1D,6BAA6B;IACpCpG,IAAI,EAAE,gBAAgB;IACtB,4EAAA;IACAC,OAAO,EAAE,yBAAyB;IAClCC,IAAI,EAAE;AACV,CAAC;AACD;;;;CAIA,GAAI,MAAMC,eAAe,GAAA,WAAA,OAAGT,eAAA,EAAA;IAAAU,IAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,QAAA,EAAA;QAAA3B,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAiB,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAS,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,YAAA,EAAA;QAAAD,OAAA,EAAA;QAAAE,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,cAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;IAAA;IAAAC,KAAA,EAAA;QAAA7D,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;IAAA;AAAA,GAAA;IAAA2D,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;IAAAC,CAAA,EAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA;YAAA;SAAA;KAAA;IAAAC,CAAA,EAAA;QAAA;KAAA;IAAAC,CAAA,EAAA;QAAA;KAAA;AAAA,CAiE3B,CAAC;AACF,MAAMC,uBAAuB,GAAA,WAAA,OAAGpG,eAAA,EAAA;IAAAqG,WAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAZ,KAAA,EAAA;QAAAS,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAX,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAG/B,CAAC;AAGS,qCAAsCa,KAAK,IAAG;IACrD,MAAM,EAAEC,IAAAA,EAAM,GAAGD,KAAK;IACtB,MAAM,EAAEE,IAAAA,EAAM,GAAGF,KAAK,CAACpG,OAAO;IAC9B,MAAMuG,YAAY,GAAGrG,eAAe,CAAC,CAAC;IACtC,MAAMsG,oBAAoB,GAAGX,uBAAuB,CAAC,CAAC;IACtD,mGAAA;IACAO,KAAK,CAACnG,IAAI,CAACwG,SAAS,GAAG/G,uBAAY,EAACI,oBAAoB,CAACG,IAAI,EAAEoG,IAAI,KAAK,OAAO,GAAGG,oBAAoB,CAAClB,KAAK,GAAGkB,oBAAoB,CAACV,WAAW,EAAEM,KAAK,CAACnG,IAAI,CAACwG,SAAS,CAAC;IACtK,mGAAA;IACAL,KAAK,CAACrG,IAAI,CAAC0G,SAAS,OAAG/G,mBAAY,EAACI,oBAAoB,CAACC,IAAI,EAAEwG,YAAY,CAACpG,IAAI,EAAEoG,YAAY,CAAC9D,YAAY,EAAE8D,YAAY,CAAC1D,cAAc,EAAEyD,IAAI,IAAIC,YAAY,CAACjE,QAAQ,EAAE+D,IAAI,KAAK,OAAO,IAAIE,YAAY,CAACjB,KAAK,EAAEc,KAAK,CAACrG,IAAI,CAAC0G,SAAS,CAAC;IACtO,OAAOL,KAAK;AAChB,CAAC"}
|