@fluentui-copilot/react-reference 0.9.0 → 0.10.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.
Files changed (78) hide show
  1. package/CHANGELOG.json +22 -1
  2. package/CHANGELOG.md +12 -2
  3. package/dist/index.d.ts +40 -191
  4. package/lib/components/Citation/Citation.types.js.map +1 -1
  5. package/lib/components/Citation/renderCitation.js +3 -22
  6. package/lib/components/Citation/renderCitation.js.map +1 -1
  7. package/lib/components/Citation/useCitation.js +3 -157
  8. package/lib/components/Citation/useCitation.js.map +1 -1
  9. package/lib/components/Citation/useCitationStyles.js +1 -6
  10. package/lib/components/Citation/useCitationStyles.js.map +1 -1
  11. package/lib/components/Reference/Reference.types.js.map +1 -1
  12. package/lib/components/Reference/renderReference.js +1 -1
  13. package/lib/components/Reference/renderReference.js.map +1 -1
  14. package/lib/components/Reference/useReference.js +0 -5
  15. package/lib/components/Reference/useReference.js.map +1 -1
  16. package/lib/components/Reference/useReferenceStyles.js +1 -38
  17. package/lib/components/Reference/useReferenceStyles.js.map +1 -1
  18. package/lib/hooks/index.js +1 -2
  19. package/lib/hooks/index.js.map +1 -1
  20. package/lib/hooks/useReferenceCitationPreview.js +11 -12
  21. package/lib/hooks/useReferenceCitationPreview.js.map +1 -1
  22. package/lib/index.js +1 -2
  23. package/lib/index.js.map +1 -1
  24. package/lib-commonjs/components/Citation/renderCitation.js +1 -23
  25. package/lib-commonjs/components/Citation/renderCitation.js.map +1 -1
  26. package/lib-commonjs/components/Citation/useCitation.js +3 -155
  27. package/lib-commonjs/components/Citation/useCitation.js.map +1 -1
  28. package/lib-commonjs/components/Citation/useCitationStyles.js +1 -6
  29. package/lib-commonjs/components/Citation/useCitationStyles.js.map +1 -1
  30. package/lib-commonjs/components/Reference/renderReference.js +0 -1
  31. package/lib-commonjs/components/Reference/renderReference.js.map +1 -1
  32. package/lib-commonjs/components/Reference/useReference.js +0 -5
  33. package/lib-commonjs/components/Reference/useReference.js.map +1 -1
  34. package/lib-commonjs/components/Reference/useReferenceStyles.js +4 -98
  35. package/lib-commonjs/components/Reference/useReferenceStyles.js.map +1 -1
  36. package/lib-commonjs/hooks/index.js +1 -8
  37. package/lib-commonjs/hooks/index.js.map +1 -1
  38. package/lib-commonjs/hooks/useReferenceCitationPreview.js +10 -10
  39. package/lib-commonjs/hooks/useReferenceCitationPreview.js.map +1 -1
  40. package/lib-commonjs/index.js +0 -19
  41. package/lib-commonjs/index.js.map +1 -1
  42. package/package.json +2 -2
  43. package/lib/ReferenceGroup.js +0 -2
  44. package/lib/ReferenceGroup.js.map +0 -1
  45. package/lib/components/ReferenceGroup/ReferenceGroup.js +0 -19
  46. package/lib/components/ReferenceGroup/ReferenceGroup.js.map +0 -1
  47. package/lib/components/ReferenceGroup/ReferenceGroup.types.js +0 -2
  48. package/lib/components/ReferenceGroup/ReferenceGroup.types.js.map +0 -1
  49. package/lib/components/ReferenceGroup/index.js +0 -6
  50. package/lib/components/ReferenceGroup/index.js.map +0 -1
  51. package/lib/components/ReferenceGroup/renderReferenceGroup.js +0 -21
  52. package/lib/components/ReferenceGroup/renderReferenceGroup.js.map +0 -1
  53. package/lib/components/ReferenceGroup/useReferenceGroup.js +0 -104
  54. package/lib/components/ReferenceGroup/useReferenceGroup.js.map +0 -1
  55. package/lib/components/ReferenceGroup/useReferenceGroupContextValues.js +0 -10
  56. package/lib/components/ReferenceGroup/useReferenceGroupContextValues.js.map +0 -1
  57. package/lib/components/ReferenceGroup/useReferenceGroupStyles.js +0 -50
  58. package/lib/components/ReferenceGroup/useReferenceGroupStyles.js.map +0 -1
  59. package/lib/hooks/useReferenceCitation.js +0 -77
  60. package/lib/hooks/useReferenceCitation.js.map +0 -1
  61. package/lib-commonjs/ReferenceGroup.js +0 -7
  62. package/lib-commonjs/ReferenceGroup.js.map +0 -1
  63. package/lib-commonjs/components/ReferenceGroup/ReferenceGroup.js +0 -25
  64. package/lib-commonjs/components/ReferenceGroup/ReferenceGroup.js.map +0 -1
  65. package/lib-commonjs/components/ReferenceGroup/ReferenceGroup.types.js +0 -5
  66. package/lib-commonjs/components/ReferenceGroup/ReferenceGroup.types.js.map +0 -1
  67. package/lib-commonjs/components/ReferenceGroup/index.js +0 -11
  68. package/lib-commonjs/components/ReferenceGroup/index.js.map +0 -1
  69. package/lib-commonjs/components/ReferenceGroup/renderReferenceGroup.js +0 -33
  70. package/lib-commonjs/components/ReferenceGroup/renderReferenceGroup.js.map +0 -1
  71. package/lib-commonjs/components/ReferenceGroup/useReferenceGroup.js +0 -103
  72. package/lib-commonjs/components/ReferenceGroup/useReferenceGroup.js.map +0 -1
  73. package/lib-commonjs/components/ReferenceGroup/useReferenceGroupContextValues.js +0 -23
  74. package/lib-commonjs/components/ReferenceGroup/useReferenceGroupContextValues.js.map +0 -1
  75. package/lib-commonjs/components/ReferenceGroup/useReferenceGroupStyles.js +0 -75
  76. package/lib-commonjs/components/ReferenceGroup/useReferenceGroupStyles.js.map +0 -1
  77. package/lib-commonjs/hooks/useReferenceCitation.js +0 -78
  78. package/lib-commonjs/hooks/useReferenceCitation.js.map +0 -1
