@fluentui-copilot/react-reference 0.15.4 → 0.15.5-hotfix.2

package/lib-commonjs/components/reference-v2/ReferenceOverflowButton/useReferenceOverflowButtonStyles.styles.raw.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    referenceOverflowButtonClassNames: function() {
+        return referenceOverflowButtonClassNames;
+    },
+    useReferenceOverflowButtonStyles_unstable: function() {
+        return useReferenceOverflowButtonStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _tokens = require("@fluentui-copilot/tokens");
+const referenceOverflowButtonClassNames = {
+    root: 'fai-ReferenceOverflowButton'
+};
+/**
+ * Styles for the root slot
+ */ const useRootBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    alignItems: 'center',
+    backgroundColor: _tokens.tokens.colorNeutralBackground3,
+    border: `${_tokens.tokens.strokeWidthThin} solid ${_tokens.tokens.colorNeutralStroke2}`,
+    borderRadius: _tokens.tokens.borderRadiusMedium,
+    color: _tokens.tokens.colorNeutralForeground2,
+    cursor: 'pointer',
+    display: 'inline-flex',
+    justifyContent: 'center',
+    minHeight: '24px',
+    padding: `${_tokens.tokens.spacingVerticalXXS} ${_tokens.tokens.spacingHorizontalS}`,
+    ..._reactcomponents.typographyStyles.caption1,
+    ':hover': {
+        backgroundColor: _tokens.tokens.colorNeutralBackground3Hover,
+        borderColor: _tokens.tokens.colorNeutralStroke1Hover,
+        color: _tokens.tokens.colorNeutralForeground2Hover
+    },
+    ':hover:active': {
+        backgroundColor: _tokens.tokens.colorNeutralBackground3Pressed,
+        borderColor: _tokens.tokens.colorNeutralStroke1Pressed,
+        color: _tokens.tokens.colorNeutralForeground2Pressed
+    }
+});
+const useNextStyles = (0, _reactcomponents.makeStyles)({
+    root: {
+        borderRadius: _tokens.tokens.borderRadiusXLarge
+    }
+});
+const useReferenceOverflowButtonStyles_unstable = (state)=>{
+    'use no memo';
+    const { designVersion } = state;
+    const rootBaseClassName = useRootBaseClassName();
+    const nextStyles = useNextStyles();
+    state.root.className = (0, _reactcomponents.mergeClasses)(referenceOverflowButtonClassNames.root, rootBaseClassName, designVersion === 'next' && nextStyles.root, state.root.className);
+    return state;
+}; //# sourceMappingURL=useReferenceOverflowButtonStyles.styles.raw.js.map