@@ -1 +0,0 @@
1
- {"version":3,"sources":["useReferenceGroupStyles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, tokens, typographyStyles } from '@fluentui/react-components';\nimport type { ReferenceGroupSlots, ReferenceGroupState } from './ReferenceGroup.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const referenceGroupClassNames: SlotClassNames<ReferenceGroupSlots> = {\n root: 'fai-ReferenceGroup',\n label: 'fai-ReferenceGroup__label',\n icon: 'fai-ReferenceGroup__icon',\n detailsButton: 'fai-ReferenceGroup__detailsButton',\n content: 'fai-ReferenceGroup__content',\n};\n\nconst useRootClassName = makeResetStyles({\n display: 'flex',\n flexDirection: 'column',\n width: '100%',\n gap: tokens.spacingVerticalXS,\n});\n\nconst useIconClassName = makeResetStyles({\n display: 'inline-flex',\n alignItems: 'center',\n});\n\nconst useDetailsButtonClassName = makeResetStyles({\n display: 'inline-flex',\n columnGap: tokens.spacingHorizontalSNudge,\n alignItems: 'center',\n ...typographyStyles.body1,\n border: 0,\n backgroundColor: 'transparent',\n color: tokens.colorNeutralForeground3,\n height: '24px',\n cursor: 'pointer',\n width: 'max-content',\n paddingLeft: 0,\n paddingRight: 0,\n});\n\nconst useDetailsButtonStyles = makeStyles({\n canvas: {},\n\n sidecar: {\n ...typographyStyles.caption1,\n },\n});\n\nconst useContentHiddenStyles = makeStyles({\n base: {\n display: 'none',\n },\n});\n\n/**\n * Apply styling to the ReferenceGroup slots based on the state\n */\nexport const useReferenceGroupStyles_unstable = (state: ReferenceGroupState): ReferenceGroupState => {\n const { mode, isOpen } = state;\n\n const iconBaseClassName = useIconClassName();\n const detailsButtonStyles = useDetailsButtonStyles();\n const contentHiddenStyles = useContentHiddenStyles();\n\n state.root.className = mergeClasses(referenceGroupClassNames.root, useRootClassName(), state.root.className);\n\n state.label.className = mergeClasses(referenceGroupClassNames.label, state.label.className);\n\n if (state.icon) {\n state.icon.className = mergeClasses(referenceGroupClassNames.icon, iconBaseClassName, state.icon.className);\n }\n\n state.detailsButton.className = mergeClasses(\n referenceGroupClassNames.detailsButton,\n useDetailsButtonClassName(),\n detailsButtonStyles[mode],\n state.detailsButton.className,\n );\n\n state.content.className = mergeClasses(\n referenceGroupClassNames.content,\n !isOpen && contentHiddenStyles.base,\n state.content.className,\n );\n\n return state;\n};\n"],"names":["makeResetStyles","makeStyles","mergeClasses","tokens","typographyStyles","referenceGroupClassNames","root","label","icon","detailsButton","content","useRootClassName","display","flexDirection","width","gap","spacingVerticalXS","useIconClassName","alignItems","useDetailsButtonClassName","columnGap","spacingHorizontalSNudge","body1","border","backgroundColor","color","colorNeutralForeground3","height","cursor","paddingLeft","paddingRight","useDetailsButtonStyles","canvas","sidecar","caption1","useContentHiddenStyles","base","useReferenceGroupStyles_unstable","state","mode","isOpen","iconBaseClassName","detailsButtonStyles","contentHiddenStyles","className"],"mappings":"AAAA,SAASA,eAAe,EAAEC,UAAU,EAAEC,YAAY,EAAEC,MAAM,EAAEC,gBAAgB,QAAQ,6BAA6B;AAIjH,OAAO,MAAMC,2BAAgE;IAC3EC,MAAM;IACNC,OAAO;IACPC,MAAM;IACNC,eAAe;IACfC,SAAS;AACX,EAAE;AAEF,MAAMC,mBAAmBX,gBAAgB;IACvCY,SAAS;IACTC,eAAe;IACfC,OAAO;IACPC,KAAKZ,OAAOa,iBAAiB;AAC/B;AAEA,MAAMC,mBAAmBjB,gBAAgB;IACvCY,SAAS;IACTM,YAAY;AACd;AAEA,MAAMC,4BAA4BnB,gBAAgB;IAChDY,SAAS;IACTQ,WAAWjB,OAAOkB,uBAAuB;IACzCH,YAAY;IACZ,GAAGd,iBAAiBkB,KAAK;IACzBC,QAAQ;IACRC,iBAAiB;IACjBC,OAAOtB,OAAOuB,uBAAuB;IACrCC,QAAQ;IACRC,QAAQ;IACRd,OAAO;IACPe,aAAa;IACbC,cAAc;AAChB;AAEA,MAAMC,yBAAyB9B,WAAW;IACxC+B,QAAQ,CAAC;IAETC,SAAS;QACP,GAAG7B,iBAAiB8B,QAAQ;IAC9B;AACF;AAEA,MAAMC,yBAAyBlC,WAAW;IACxCmC,MAAM;QACJxB,SAAS;IACX;AACF;AAEA;;CAEC,GACD,OAAO,MAAMyB,mCAAmC,CAACC;IAC/C,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAE,GAAGF;IAEzB,MAAMG,oBAAoBxB;IAC1B,MAAMyB,sBAAsBX;IAC5B,MAAMY,sBAAsBR;IAE5BG,MAAMhC,IAAI,CAACsC,SAAS,GAAG1C,aAAaG,yBAAyBC,IAAI,EAAEK,oBAAoB2B,MAAMhC,IAAI,CAACsC,SAAS;IAE3GN,MAAM/B,KAAK,CAACqC,SAAS,GAAG1C,aAAaG,yBAAyBE,KAAK,EAAE+B,MAAM/B,KAAK,CAACqC,SAAS;IAE1F,IAAIN,MAAM9B,IAAI,EAAE;QACd8B,MAAM9B,IAAI,CAACoC,SAAS,GAAG1C,aAAaG,yBAAyBG,IAAI,EAAEiC,mBAAmBH,MAAM9B,IAAI,CAACoC,SAAS;IAC5G;IAEAN,MAAM7B,aAAa,CAACmC,SAAS,GAAG1C,aAC9BG,yBAAyBI,aAAa,EACtCU,6BACAuB,mBAAmB,CAACH,KAAK,EACzBD,MAAM7B,aAAa,CAACmC,SAAS;IAG/BN,MAAM5B,OAAO,CAACkC,SAAS,GAAG1C,aACxBG,yBAAyBK,OAAO,EAChC,CAAC8B,UAAUG,oBAAoBP,IAAI,EACnCE,MAAM5B,OAAO,CAACkC,SAAS;IAGzB,OAAON;AACT,EAAE"}
@@ -1,77 +0,0 @@
1
- import * as React from 'react';
2
- import { resolveShorthand, useId } from '@fluentui/react-components';
3
- import { Citation } from '../Citation';
4
- import { Reference } from '../Reference';
5
- /**
6
- * Hook to package a `Citation` and `Reference` together in an
7
- * accessibly by default manner.
8
- *
9
- * When using citations and references, prefer using them via this
10
- * hook to ensure props are wired up correctly.
11
- *
12
- * @deprecated Use `useReferenceCitationPreview` hook instead.
13
- */
14
- export const useReferenceCitation = ({
15
- index,
16
- referenceId: propsRefId,
17
- citationId: propsCiteId,
18
- citationProps,
19
- referenceProps,
20
- popoverProps
21
- }) => {
22
- const refId = useId();
23
- const citeId = useId();
24
- const referenceId = propsRefId !== null && propsRefId !== void 0 ? propsRefId : refId;
25
- const citationId = propsCiteId !== null && propsCiteId !== void 0 ? propsCiteId : citeId;
26
- const components = React.useMemo(() => {
27
- const citationHref = `#${citationId}`;
28
- const PackagedCitation = props => {
29
- return /*#__PURE__*/React.createElement(Citation, {
30
- ...citationProps,
31
- id: citationId,
32
- referenceId: referenceId,
33
- ...props
34
- }, index);
35
- };
36
- const PackagedReference = props => {
37
- return /*#__PURE__*/React.createElement(Reference, {
38
- ...referenceProps,
39
- index: index,
40
- referenceId: referenceId,
41
- citationHref: citationHref,
42
- ...props
43
- });
44
- };
45
- const PackagedCitationPopover = props => {
46
- const referenceLabel = referenceProps ? resolveShorthand(referenceProps.label, {
47
- required: true
48
- }) : {};
49
- const popoverLabel = popoverProps ? resolveShorthand(popoverProps.label, {
50
- required: true
51
- }) : {};
52
- const label = resolveShorthand(props.label, {
53
- required: true
54
- });
55
- const labelProps = {
56
- ...referenceLabel,
57
- ...popoverLabel,
58
- ...label
59
- };
60
- return /*#__PURE__*/React.createElement(Reference, {
61
- ...referenceProps,
62
- ...popoverProps,
63
- index: index,
64
- ...props,
65
- label: labelProps,
66
- layout: "popover"
67
- });
68
- };
69
- return {
70
- Citation: PackagedCitation,
71
- Reference: PackagedReference,
72
- Popover: PackagedCitationPopover
73
- };
74
- }, [index, referenceId, citationId, referenceProps, citationProps, popoverProps]);
75
- return components;
76
- };
77
- //# sourceMappingURL=useReferenceCitation.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["useReferenceCitation.tsx"],"sourcesContent":["import * as React from 'react';\nimport { resolveShorthand, useId } from '@fluentui/react-components';\n\nimport { Citation } from '../Citation';\nimport { Reference } from '../Reference';\nimport type { CitationProps } from '../Citation';\nimport type { ReferenceProps } from '../Reference';\n\ntype PartialCitationProps = 'referenceHref' | 'referenceId';\n\n/**\n * Props for a \"packaged Citation\". A packaged Citation is a `Citation` that is\n * pre-packaged with props set by the `useReferenceCitation` hook.\n *\n * @deprecated Use `useReferenceCitationPreview` hook instead.\n */\nexport type PackagedCitationProps = Omit<CitationProps, PartialCitationProps> &\n Partial<Pick<CitationProps, PartialCitationProps>>;\n\n/**\n * A \"packaged Citation\". A packaged Citation is a `Citation` that is\n * pre-packaged with props set by the `useReferenceCitation` hook.\n *\n * @deprecated Use `useReferenceCitationPreview` hook instead.\n */\nexport type PackagedCitation = React.FC<PackagedCitationProps>;\n\ntype PartialReferenceProps = 'citationHref' | 'index' | 'referenceId';\n\n/**\n * Props for a \"packaged Reference\". A packaged Reference is a `Reference` that is\n * pre-packaged with props set by the `useReferenceCitation` hook.\n *\n * @deprecated Use `useReferenceCitationPreview` hook instead.\n */\nexport type PackagedReferenceProps = Omit<ReferenceProps, PartialReferenceProps> &\n Partial<Pick<ReferenceProps, PartialReferenceProps>>;\n\n/**\n * A \"packaged Reference\". A packaged Reference is a `Reference` that is\n * pre-packaged with props set by the `useReferenceCitation` hook.\n *\n * @deprecated Use `useReferenceCitationPreview` hook instead.\n */\nexport type PackagedReference = React.FC<PackagedReferenceProps>;\n\n/**\n * @deprecated Use `useReferenceCitationPreview` hook instead.\n */\nexport type PackagedCitationPopoverProps = Omit<PackagedReferenceProps, 'layout'>;\n/**\n * @deprecated Use `useReferenceCitationPreview` hook instead.\n */\nexport type PackagedCitationPopover = React.FC<PackagedCitationPopoverProps>;\n\n/**\n * Data used to package a `Citation` and `Reference` together with\n * the `useReferenceCitation` hook.\n *\n * @deprecated Use `useReferenceCitationPreview` hook instead.\n */\nexport type ReferenceCitationData = {\n index: number;\n referenceId?: string;\n citationId?: string;\n citationProps?: PackagedCitationProps;\n referenceProps?: PackagedReferenceProps;\n popoverProps?: PackagedCitationPopoverProps;\n};\n\n/**\n * @deprecated Use `useReferenceCitationPreview` hook instead.\n */\nexport type UseReferenceCitation = (data: ReferenceCitationData) => {\n Citation: PackagedCitation;\n Reference: PackagedReference;\n Popover: PackagedCitationPopover;\n};\n\n/**\n * Hook to package a `Citation` and `Reference` together in an\n * accessibly by default manner.\n *\n * When using citations and references, prefer using them via this\n * hook to ensure props are wired up correctly.\n *\n * @deprecated Use `useReferenceCitationPreview` hook instead.\n */\nexport const useReferenceCitation: UseReferenceCitation = ({\n index,\n referenceId: propsRefId,\n citationId: propsCiteId,\n citationProps,\n referenceProps,\n popoverProps,\n}) => {\n const refId = useId();\n const citeId = useId();\n\n const referenceId = propsRefId ?? refId;\n const citationId = propsCiteId ?? citeId;\n\n const components = React.useMemo(() => {\n const citationHref = `#${citationId}`;\n\n const PackagedCitation: PackagedCitation = props => {\n return (\n <Citation {...citationProps} id={citationId} referenceId={referenceId} {...props}>\n {index}\n </Citation>\n );\n };\n\n const PackagedReference: PackagedReference = props => {\n return (\n <Reference {...referenceProps} index={index} referenceId={referenceId} citationHref={citationHref} {...props} />\n );\n };\n\n const PackagedCitationPopover: PackagedCitationPopover = props => {\n const referenceLabel = referenceProps ? resolveShorthand(referenceProps.label, { required: true }) : {};\n const popoverLabel = popoverProps ? resolveShorthand(popoverProps.label, { required: true }) : {};\n const label = resolveShorthand(props.label, { required: true });\n const labelProps = {\n ...referenceLabel,\n ...popoverLabel,\n ...label,\n };\n\n return (\n <Reference {...referenceProps} {...popoverProps} index={index} {...props} label={labelProps} layout=\"popover\" />\n );\n };\n\n return {\n Citation: PackagedCitation,\n Reference: PackagedReference,\n Popover: PackagedCitationPopover,\n };\n }, [index, referenceId, citationId, referenceProps, citationProps, popoverProps]);\n\n return components;\n};\n"],"names":["React","resolveShorthand","useId","Citation","Reference","useReferenceCitation","index","referenceId","propsRefId","citationId","propsCiteId","citationProps","referenceProps","popoverProps","refId","citeId","components","useMemo","citationHref","PackagedCitation","props","id","PackagedReference","PackagedCitationPopover","referenceLabel","label","required","popoverLabel","labelProps","layout","Popover"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gBAAgB,EAAEC,KAAK,QAAQ,6BAA6B;AAErE,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,SAAS,QAAQ,eAAe;AA2EzC;;;;;;;;CAQC,GACD,OAAO,MAAMC,uBAA6C,CAAC,EACzDC,KAAK,EACLC,aAAaC,UAAU,EACvBC,YAAYC,WAAW,EACvBC,aAAa,EACbC,cAAc,EACdC,YAAY,EACb;IACC,MAAMC,QAAQZ;IACd,MAAMa,SAASb;IAEf,MAAMK,cAAcC,uBAAAA,wBAAAA,aAAcM;IAClC,MAAML,aAAaC,wBAAAA,yBAAAA,cAAeK;IAElC,MAAMC,aAAahB,MAAMiB,OAAO,CAAC;QAC/B,MAAMC,eAAe,CAAC,CAAC,EAAET,WAAW,CAAC;QAErC,MAAMU,mBAAqCC,CAAAA;YACzC,qBACE,oBAACjB;gBAAU,GAAGQ,aAAa;gBAAEU,IAAIZ;gBAAYF,aAAaA;gBAAc,GAAGa,KAAK;eAC7Ed;QAGP;QAEA,MAAMgB,oBAAuCF,CAAAA;YAC3C,qBACE,oBAAChB;gBAAW,GAAGQ,cAAc;gBAAEN,OAAOA;gBAAOC,aAAaA;gBAAaW,cAAcA;gBAAe,GAAGE,KAAK;;QAEhH;QAEA,MAAMG,0BAAmDH,CAAAA;YACvD,MAAMI,iBAAiBZ,iBAAiBX,iBAAiBW,eAAea,KAAK,EAAE;gBAAEC,UAAU;YAAK,KAAK,CAAC;YACtG,MAAMC,eAAed,eAAeZ,iBAAiBY,aAAaY,KAAK,EAAE;gBAAEC,UAAU;YAAK,KAAK,CAAC;YAChG,MAAMD,QAAQxB,iBAAiBmB,MAAMK,KAAK,EAAE;gBAAEC,UAAU;YAAK;YAC7D,MAAME,aAAa;gBACjB,GAAGJ,cAAc;gBACjB,GAAGG,YAAY;gBACf,GAAGF,KAAK;YACV;YAEA,qBACE,oBAACrB;gBAAW,GAAGQ,cAAc;gBAAG,GAAGC,YAAY;gBAAEP,OAAOA;gBAAQ,GAAGc,KAAK;gBAAEK,OAAOG;gBAAYC,QAAO;;QAExG;QAEA,OAAO;YACL1B,UAAUgB;YACVf,WAAWkB;YACXQ,SAASP;QACX;IACF,GAAG;QAACjB;QAAOC;QAAaE;QAAYG;QAAgBD;QAAeE;KAAa;IAEhF,OAAOG;AACT,EAAE"}
@@ -1,7 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- const _export_star = require("@swc/helpers/_/_export_star");
6
- _export_star._(require("./components/ReferenceGroup/index"), exports);
7
- //# sourceMappingURL=ReferenceGroup.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["ReferenceGroup.js"],"sourcesContent":["export * from './components/ReferenceGroup/index';\n//# sourceMappingURL=ReferenceGroup.js.map"],"names":[],"mappings":";;;;;uBAAc;CACd,0CAA0C"}
@@ -1,25 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "ReferenceGroup", {
6
- enumerable: true,
7
- get: function() {
8
- return ReferenceGroup;
9
- }
10
- });
11
- const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
12
- const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
13
- const _useReferenceGroup = require("./useReferenceGroup");
14
- const _renderReferenceGroup = require("./renderReferenceGroup");
15
- const _useReferenceGroupStyles = require("./useReferenceGroupStyles");
16
- const _useReferenceGroupContextValues = require("./useReferenceGroupContextValues");
17
- const _reactprovider = require("@fluentui-copilot/react-provider");
18
- const ReferenceGroup = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
19
- const state = (0, _useReferenceGroup.useReferenceGroup_unstable)(props, ref);
20
- const ctxValues = (0, _useReferenceGroupContextValues.useReferenceGroupContextValues)(state);
21
- (0, _useReferenceGroupStyles.useReferenceGroupStyles_unstable)(state);
22
- (0, _reactprovider.useCustomStyleHook)('useReferenceGroupStyles')(state);
23
- return (0, _renderReferenceGroup.renderReferenceGroup_unstable)(state, ctxValues);
24
- });
25
- ReferenceGroup.displayName = 'ReferenceGroup'; //# sourceMappingURL=ReferenceGroup.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["ReferenceGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { useReferenceGroup_unstable } from './useReferenceGroup';\nimport { renderReferenceGroup_unstable } from './renderReferenceGroup';\nimport { useReferenceGroupStyles_unstable } from './useReferenceGroupStyles';\nimport { useReferenceGroupContextValues } from './useReferenceGroupContextValues';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n/**\n * ReferenceGroup component\n * @deprecated use `useReferenceGroup` instead.\n */\nexport const ReferenceGroup = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useReferenceGroup_unstable(props, ref);\n const ctxValues = useReferenceGroupContextValues(state);\n useReferenceGroupStyles_unstable(state);\n useCustomStyleHook('useReferenceGroupStyles')(state);\n return renderReferenceGroup_unstable(state, ctxValues);\n});\nReferenceGroup.displayName = 'ReferenceGroup';\n//# sourceMappingURL=ReferenceGroup.js.map"],"names":["ReferenceGroup","React","forwardRef","props","ref","state","useReferenceGroup_unstable","ctxValues","useReferenceGroupContextValues","useReferenceGroupStyles_unstable","useCustomStyleHook","renderReferenceGroup_unstable","displayName"],"mappings":";;;;+BAUaA;;;eAAAA;;;;iEAVU;mCACoB;sCACG;yCACG;gDACF;+BACZ;AAK5B,MAAMA,iBAAiB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAClE,MAAMC,QAAQC,IAAAA,6CAA0B,EAACH,OAAOC;IAChD,MAAMG,YAAYC,IAAAA,8DAA8B,EAACH;IACjDI,IAAAA,yDAAgC,EAACJ;IACjCK,IAAAA,iCAAkB,EAAC,2BAA2BL;IAC9C,OAAOM,IAAAA,mDAA6B,EAACN,OAAOE;AAC9C;AACAP,eAAeY,WAAW,GAAG,kBAC7B,0CAA0C"}
@@ -1,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- //# sourceMappingURL=ReferenceGroup.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["ReferenceGroup.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=ReferenceGroup.types.js.map"],"names":[],"mappings":";;;;CACA,gDAAgD"}
@@ -1,11 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- const _export_star = require("@swc/helpers/_/_export_star");
6
- _export_star._(require("./ReferenceGroup"), exports);
7
- _export_star._(require("./ReferenceGroup.types"), exports);
8
- _export_star._(require("./renderReferenceGroup"), exports);
9
- _export_star._(require("./useReferenceGroup"), exports);
10
- _export_star._(require("./useReferenceGroupStyles"), exports);
11
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["index.js"],"sourcesContent":["export * from './ReferenceGroup';\nexport * from './ReferenceGroup.types';\nexport * from './renderReferenceGroup';\nexport * from './useReferenceGroup';\nexport * from './useReferenceGroupStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;CACd,iCAAiC"}
@@ -1,33 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "renderReferenceGroup_unstable", {
6
- enumerable: true,
7
- get: function() {
8
- return renderReferenceGroup_unstable;
9
- }
10
- });
11
- const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
12
- const _reactcomponents = require("@fluentui/react-components");
13
- const _ReferenceGroupContext = require("../../context/ReferenceGroupContext");
14
- const renderReferenceGroup_unstable = (state, contextValues)=>{
15
- (0, _reactcomponents.assertSlots)(state);
16
- var _state_detailsButton_children;
17
- return /*#__PURE__*/ (0, _jsxruntime.jsx)(_ReferenceGroupContext.ReferenceGroupProvider, {
18
- value: contextValues,
19
- children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
20
- children: [
21
- /*#__PURE__*/ (0, _jsxruntime.jsx)(state.detailsButton, {
22
- children: (_state_detailsButton_children = state.detailsButton.children) !== null && _state_detailsButton_children !== void 0 ? _state_detailsButton_children : /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
23
- children: [
24
- /*#__PURE__*/ (0, _jsxruntime.jsx)(state.label, {}),
25
- state.icon && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.icon, {})
26
- ]
27
- })
28
- }),
29
- /*#__PURE__*/ (0, _jsxruntime.jsx)(state.content, {})
30
- ]
31
- })
32
- });
33
- }; //# sourceMappingURL=renderReferenceGroup.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["renderReferenceGroup.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-components';\nimport { ReferenceGroupProvider } from '../../context/ReferenceGroupContext';\n/**\n * Render the final JSX of ReferenceGroup\n */\nexport const renderReferenceGroup_unstable = (state, contextValues) => {\n assertSlots(state);\n var _state_detailsButton_children;\n return /*#__PURE__*/_jsx(ReferenceGroupProvider, {\n value: contextValues,\n children: /*#__PURE__*/_jsxs(state.root, {\n children: [/*#__PURE__*/_jsx(state.detailsButton, {\n children: (_state_detailsButton_children = state.detailsButton.children) !== null && _state_detailsButton_children !== void 0 ? _state_detailsButton_children : /*#__PURE__*/_jsxs(_Fragment, {\n children: [/*#__PURE__*/_jsx(state.label, {}), state.icon && /*#__PURE__*/_jsx(state.icon, {})]\n })\n }), /*#__PURE__*/_jsx(state.content, {})]\n })\n });\n};\n//# sourceMappingURL=renderReferenceGroup.js.map"],"names":["renderReferenceGroup_unstable","state","contextValues","assertSlots","_state_detailsButton_children","_jsx","ReferenceGroupProvider","value","children","_jsxs","root","detailsButton","_Fragment","label","icon","content"],"mappings":";;;;+BAMaA;;;eAAAA;;;4BANqD;iCACtC;uCACW;AAIhC,MAAMA,gCAAgC,CAACC,OAAOC;IACnDC,IAAAA,4BAAW,EAACF;IACZ,IAAIG;IACJ,OAAO,WAAW,GAAEC,IAAAA,eAAI,EAACC,6CAAsB,EAAE;QAC/CC,OAAOL;QACPM,UAAU,WAAW,GAAEC,IAAAA,gBAAK,EAACR,MAAMS,IAAI,EAAE;YACvCF,UAAU;gBAAC,WAAW,GAAEH,IAAAA,eAAI,EAACJ,MAAMU,aAAa,EAAE;oBAChDH,UAAU,AAACJ,CAAAA,gCAAgCH,MAAMU,aAAa,CAACH,QAAQ,AAAD,MAAO,QAAQJ,kCAAkC,KAAK,IAAIA,gCAAgC,WAAW,GAAEK,IAAAA,gBAAK,EAACG,oBAAS,EAAE;wBAC5LJ,UAAU;4BAAC,WAAW,GAAEH,IAAAA,eAAI,EAACJ,MAAMY,KAAK,EAAE,CAAC;4BAAIZ,MAAMa,IAAI,IAAI,WAAW,GAAET,IAAAA,eAAI,EAACJ,MAAMa,IAAI,EAAE,CAAC;yBAAG;oBACjG;gBACF;gBAAI,WAAW,GAAET,IAAAA,eAAI,EAACJ,MAAMc,OAAO,EAAE,CAAC;aAAG;QAC3C;IACF;AACF,GACA,gDAAgD"}
@@ -1,103 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "useReferenceGroup_unstable", {
6
- enumerable: true,
7
- get: function() {
8
- return useReferenceGroup_unstable;
9
- }
10
- });
11
- const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
12
- const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
13
- const _reactcomponents = require("@fluentui/react-components");
14
- const _reacticons = require("@fluentui/react-icons");
15
- const _reactutilities = require("@fluentui/react-utilities");
16
- const _reactprovider = require("@fluentui-copilot/react-provider");
17
- const ctxReducer = (ctx, action)=>{
18
- if (action.type === 'TOGGLE_OPEN') {
19
- return {
20
- ...ctx,
21
- open: action.open
22
- };
23
- }
24
- return ctx;
25
- };
26
- const useReferenceGroup_unstable = (props, ref)=>{
27
- const { content, detailsButton, icon, label, root } = props;
28
- const mode = (0, _reactprovider.useCopilotMode)(props.mode);
29
- const [ctxValues, dispatch] = _react.useReducer(ctxReducer, {
30
- open: false
31
- });
32
- const isOpen = ctxValues.open;
33
- const toggleOpen = _react.useCallback((newOpen)=>{
34
- dispatch({
35
- type: 'TOGGLE_OPEN',
36
- open: newOpen
37
- });
38
- }, [
39
- dispatch
40
- ]);
41
- const setOpen = _react.useCallback(()=>{
42
- dispatch({
43
- type: 'TOGGLE_OPEN',
44
- open: true
45
- });
46
- }, [
47
- dispatch
48
- ]);
49
- const onDetailsButtonClick = (_e)=>{
50
- toggleOpen(!isOpen);
51
- };
52
- const nativeProps = (0, _reactcomponents.getPartitionedNativeProps)({
53
- props,
54
- primarySlotTagName: 'div'
55
- });
56
- const state = {
57
- mode,
58
- isOpen,
59
- setOpen,
60
- components: {
61
- root: 'div',
62
- label: 'span',
63
- icon: 'span',
64
- detailsButton: 'button',
65
- content: 'div'
66
- },
67
- root: _reactutilities.slot.always(root, {
68
- defaultProps: nativeProps.root,
69
- elementType: 'div'
70
- }),
71
- label: _reactutilities.slot.always(label, {
72
- elementType: 'span'
73
- }),
74
- icon: _reactutilities.slot.optional(icon, {
75
- defaultProps: {
76
- children: isOpen ? /*#__PURE__*/ _react.createElement(_reacticons.ChevronUp16Regular, null) : /*#__PURE__*/ _react.createElement(_reacticons.ChevronDown16Regular, null)
77
- },
78
- renderByDefault: true,
79
- elementType: 'span'
80
- }),
81
- detailsButton: _reactutilities.slot.always(detailsButton, {
82
- defaultProps: {
83
- 'aria-expanded': isOpen,
84
- type: 'button'
85
- },
86
- elementType: 'button'
87
- }),
88
- content: _reactutilities.slot.always(content, {
89
- defaultProps: {
90
- ref: ref,
91
- // use inert as a backup if display: none is overridden in styles to enable animation
92
- // inert getting added to React types is tracked here: https://github.com/DefinitelyTyped/DefinitelyTyped/pull/60822
93
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment
94
- // @ts-ignore
95
- inert: isOpen ? undefined : 'true',
96
- ...nativeProps.primary
97
- },
98
- elementType: 'div'
99
- })
100
- };
101
- state.detailsButton.onClick = (0, _reactutilities.mergeCallbacks)(state.detailsButton.onClick, onDetailsButtonClick);
102
- return state;
103
- }; //# sourceMappingURL=useReferenceGroup.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["useReferenceGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { getPartitionedNativeProps } from '@fluentui/react-components';\nimport { ChevronDown16Regular, ChevronUp16Regular } from '@fluentui/react-icons';\nimport { mergeCallbacks, slot } from '@fluentui/react-utilities';\nimport { useCopilotMode } from '@fluentui-copilot/react-provider';\nconst ctxReducer = (ctx, action) => {\n if (action.type === 'TOGGLE_OPEN') {\n return {\n ...ctx,\n open: action.open\n };\n }\n return ctx;\n};\n/**\n * Create the state required to render ReferenceGroup.\n *\n * The returned state can be modified with hooks such as useReferenceGroupStyles_unstable,\n * before being passed to renderReferenceGroup_unstable.\n *\n * @param props - props from this instance of ReferenceGroup\n * @param ref - reference to root HTMLElement of ReferenceGroup\n */\nexport const useReferenceGroup_unstable = (props, ref) => {\n const {\n content,\n detailsButton,\n icon,\n label,\n root\n } = props;\n const mode = useCopilotMode(props.mode);\n const [ctxValues, dispatch] = React.useReducer(ctxReducer, {\n open: false\n });\n const isOpen = ctxValues.open;\n const toggleOpen = React.useCallback(newOpen => {\n dispatch({\n type: 'TOGGLE_OPEN',\n open: newOpen\n });\n }, [dispatch]);\n const setOpen = React.useCallback(() => {\n dispatch({\n type: 'TOGGLE_OPEN',\n open: true\n });\n }, [dispatch]);\n const onDetailsButtonClick = _e => {\n toggleOpen(!isOpen);\n };\n const nativeProps = getPartitionedNativeProps({\n props,\n primarySlotTagName: 'div'\n });\n const state = {\n mode,\n isOpen,\n setOpen,\n components: {\n root: 'div',\n label: 'span',\n icon: 'span',\n detailsButton: 'button',\n content: 'div'\n },\n root: slot.always(root, {\n defaultProps: nativeProps.root,\n elementType: 'div'\n }),\n label: slot.always(label, {\n elementType: 'span'\n }),\n icon: slot.optional(icon, {\n defaultProps: {\n children: isOpen ? /*#__PURE__*/React.createElement(ChevronUp16Regular, null) : /*#__PURE__*/React.createElement(ChevronDown16Regular, null)\n },\n renderByDefault: true,\n elementType: 'span'\n }),\n detailsButton: slot.always(detailsButton, {\n defaultProps: {\n 'aria-expanded': isOpen,\n type: 'button'\n },\n elementType: 'button'\n }),\n content: slot.always(content, {\n defaultProps: {\n ref: ref,\n // use inert as a backup if display: none is overridden in styles to enable animation\n // inert getting added to React types is tracked here: https://github.com/DefinitelyTyped/DefinitelyTyped/pull/60822\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n inert: isOpen ? undefined : 'true',\n ...nativeProps.primary\n },\n elementType: 'div'\n })\n };\n state.detailsButton.onClick = mergeCallbacks(state.detailsButton.onClick, onDetailsButtonClick);\n return state;\n};\n//# sourceMappingURL=useReferenceGroup.js.map"],"names":["useReferenceGroup_unstable","ctxReducer","ctx","action","type","open","props","ref","content","detailsButton","icon","label","root","mode","useCopilotMode","ctxValues","dispatch","React","useReducer","isOpen","toggleOpen","useCallback","newOpen","setOpen","onDetailsButtonClick","_e","nativeProps","getPartitionedNativeProps","primarySlotTagName","state","components","slot","always","defaultProps","elementType","optional","children","createElement","ChevronUp16Regular","ChevronDown16Regular","renderByDefault","inert","undefined","primary","onClick","mergeCallbacks"],"mappings":";;;;+BAuBaA;;;eAAAA;;;;iEAvBU;iCACmB;4BACe;gCACpB;+BACN;AAC/B,MAAMC,aAAa,CAACC,KAAKC;IACvB,IAAIA,OAAOC,IAAI,KAAK,eAAe;QACjC,OAAO;YACL,GAAGF,GAAG;YACNG,MAAMF,OAAOE,IAAI;QACnB;IACF;IACA,OAAOH;AACT;AAUO,MAAMF,6BAA6B,CAACM,OAAOC;IAChD,MAAM,EACJC,OAAO,EACPC,aAAa,EACbC,IAAI,EACJC,KAAK,EACLC,IAAI,EACL,GAAGN;IACJ,MAAMO,OAAOC,IAAAA,6BAAc,EAACR,MAAMO,IAAI;IACtC,MAAM,CAACE,WAAWC,SAAS,GAAGC,OAAMC,UAAU,CAACjB,YAAY;QACzDI,MAAM;IACR;IACA,MAAMc,SAASJ,UAAUV,IAAI;IAC7B,MAAMe,aAAaH,OAAMI,WAAW,CAACC,CAAAA;QACnCN,SAAS;YACPZ,MAAM;YACNC,MAAMiB;QACR;IACF,GAAG;QAACN;KAAS;IACb,MAAMO,UAAUN,OAAMI,WAAW,CAAC;QAChCL,SAAS;YACPZ,MAAM;YACNC,MAAM;QACR;IACF,GAAG;QAACW;KAAS;IACb,MAAMQ,uBAAuBC,CAAAA;QAC3BL,WAAW,CAACD;IACd;IACA,MAAMO,cAAcC,IAAAA,0CAAyB,EAAC;QAC5CrB;QACAsB,oBAAoB;IACtB;IACA,MAAMC,QAAQ;QACZhB;QACAM;QACAI;QACAO,YAAY;YACVlB,MAAM;YACND,OAAO;YACPD,MAAM;YACND,eAAe;YACfD,SAAS;QACX;QACAI,MAAMmB,oBAAI,CAACC,MAAM,CAACpB,MAAM;YACtBqB,cAAcP,YAAYd,IAAI;YAC9BsB,aAAa;QACf;QACAvB,OAAOoB,oBAAI,CAACC,MAAM,CAACrB,OAAO;YACxBuB,aAAa;QACf;QACAxB,MAAMqB,oBAAI,CAACI,QAAQ,CAACzB,MAAM;YACxBuB,cAAc;gBACZG,UAAUjB,SAAS,WAAW,GAAEF,OAAMoB,aAAa,CAACC,8BAAkB,EAAE,QAAQ,WAAW,GAAErB,OAAMoB,aAAa,CAACE,gCAAoB,EAAE;YACzI;YACAC,iBAAiB;YACjBN,aAAa;QACf;QACAzB,eAAesB,oBAAI,CAACC,MAAM,CAACvB,eAAe;YACxCwB,cAAc;gBACZ,iBAAiBd;gBACjBf,MAAM;YACR;YACA8B,aAAa;QACf;QACA1B,SAASuB,oBAAI,CAACC,MAAM,CAACxB,SAAS;YAC5ByB,cAAc;gBACZ1B,KAAKA;gBACL,qFAAqF;gBACrF,oHAAoH;gBACpH,6DAA6D;gBAC7D,aAAa;gBACbkC,OAAOtB,SAASuB,YAAY;gBAC5B,GAAGhB,YAAYiB,OAAO;YACxB;YACAT,aAAa;QACf;IACF;IACAL,MAAMpB,aAAa,CAACmC,OAAO,GAAGC,IAAAA,8BAAc,EAAChB,MAAMpB,aAAa,CAACmC,OAAO,EAAEpB;IAC1E,OAAOK;AACT,GACA,6CAA6C"}
@@ -1,23 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "useReferenceGroupContextValues", {
6
- enumerable: true,
7
- get: function() {
8
- return useReferenceGroupContextValues;
9
- }
10
- });
11
- const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
12
- const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
13
- const useReferenceGroupContextValues = (state)=>{
14
- return _react.useMemo(()=>{
15
- return {
16
- open: state.isOpen,
17
- setOpen: state.setOpen
18
- };
19
- }, [
20
- state.isOpen,
21
- state.setOpen
22
- ]);
23
- }; //# sourceMappingURL=useReferenceGroupContextValues.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["useReferenceGroupContextValues.js"],"sourcesContent":["import * as React from 'react';\nexport const useReferenceGroupContextValues = state => {\n return React.useMemo(() => {\n return {\n open: state.isOpen,\n setOpen: state.setOpen\n };\n }, [state.isOpen, state.setOpen]);\n};\n//# sourceMappingURL=useReferenceGroupContextValues.js.map"],"names":["useReferenceGroupContextValues","state","React","useMemo","open","isOpen","setOpen"],"mappings":";;;;+BACaA;;;eAAAA;;;;iEADU;AAChB,MAAMA,iCAAiCC,CAAAA;IAC5C,OAAOC,OAAMC,OAAO,CAAC;QACnB,OAAO;YACLC,MAAMH,MAAMI,MAAM;YAClBC,SAASL,MAAMK,OAAO;QACxB;IACF,GAAG;QAACL,MAAMI,MAAM;QAAEJ,MAAMK,OAAO;KAAC;AAClC,GACA,0DAA0D"}
@@ -1,75 +0,0 @@
1
- "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
- referenceGroupClassNames: function() {
13
- return referenceGroupClassNames;
14
- },
15
- useReferenceGroupStyles_unstable: function() {
16
- return useReferenceGroupStyles_unstable;
17
- }
18
- });
19
- const _reactcomponents = require("@fluentui/react-components");
20
- const referenceGroupClassNames = {
21
- root: 'fai-ReferenceGroup',
22
- label: 'fai-ReferenceGroup__label',
23
- icon: 'fai-ReferenceGroup__icon',
24
- detailsButton: 'fai-ReferenceGroup__detailsButton',
25
- content: 'fai-ReferenceGroup__content'
26
- };
27
- const useRootClassName = (0, _reactcomponents.__resetStyles)("r1w2tk05", null, [
28
- ".r1w2tk05{display:flex;flex-direction:column;width:100%;gap:var(--spacingVerticalXS);}"
29
- ]);
30
- const useIconClassName = (0, _reactcomponents.__resetStyles)("r18biwo", null, [
31
- ".r18biwo{display:inline-flex;align-items:center;}"
32
- ]);
33
- const useDetailsButtonClassName = (0, _reactcomponents.__resetStyles)("raowymc", "rkpovx8", [
34
- ".raowymc{display:inline-flex;column-gap:var(--spacingHorizontalSNudge);align-items:center;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase300);border:0;background-color:transparent;color:var(--colorNeutralForeground3);height:24px;cursor:pointer;width:max-content;padding-left:0;padding-right:0;}",
35
- ".rkpovx8{display:inline-flex;column-gap:var(--spacingHorizontalSNudge);align-items:center;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase300);border:0;background-color:transparent;color:var(--colorNeutralForeground3);height:24px;cursor:pointer;width:max-content;padding-right:0;padding-left:0;}"
36
- ]);
37
- const useDetailsButtonStyles = (0, _reactcomponents.__styles)({
38
- canvas: {},
39
- sidecar: {
40
- Bahqtrf: "fk6fouc",
41
- Be2twd7: "fy9rknc",
42
- Bhrd7zp: "figsok6",
43
- Bg96gwp: "fwrc4pm"
44
- }
45
- }, {
46
- d: [
47
- ".fk6fouc{font-family:var(--fontFamilyBase);}",
48
- ".fy9rknc{font-size:var(--fontSizeBase200);}",
49
- ".figsok6{font-weight:var(--fontWeightRegular);}",
50
- ".fwrc4pm{line-height:var(--lineHeightBase200);}"
51
- ]
52
- });
53
- const useContentHiddenStyles = (0, _reactcomponents.__styles)({
54
- base: {
55
- mc9l5x: "fjseox"
56
- }
57
- }, {
58
- d: [
59
- ".fjseox{display:none;}"
60
- ]
61
- });
62
- const useReferenceGroupStyles_unstable = (state)=>{
63
- const { mode, isOpen } = state;
64
- const iconBaseClassName = useIconClassName();
65
- const detailsButtonStyles = useDetailsButtonStyles();
66
- const contentHiddenStyles = useContentHiddenStyles();
67
- state.root.className = (0, _reactcomponents.mergeClasses)(referenceGroupClassNames.root, useRootClassName(), state.root.className);
68
- state.label.className = (0, _reactcomponents.mergeClasses)(referenceGroupClassNames.label, state.label.className);
69
- if (state.icon) {
70
- state.icon.className = (0, _reactcomponents.mergeClasses)(referenceGroupClassNames.icon, iconBaseClassName, state.icon.className);
71
- }
72
- state.detailsButton.className = (0, _reactcomponents.mergeClasses)(referenceGroupClassNames.detailsButton, useDetailsButtonClassName(), detailsButtonStyles[mode], state.detailsButton.className);
73
- state.content.className = (0, _reactcomponents.mergeClasses)(referenceGroupClassNames.content, !isOpen && contentHiddenStyles.base, state.content.className);
74
- return state;
75
- }; //# sourceMappingURL=useReferenceGroupStyles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["useReferenceGroupStyles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses, tokens, typographyStyles } from '@fluentui/react-components';\nexport const referenceGroupClassNames = {\n root: 'fai-ReferenceGroup',\n label: 'fai-ReferenceGroup__label',\n icon: 'fai-ReferenceGroup__icon',\n detailsButton: 'fai-ReferenceGroup__detailsButton',\n content: 'fai-ReferenceGroup__content'\n};\nconst useRootClassName = __resetStyles(\"r1w2tk05\", null, [\".r1w2tk05{display:flex;flex-direction:column;width:100%;gap:var(--spacingVerticalXS);}\"]);\nconst useIconClassName = __resetStyles(\"r18biwo\", null, [\".r18biwo{display:inline-flex;align-items:center;}\"]);\nconst useDetailsButtonClassName = __resetStyles(\"raowymc\", \"rkpovx8\", [\".raowymc{display:inline-flex;column-gap:var(--spacingHorizontalSNudge);align-items:center;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase300);border:0;background-color:transparent;color:var(--colorNeutralForeground3);height:24px;cursor:pointer;width:max-content;padding-left:0;padding-right:0;}\", \".rkpovx8{display:inline-flex;column-gap:var(--spacingHorizontalSNudge);align-items:center;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase300);border:0;background-color:transparent;color:var(--colorNeutralForeground3);height:24px;cursor:pointer;width:max-content;padding-right:0;padding-left:0;}\"]);\nconst useDetailsButtonStyles = __styles({\n canvas: {},\n sidecar: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fy9rknc\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"fwrc4pm\"\n }\n}, {\n d: [\".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\"]\n});\nconst useContentHiddenStyles = __styles({\n base: {\n mc9l5x: \"fjseox\"\n }\n}, {\n d: [\".fjseox{display:none;}\"]\n});\n/**\n * Apply styling to the ReferenceGroup slots based on the state\n */\nexport const useReferenceGroupStyles_unstable = state => {\n const {\n mode,\n isOpen\n } = state;\n const iconBaseClassName = useIconClassName();\n const detailsButtonStyles = useDetailsButtonStyles();\n const contentHiddenStyles = useContentHiddenStyles();\n state.root.className = mergeClasses(referenceGroupClassNames.root, useRootClassName(), state.root.className);\n state.label.className = mergeClasses(referenceGroupClassNames.label, state.label.className);\n if (state.icon) {\n state.icon.className = mergeClasses(referenceGroupClassNames.icon, iconBaseClassName, state.icon.className);\n }\n state.detailsButton.className = mergeClasses(referenceGroupClassNames.detailsButton, useDetailsButtonClassName(), detailsButtonStyles[mode], state.detailsButton.className);\n state.content.className = mergeClasses(referenceGroupClassNames.content, !isOpen && contentHiddenStyles.base, state.content.className);\n return state;\n};\n//# sourceMappingURL=useReferenceGroupStyles.js.map"],"names":["referenceGroupClassNames","useReferenceGroupStyles_unstable","root","label","icon","detailsButton","content","useRootClassName","__resetStyles","useIconClassName","useDetailsButtonClassName","useDetailsButtonStyles","__styles","canvas","sidecar","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d","useContentHiddenStyles","base","mc9l5x","state","mode","isOpen","iconBaseClassName","detailsButtonStyles","contentHiddenStyles","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,wBAAwB;eAAxBA;;IA+BAC,gCAAgC;eAAhCA;;;iCAhCmE;AACzE,MAAMD,2BAA2B;IACtCE,MAAM;IACNC,OAAO;IACPC,MAAM;IACNC,eAAe;IACfC,SAAS;AACX;AACA,MAAMC,mBAAmBC,IAAAA,8BAAa,EAAC,YAAY,MAAM;IAAC;CAAyF;AACnJ,MAAMC,mBAAmBD,IAAAA,8BAAa,EAAC,WAAW,MAAM;IAAC;CAAoD;AAC7G,MAAME,4BAA4BF,IAAAA,8BAAa,EAAC,WAAW,WAAW;IAAC;IAAmY;CAAkY;AAC50B,MAAMG,yBAAyBC,IAAAA,yBAAQ,EAAC;IACtCC,QAAQ,CAAC;IACTC,SAAS;QACPC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAAgD;QAA+C;QAAmD;KAAkD;AAC1M;AACA,MAAMC,yBAAyBR,IAAAA,yBAAQ,EAAC;IACtCS,MAAM;QACJC,QAAQ;IACV;AACF,GAAG;IACDH,GAAG;QAAC;KAAyB;AAC/B;AAIO,MAAMlB,mCAAmCsB,CAAAA;IAC9C,MAAM,EACJC,IAAI,EACJC,MAAM,EACP,GAAGF;IACJ,MAAMG,oBAAoBjB;IAC1B,MAAMkB,sBAAsBhB;IAC5B,MAAMiB,sBAAsBR;IAC5BG,MAAMrB,IAAI,CAAC2B,SAAS,GAAGC,IAAAA,6BAAY,EAAC9B,yBAAyBE,IAAI,EAAEK,oBAAoBgB,MAAMrB,IAAI,CAAC2B,SAAS;IAC3GN,MAAMpB,KAAK,CAAC0B,SAAS,GAAGC,IAAAA,6BAAY,EAAC9B,yBAAyBG,KAAK,EAAEoB,MAAMpB,KAAK,CAAC0B,SAAS;IAC1F,IAAIN,MAAMnB,IAAI,EAAE;QACdmB,MAAMnB,IAAI,CAACyB,SAAS,GAAGC,IAAAA,6BAAY,EAAC9B,yBAAyBI,IAAI,EAAEsB,mBAAmBH,MAAMnB,IAAI,CAACyB,SAAS;IAC5G;IACAN,MAAMlB,aAAa,CAACwB,SAAS,GAAGC,IAAAA,6BAAY,EAAC9B,yBAAyBK,aAAa,EAAEK,6BAA6BiB,mBAAmB,CAACH,KAAK,EAAED,MAAMlB,aAAa,CAACwB,SAAS;IAC1KN,MAAMjB,OAAO,CAACuB,SAAS,GAAGC,IAAAA,6BAAY,EAAC9B,yBAAyBM,OAAO,EAAE,CAACmB,UAAUG,oBAAoBP,IAAI,EAAEE,MAAMjB,OAAO,CAACuB,SAAS;IACrI,OAAON;AACT,GACA,mDAAmD"}
@@ -1,78 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "useReferenceCitation", {
6
- enumerable: true,
7
- get: function() {
8
- return useReferenceCitation;
9
- }
10
- });
11
- const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
12
- const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
13
- const _reactcomponents = require("@fluentui/react-components");
14
- const _Citation = require("../Citation");
15
- const _Reference = require("../Reference");
16
- const useReferenceCitation = ({ index, referenceId: propsRefId, citationId: propsCiteId, citationProps, referenceProps, popoverProps })=>{
17
- const refId = (0, _reactcomponents.useId)();
18
- const citeId = (0, _reactcomponents.useId)();
19
- const referenceId = propsRefId !== null && propsRefId !== void 0 ? propsRefId : refId;
20
- const citationId = propsCiteId !== null && propsCiteId !== void 0 ? propsCiteId : citeId;
21
- const components = _react.useMemo(()=>{
22
- const citationHref = `#${citationId}`;
23
- const PackagedCitation = (props)=>{
24
- return /*#__PURE__*/ _react.createElement(_Citation.Citation, {
25
- ...citationProps,
26
- id: citationId,
27
- referenceId: referenceId,
28
- ...props
29
- }, index);
30
- };
31
- const PackagedReference = (props)=>{
32
- return /*#__PURE__*/ _react.createElement(_Reference.Reference, {
33
- ...referenceProps,
34
- index: index,
35
- referenceId: referenceId,
36
- citationHref: citationHref,
37
- ...props
38
- });
39
- };
40
- const PackagedCitationPopover = (props)=>{
41
- const referenceLabel = referenceProps ? (0, _reactcomponents.resolveShorthand)(referenceProps.label, {
42
- required: true
43
- }) : {};
44
- const popoverLabel = popoverProps ? (0, _reactcomponents.resolveShorthand)(popoverProps.label, {
45
- required: true
46
- }) : {};
47
- const label = (0, _reactcomponents.resolveShorthand)(props.label, {
48
- required: true
49
- });
50
- const labelProps = {
51
- ...referenceLabel,
52
- ...popoverLabel,
53
- ...label
54
- };
55
- return /*#__PURE__*/ _react.createElement(_Reference.Reference, {
56
- ...referenceProps,
57
- ...popoverProps,
58
- index: index,
59
- ...props,
60
- label: labelProps,
61
- layout: "popover"
62
- });
63
- };
64
- return {
65
- Citation: PackagedCitation,
66
- Reference: PackagedReference,
67
- Popover: PackagedCitationPopover
68
- };
69
- }, [
70
- index,
71
- referenceId,
72
- citationId,
73
- referenceProps,
74
- citationProps,
75
- popoverProps
76
- ]);
77
- return components;
78
- }; //# sourceMappingURL=useReferenceCitation.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["useReferenceCitation.js"],"sourcesContent":["import * as React from 'react';\nimport { resolveShorthand, useId } from '@fluentui/react-components';\nimport { Citation } from '../Citation';\nimport { Reference } from '../Reference';\n/**\n * Hook to package a `Citation` and `Reference` together in an\n * accessibly by default manner.\n *\n * When using citations and references, prefer using them via this\n * hook to ensure props are wired up correctly.\n *\n * @deprecated Use `useReferenceCitationPreview` hook instead.\n */\nexport const useReferenceCitation = ({\n index,\n referenceId: propsRefId,\n citationId: propsCiteId,\n citationProps,\n referenceProps,\n popoverProps\n}) => {\n const refId = useId();\n const citeId = useId();\n const referenceId = propsRefId !== null && propsRefId !== void 0 ? propsRefId : refId;\n const citationId = propsCiteId !== null && propsCiteId !== void 0 ? propsCiteId : citeId;\n const components = React.useMemo(() => {\n const citationHref = `#${citationId}`;\n const PackagedCitation = props => {\n return /*#__PURE__*/React.createElement(Citation, {\n ...citationProps,\n id: citationId,\n referenceId: referenceId,\n ...props\n }, index);\n };\n const PackagedReference = props => {\n return /*#__PURE__*/React.createElement(Reference, {\n ...referenceProps,\n index: index,\n referenceId: referenceId,\n citationHref: citationHref,\n ...props\n });\n };\n const PackagedCitationPopover = props => {\n const referenceLabel = referenceProps ? resolveShorthand(referenceProps.label, {\n required: true\n }) : {};\n const popoverLabel = popoverProps ? resolveShorthand(popoverProps.label, {\n required: true\n }) : {};\n const label = resolveShorthand(props.label, {\n required: true\n });\n const labelProps = {\n ...referenceLabel,\n ...popoverLabel,\n ...label\n };\n return /*#__PURE__*/React.createElement(Reference, {\n ...referenceProps,\n ...popoverProps,\n index: index,\n ...props,\n label: labelProps,\n layout: \"popover\"\n });\n };\n return {\n Citation: PackagedCitation,\n Reference: PackagedReference,\n Popover: PackagedCitationPopover\n };\n }, [index, referenceId, citationId, referenceProps, citationProps, popoverProps]);\n return components;\n};\n//# sourceMappingURL=useReferenceCitation.js.map"],"names":["useReferenceCitation","index","referenceId","propsRefId","citationId","propsCiteId","citationProps","referenceProps","popoverProps","refId","useId","citeId","components","React","useMemo","citationHref","PackagedCitation","props","createElement","Citation","id","PackagedReference","Reference","PackagedCitationPopover","referenceLabel","resolveShorthand","label","required","popoverLabel","labelProps","layout","Popover"],"mappings":";;;;+BAaaA;;;eAAAA;;;;iEAbU;iCACiB;0BACf;2BACC;AAUnB,MAAMA,uBAAuB,CAAC,EACnCC,KAAK,EACLC,aAAaC,UAAU,EACvBC,YAAYC,WAAW,EACvBC,aAAa,EACbC,cAAc,EACdC,YAAY,EACb;IACC,MAAMC,QAAQC,IAAAA,sBAAK;IACnB,MAAMC,SAASD,IAAAA,sBAAK;IACpB,MAAMR,cAAcC,eAAe,QAAQA,eAAe,KAAK,IAAIA,aAAaM;IAChF,MAAML,aAAaC,gBAAgB,QAAQA,gBAAgB,KAAK,IAAIA,cAAcM;IAClF,MAAMC,aAAaC,OAAMC,OAAO,CAAC;QAC/B,MAAMC,eAAe,CAAC,CAAC,EAAEX,WAAW,CAAC;QACrC,MAAMY,mBAAmBC,CAAAA;YACvB,OAAO,WAAW,GAAEJ,OAAMK,aAAa,CAACC,kBAAQ,EAAE;gBAChD,GAAGb,aAAa;gBAChBc,IAAIhB;gBACJF,aAAaA;gBACb,GAAGe,KAAK;YACV,GAAGhB;QACL;QACA,MAAMoB,oBAAoBJ,CAAAA;YACxB,OAAO,WAAW,GAAEJ,OAAMK,aAAa,CAACI,oBAAS,EAAE;gBACjD,GAAGf,cAAc;gBACjBN,OAAOA;gBACPC,aAAaA;gBACba,cAAcA;gBACd,GAAGE,KAAK;YACV;QACF;QACA,MAAMM,0BAA0BN,CAAAA;YAC9B,MAAMO,iBAAiBjB,iBAAiBkB,IAAAA,iCAAgB,EAAClB,eAAemB,KAAK,EAAE;gBAC7EC,UAAU;YACZ,KAAK,CAAC;YACN,MAAMC,eAAepB,eAAeiB,IAAAA,iCAAgB,EAACjB,aAAakB,KAAK,EAAE;gBACvEC,UAAU;YACZ,KAAK,CAAC;YACN,MAAMD,QAAQD,IAAAA,iCAAgB,EAACR,MAAMS,KAAK,EAAE;gBAC1CC,UAAU;YACZ;YACA,MAAME,aAAa;gBACjB,GAAGL,cAAc;gBACjB,GAAGI,YAAY;gBACf,GAAGF,KAAK;YACV;YACA,OAAO,WAAW,GAAEb,OAAMK,aAAa,CAACI,oBAAS,EAAE;gBACjD,GAAGf,cAAc;gBACjB,GAAGC,YAAY;gBACfP,OAAOA;gBACP,GAAGgB,KAAK;gBACRS,OAAOG;gBACPC,QAAQ;YACV;QACF;QACA,OAAO;YACLX,UAAUH;YACVM,WAAWD;YACXU,SAASR;QACX;IACF,GAAG;QAACtB;QAAOC;QAAaE;QAAYG;QAAgBD;QAAeE;KAAa;IAChF,OAAOI;AACT,GACA,gDAAgD"}