package/lib-commonjs/components/reference-v2/ReferenceOverflowButton/useReferenceOverflowButtonStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useReferenceOverflowButtonStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, typographyStyles } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { ReferenceOverflowButtonSlots, ReferenceOverflowButtonState } from './ReferenceOverflowButton.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const referenceOverflowButtonClassNames: SlotClassNames<ReferenceOverflowButtonSlots> = {\n  root: 'fai-ReferenceOverflowButton',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootBaseClassName = makeResetStyles({\n  alignItems: 'center',\n  backgroundColor: tokens.colorNeutralBackground3,\n  border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke2}`,\n  borderRadius: tokens.borderRadiusMedium,\n  color: tokens.colorNeutralForeground2,\n  cursor: 'pointer',\n  display: 'inline-flex',\n  justifyContent: 'center',\n  minHeight: '24px',\n  padding: `${tokens.spacingVerticalXXS} ${tokens.spacingHorizontalS}`,\n  ...typographyStyles.caption1,\n\n  ':hover': {\n    backgroundColor: tokens.colorNeutralBackground3Hover,\n    borderColor: tokens.colorNeutralStroke1Hover,\n    color: tokens.colorNeutralForeground2Hover,\n  },\n\n  ':hover:active': {\n    backgroundColor: tokens.colorNeutralBackground3Pressed,\n    borderColor: tokens.colorNeutralStroke1Pressed,\n    color: tokens.colorNeutralForeground2Pressed,\n  },\n});\n\nconst useNextStyles = makeStyles({ root: { borderRadius: tokens.borderRadiusXLarge } });\n\n/**\n * Apply styling to the ReferenceOverflowButton slots based on the state\n */\nexport const useReferenceOverflowButtonStyles_unstable = (\n  state: ReferenceOverflowButtonState,\n): ReferenceOverflowButtonState => {\n  'use no memo';\n\n  const { designVersion } = state;\n\n  const rootBaseClassName = useRootBaseClassName();\n  const nextStyles = useNextStyles();\n\n  state.root.className = mergeClasses(\n    referenceOverflowButtonClassNames.root,\n    rootBaseClassName,\n    designVersion === 'next' && nextStyles.root,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["referenceOverflowButtonClassNames","designVersion","state","root","alignItems","makeResetStyles","backgroundColor","tokens","strokeWidthThin","borderRadius","borderRadiusMedium","colorNeutralStroke2","colorNeutralForeground2","cursor","display","justifyContent","typographyStyles","spacingHorizontalS","caption1","colorNeutralStroke1Hover","colorNeutralForeground2Hover","color","colorNeutralStroke1Pressed","colorNeutralForeground2Pressed","makeStyles","borderRadiusXLarge"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,iCAAAA;eAAAA;;IA2CHC,yCAAkBC;eAAlBD;;;iCAhDkE;wBACrD;AAIhB,MAAMD,oCAAkF;UAC7FG;AACF;AAEA;;CAEC,SAECC,uBAAYC,IAAAA,gCAAA,EAAA;gBACZC;qBACWC,cAAOC,CAAAA,uBAAyBD;YAC3CE,CAAAA,EAAAA,cAAcF,CAAAA,eAAOG,CAAAA,OAAkB,EAAAH,cAAA,CAAAI,mBAAA,CAAA,CAAA;kBAChCJ,cAAOK,CAAAA,kBAAuB;WACrCC,cAAQ,CAAAD,uBAAA;YACRE;aACAC;oBACW;eACF;aACNC,CAAAA,EAAAA,cAAAA,CAAAA,kBAAyB,CAAA,CAAA,EAAAT,cAAA,CAAAU,kBAAA,CAAA,CAAA;OAE5BD,iCAAU,CAAAE,QAAA;cACRZ;yBACaC,cAAAA,CAAOY,4BAAwB;qBACrCZ,cAAOa,CAAAA,wBAAAA;QAChBC,OAAAd,cAAA,CAAAa,4BAAA;;qBAGEd;yBACaC,cAAAA,CAAOe,8BAA0B;qBACvCf,cAAOgB,CAAAA,0BAAAA;QAChBF,OAAAd,cAAA,CAAAgB,8BAAA;IACF;AAEA;MAAmCpB,gBAAMqB,IAAAA,2BAAA,EAAA;UAAEf;QAAwCA,cAAAF,cAAA,CAAAkB,kBAAA;IAAE;AAErF;AAQE,MAAQxB,4CAAkBC,CAAAA;;UAK1BA,EAOAD,aAAOC,EACP,GAAAA"}

package/lib-commonjs/utilities/useReferenceGroup.js

@@ -11,18 +11,10 @@ Object.defineProperty(exports, "useReferenceGroup", {
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _reactcomponents = require("@fluentui/react-components");
-const useStyles = (0, _reactcomponents.__styles)({
-    hidden: {
-        mc9l5x: "fjseox"
-    }
-}, {
-    d: [
-        ".fjseox{display:none;}"
-    ]
-});
+const _useReferenceGroupstyles = require("./useReferenceGroup.styles");
 const useReferenceGroup = (props)=>{
     const [isOpen, setIsOpen] = _react.useState(false);
-    const styles = useStyles();
+    const styles = (0, _useReferenceGroupstyles.useStyles)();
     const referenceListId = (0, _reactcomponents.useId)('reference-list', props.referenceListId);
     return _react.useMemo(()=>{
         const handleClick = ()=>{

package/lib-commonjs/utilities/useReferenceGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useReferenceGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { makeStyles, useId } from '@fluentui/react-components';\nimport type { ReferenceListProps } from '../ReferenceList';\nimport type { ReferenceGroupToggleProps } from '../ReferenceGroupToggle';\n\nexport type UseReferenceGroupProps = { referenceListId?: string };\nexport type UseReferenceGroup = (props: UseReferenceGroupProps) => {\n  referenceGroupToggleProps: ReferenceGroupToggleProps;\n  referenceListProps: ReferenceListProps;\n};\n\nconst useStyles = makeStyles({\n  hidden: {\n    display: 'none',\n  },\n});\n\n/**\n * Hook to package a `ReferenceGroupToggle` and `ReferenceList` together and\n * maintain their `isOpen` state.\n *\n * When rendering a group of references, prefer to use this hook\n * hook to ensure state is maintained correctly\n */\nexport const useReferenceGroup: UseReferenceGroup = props => {\n  const [isOpen, setIsOpen] = React.useState(false);\n  const styles = useStyles();\n  const referenceListId = useId('reference-list', props.referenceListId);\n\n  return React.useMemo(() => {\n    const handleClick = () => {\n      setIsOpen(isOpen => !isOpen);\n    };\n\n    const referenceGroupToggleProps = {\n      'aria-controls': referenceListId,\n      isOpen,\n      onClick: handleClick,\n    };\n\n    const referenceListProps = {\n      className: isOpen ? undefined : styles.hidden,\n      id: referenceListId,\n    };\n\n    return { referenceGroupToggleProps, referenceListProps };\n  }, [isOpen, referenceListId, styles.hidden]);\n};\n"],"names":["referenceListId","useStyles","makeStyles","hidden","display","d","useId","isOpen","useMemo","React","useState","styles","handleClick","referenceGroupToggleProps","className","referenceListProps","undefined"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA2BQA;;;eAAAA;;;;iEA3Be;iCACG;AAU1B,MAAMC,YAAYC,IAAAA,yBAAAA,EAAAA;YAChBC;gBACEC;;AAEJ,GAAA;IAEAC,GAAA;QAAA;KAAA;;AAUE,MAAML,oBAAkBM,CAAAA;UAExB,CAAAC,QAAaC,UAAQ,GAAAC,OAAAC,QAAA,CAAA;UACnBC,SAAMC;4BACML,IAAAA,sBAAAA,EAAU,kBAACA,MAAAA,eAAAA;WACvBE,OAAAD,OAAA,CAAA;cAEAI,cAAMC;sBACJN,CAAAA,SAAA,CAAAA;;0CAESK;6BACXZ;;qBAGEc;;cAEFC,qBAAA;uBAEOR,SAAAS,YAAAL,OAAAR,MAAA;;;eAAgD;YACzDU;;;;;QAA6BF;QAAaA,OAAAR,MAAA;KAAA;GAC5C,6CAAE"}
+{"version":3,"sources":["useReferenceGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useId } from '@fluentui/react-components';\nimport type { ReferenceListProps } from '../ReferenceList';\nimport type { ReferenceGroupToggleProps } from '../ReferenceGroupToggle';\nimport { useStyles } from './useReferenceGroup.styles';\n\nexport type UseReferenceGroupProps = { referenceListId?: string };\nexport type UseReferenceGroup = (props: UseReferenceGroupProps) => {\n  referenceGroupToggleProps: ReferenceGroupToggleProps;\n  referenceListProps: ReferenceListProps;\n};\n\n/**\n * Hook to package a `ReferenceGroupToggle` and `ReferenceList` together and\n * maintain their `isOpen` state.\n *\n * When rendering a group of references, prefer to use this hook\n * hook to ensure state is maintained correctly\n */\nexport const useReferenceGroup: UseReferenceGroup = props => {\n  const [isOpen, setIsOpen] = React.useState(false);\n  const styles = useStyles();\n  const referenceListId = useId('reference-list', props.referenceListId);\n\n  return React.useMemo(() => {\n    const handleClick = () => {\n      setIsOpen(isOpen => !isOpen);\n    };\n\n    const referenceGroupToggleProps = {\n      'aria-controls': referenceListId,\n      isOpen,\n      onClick: handleClick,\n    };\n\n    const referenceListProps = {\n      className: isOpen ? undefined : styles.hidden,\n      id: referenceListId,\n    };\n\n    return { referenceGroupToggleProps, referenceListProps };\n  }, [isOpen, referenceListId, styles.hidden]);\n};\n"],"names":["isOpen","React","styles","useStyles","referenceListId","useId","props","handleClick"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAoBSA;;;eAAAA;;;;iEApBc;iCACD;yCAGI;AAgBxB,MAAOA,oBAAqBC,CAAAA;UAC5B,CAAAD,QAAME,UAASC,GAAAA,OAAAA,QAAAA,CAAAA;UACfD,SAAME,IAAAA,kCAAAA;UAENA,kBAAqBC,IAAAA,sBAAA,EAAA,kBAAAC,MAAAF,eAAA;WACnBH,OAAMM,OAAAA,CAAAA;4BACMP;sBACZA,CAAAA,SAAA,CAAAA;;0CAGmBI;6BACjBJ;;qBAEFO;;mCAGaP;uBACPI,SAAAA,YAAAA,OAAAA,MAAAA;gBACNA;;;;;QAGF;;;QAAIJ;QAAAA,OAAAA,MAAAA;KAAAA;gDAAsC"}

package/lib-commonjs/utilities/useReferenceGroup.styles.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useStyles", {
+    enumerable: true,
+    get: function() {
+        return useStyles;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const useStyles = (0, _reactcomponents.__styles)({
+    hidden: {
+        mc9l5x: "fjseox"
+    }
+}, {
+    d: [
+        ".fjseox{display:none;}"
+    ]
+}); //# sourceMappingURL=useReferenceGroup.styles.js.map

package/lib-commonjs/utilities/useReferenceGroup.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useReferenceGroup.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\n\nexport const useStyles = makeStyles({\n  hidden: {\n    display: 'none',\n  },\n});\n"],"names":["useStyles","makeStyles","hidden","display"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BAEaA;;;eAAAA;;;iCAFM;AAEZ,MAAMA,YAAYC,IAAAA,yBAAAA,EAAAA;YACvBC;gBACEC;;AAEJ,GAAG"}

package/lib-commonjs/utilities/useReferenceGroup.styles.raw.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useStyles", {
+    enumerable: true,
+    get: function() {
+        return useStyles;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const useStyles = (0, _reactcomponents.makeStyles)({
+    hidden: {
+        display: 'none'
+    }
+}); //# sourceMappingURL=useReferenceGroup.styles.raw.js.map

package/lib-commonjs/utilities/useReferenceGroup.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useReferenceGroup.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\n\nexport const useStyles = makeStyles({\n  hidden: {\n    display: 'none',\n  },\n});\n"],"names":["useStyles","makeStyles","hidden","display"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BAEaA;;;eAAAA;;;iCAFc;AAEpB,MAAMA,YAAYC,IAAAA,2BAAAA,EAAW;YAClCC;iBACEC;;AAEJ"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-copilot/react-reference",
-  "version": "0.15.4",
+  "version": "0.15.5-hotfix.2",
   "description": "Fluent AI controls for citations and references",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -12,11 +12,11 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@fluentui-copilot/react-preview": "^0.7.4",
-    "@fluentui-copilot/react-provider": "^0.11.3",
-    "@fluentui-copilot/react-sensitivity-label": "^0.7.4",
-    "@fluentui-copilot/react-utilities": "^0.0.8",
-    "@fluentui-copilot/tokens": "^0.3.11",
+    "@fluentui-copilot/react-preview": "0.7.4-hotfix.2",
+    "@fluentui-copilot/react-provider": "0.11.3-hotfix.2",
+    "@fluentui-copilot/react-sensitivity-label": "0.7.4-hotfix.2",
+    "@fluentui-copilot/react-utilities": "0.0.8-hotfix.2",
+    "@fluentui-copilot/tokens": "0.3.11-hotfix.2",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
@@ -32,11 +32,7 @@
     "react": ">=16.14.0 <19.0.0",
     "react-dom": ">=16.14.0 <19.0.0"
   },
-  "beachball": {
-    "disallowedChangeTypes": [
-      "major"
-    ]
-  },
+  "beachball": {},
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",