@fluentui/react-popover 0.0.0-nightly-20230317-0436.1 → 0.0.0-nightly-20230317-1454.1

package/lib-commonjs/components/PopoverSurface/PopoverSurface.js

@@ -1,25 +1,24 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "PopoverSurface", {
+    enumerable: true,
+    get: ()=>PopoverSurface
 });
-exports.PopoverSurface = void 0;
-const React = /*#__PURE__*/require("react");
-const usePopoverSurface_1 = /*#__PURE__*/require("./usePopoverSurface");
-const renderPopoverSurface_1 = /*#__PURE__*/require("./renderPopoverSurface");
-const usePopoverSurfaceStyles_1 = /*#__PURE__*/require("./usePopoverSurfaceStyles");
-const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
-/**
- * PopoverSurface component renders react children in a positioned box
- */
-exports.PopoverSurface = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = usePopoverSurface_1.usePopoverSurface_unstable(props, ref);
-  usePopoverSurfaceStyles_1.usePopoverSurfaceStyles_unstable(state);
-  const {
-    usePopoverSurfaceStyles_unstable: useCustomStyles
-  } = react_shared_contexts_1.useCustomStyleHooks_unstable();
-  useCustomStyles(state);
-  return renderPopoverSurface_1.renderPopoverSurface_unstable(state);
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _usePopoverSurface = require("./usePopoverSurface");
+const _renderPopoverSurface = require("./renderPopoverSurface");
+const _usePopoverSurfaceStyles = require("./usePopoverSurfaceStyles");
+const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const PopoverSurface = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _usePopoverSurface.usePopoverSurface_unstable)(props, ref);
+    (0, _usePopoverSurfaceStyles.usePopoverSurfaceStyles_unstable)(state);
+    const { usePopoverSurfaceStyles_unstable: useCustomStyles  } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
+    useCustomStyles(state);
+    return (0, _renderPopoverSurface.renderPopoverSurface_unstable)(state);
 });
-exports.PopoverSurface.displayName = 'PopoverSurface';
+PopoverSurface.displayName = "PopoverSurface"; //# sourceMappingURL=PopoverSurface.js.map
+
 //# sourceMappingURL=PopoverSurface.js.map

package/lib-commonjs/components/PopoverSurface/PopoverSurface.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","require","usePopoverSurface_1","renderPopoverSurface_1","usePopoverSurfaceStyles_1","react_shared_contexts_1","exports","PopoverSurface","forwardRef","props","ref","state","usePopoverSurface_unstable","usePopoverSurfaceStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderPopoverSurface_unstable","displayName"],"sources":["../../../../../../../../../packages/react-components/react-popover/src/components/PopoverSurface/PopoverSurface.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePopoverSurface_unstable } from './usePopoverSurface';\nimport { renderPopoverSurface_unstable } from './renderPopoverSurface';\nimport { usePopoverSurfaceStyles_unstable } from './usePopoverSurfaceStyles';\nimport type { PopoverSurfaceProps } from './PopoverSurface.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * PopoverSurface component renders react children in a positioned box\n */\nexport const PopoverSurface: ForwardRefComponent<PopoverSurfaceProps> = React.forwardRef((props, ref) => {\n  const state = usePopoverSurface_unstable(props, ref);\n\n  usePopoverSurfaceStyles_unstable(state);\n\n  const { usePopoverSurfaceStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderPopoverSurface_unstable(state);\n});\n\nPopoverSurface.displayName = 'PopoverSurface';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,mBAAA,gBAAAD,OAAA;AACA,MAAAE,sBAAA,gBAAAF,OAAA;AACA,MAAAG,yBAAA,gBAAAH,OAAA;AAGA,MAAAI,uBAAA,gBAAAJ,OAAA;AAEA;;;AAGaK,OAAA,CAAAC,cAAc,gBAA6CP,KAAK,CAACQ,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACtG,MAAMC,KAAK,GAAGT,mBAAA,CAAAU,0BAA0B,CAACH,KAAK,EAAEC,GAAG,CAAC;EAEpDN,yBAAA,CAAAS,gCAAgC,CAACF,KAAK,CAAC;EAEvC,MAAM;IAAEE,gCAAgC,EAAEC;EAAe,CAAE,GAAGT,uBAAA,CAAAU,4BAA4B,EAAE;EAC5FD,eAAe,CAACH,KAAK,CAAC;EAEtB,OAAOR,sBAAA,CAAAa,6BAA6B,CAACL,KAAK,CAAC;AAC7C,CAAC,CAAC;AAEFL,OAAA,CAAAC,cAAc,CAACU,WAAW,GAAG,gBAAgB"}
+{"version":3,"sources":["../../../lib/components/PopoverSurface/PopoverSurface.js"],"sourcesContent":["import * as React from \"react\";\nimport { usePopoverSurface_unstable } from \"./usePopoverSurface\";\nimport { renderPopoverSurface_unstable } from \"./renderPopoverSurface\";\nimport { usePopoverSurfaceStyles_unstable } from \"./usePopoverSurfaceStyles\";\nimport { useCustomStyleHooks_unstable } from \"@fluentui/react-shared-contexts\";\n/**\n * PopoverSurface component renders react children in a positioned box\n */\nexport const PopoverSurface = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = usePopoverSurface_unstable(props, ref);\n  usePopoverSurfaceStyles_unstable(state);\n  const {\n    usePopoverSurfaceStyles_unstable: useCustomStyles\n  } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n  return renderPopoverSurface_unstable(state);\n});\nPopoverSurface.displayName = \"PopoverSurface\";\n//# sourceMappingURL=PopoverSurface.js.map"],"names":["PopoverSurface","React","forwardRef","props","ref","state","usePopoverSurface_unstable","usePopoverSurfaceStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderPopoverSurface_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;mCACoB;sCACG;yCACG;qCACJ;AAItC,MAAMA,iBAAiB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC1E,MAAMC,QAAQC,IAAAA,6CAA0B,EAACH,OAAOC;IAChDG,IAAAA,yDAAgC,EAACF;IACjC,MAAM,EACJE,kCAAkCC,gBAAe,EAClD,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,mDAA6B,EAACL;AACvC;AACAL,eAAeW,WAAW,GAAG,kBAC7B,0CAA0C"}

package/lib-commonjs/components/PopoverSurface/PopoverSurface.types.js

@@ -1,6 +1,7 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
+ //# sourceMappingURL=PopoverSurface.types.js.map
+
 //# sourceMappingURL=PopoverSurface.types.js.map

package/lib-commonjs/components/PopoverSurface/PopoverSurface.types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../../../../../../packages/react-components/react-popover/src/components/PopoverSurface/PopoverSurface.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { PopoverContextValue } from '../../popoverContext';\n\n/**\n * PopoverSurface Props\n */\nexport type PopoverSurfaceProps = ComponentProps<PopoverSurfaceSlots>;\n\n/**\n * Names of the slots in PopoverSurfaceProps\n */\nexport type PopoverSurfaceSlots = {\n  root: Slot<'div'>;\n};\n\n/**\n * PopoverSurface State\n */\nexport type PopoverSurfaceState = ComponentState<PopoverSurfaceSlots> &\n  Pick<PopoverContextValue, 'appearance' | 'arrowRef' | 'inline' | 'mountNode' | 'size' | 'withArrow'> & {\n    /**\n     * CSS class for the arrow element\n     */\n    arrowClassName?: string;\n  };\n"],"mappings":""}
+{"version":3,"sources":["../../../lib/components/PopoverSurface/PopoverSurface.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=PopoverSurface.types.js.map"],"names":[],"mappings":";;;;CACA,gDAAgD"}

package/lib-commonjs/components/PopoverSurface/index.js

@@ -1,12 +1,13 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-const tslib_1 = /*#__PURE__*/require("tslib");
-tslib_1.__exportStar(require("./PopoverSurface"), exports);
-tslib_1.__exportStar(require("./PopoverSurface.types"), exports);
-tslib_1.__exportStar(require("./renderPopoverSurface"), exports);
-tslib_1.__exportStar(require("./usePopoverSurface"), exports);
-tslib_1.__exportStar(require("./usePopoverSurfaceStyles"), exports);
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./PopoverSurface"), exports);
+_exportStar(require("./PopoverSurface.types"), exports);
+_exportStar(require("./renderPopoverSurface"), exports);
+_exportStar(require("./usePopoverSurface"), exports);
+_exportStar(require("./usePopoverSurfaceStyles"), exports);
+ //# sourceMappingURL=index.js.map
+
 //# sourceMappingURL=index.js.map

package/lib-commonjs/components/PopoverSurface/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../../../../../../../../../packages/react-components/react-popover/src/components/PopoverSurface/index.ts"],"sourcesContent":["export * from './PopoverSurface';\nexport * from './PopoverSurface.types';\nexport * from './renderPopoverSurface';\nexport * from './usePopoverSurface';\nexport * from './usePopoverSurfaceStyles';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,sBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,4BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,4BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,yBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,+BAAAC,OAAA"}
+{"version":3,"sources":["../../../lib/components/PopoverSurface/index.js"],"sourcesContent":["export * from \"./PopoverSurface\";\nexport * from \"./PopoverSurface.types\";\nexport * from \"./renderPopoverSurface\";\nexport * from \"./usePopoverSurface\";\nexport * from \"./usePopoverSurfaceStyles\";\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}

package/lib-commonjs/components/PopoverSurface/renderPopoverSurface.js

@@ -1,32 +1,27 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "renderPopoverSurface_unstable", {
+    enumerable: true,
+    get: ()=>renderPopoverSurface_unstable
 });
-exports.renderPopoverSurface_unstable = void 0;
-const React = /*#__PURE__*/require("react");
-const react_portal_1 = /*#__PURE__*/require("@fluentui/react-portal");
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-/**
- * Render the final JSX of PopoverSurface
- */
-const renderPopoverSurface_unstable = state => {
-  const {
-    slots,
-    slotProps
-  } = react_utilities_1.getSlots(state);
-  const surface = React.createElement(slots.root, {
-    ...slotProps.root
-  }, state.withArrow && React.createElement("div", {
-    ref: state.arrowRef,
-    className: state.arrowClassName
-  }), slotProps.root.children);
-  if (state.inline) {
-    return surface;
-  }
-  return React.createElement(react_portal_1.Portal, {
-    mountNode: state.mountNode
-  }, surface);
-};
-exports.renderPopoverSurface_unstable = renderPopoverSurface_unstable;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactPortal = require("@fluentui/react-portal");
+const _reactUtilities = require("@fluentui/react-utilities");
+const renderPopoverSurface_unstable = (state)=>{
+    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
+    const surface = /*#__PURE__*/ _react.createElement(slots.root, slotProps.root, state.withArrow && /*#__PURE__*/ _react.createElement("div", {
+        ref: state.arrowRef,
+        className: state.arrowClassName
+    }), slotProps.root.children);
+    if (state.inline) {
+        return surface;
+    }
+    return /*#__PURE__*/ _react.createElement(_reactPortal.Portal, {
+        mountNode: state.mountNode
+    }, surface);
+}; //# sourceMappingURL=renderPopoverSurface.js.map
+
 //# sourceMappingURL=renderPopoverSurface.js.map

package/lib-commonjs/components/PopoverSurface/renderPopoverSurface.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","require","react_portal_1","react_utilities_1","renderPopoverSurface_unstable","state","slots","slotProps","getSlots","surface","createElement","root","withArrow","ref","arrowRef","className","arrowClassName","children","inline","Portal","mountNode","exports"],"sources":["../../../../../../../../../packages/react-components/react-popover/src/components/PopoverSurface/renderPopoverSurface.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Portal } from '@fluentui/react-portal';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { PopoverSurfaceSlots, PopoverSurfaceState } from './PopoverSurface.types';\n\n/**\n * Render the final JSX of PopoverSurface\n */\nexport const renderPopoverSurface_unstable = (state: PopoverSurfaceState) => {\n  const { slots, slotProps } = getSlots<PopoverSurfaceSlots>(state);\n\n  const surface = (\n    <slots.root {...slotProps.root}>\n      {state.withArrow && <div ref={state.arrowRef} className={state.arrowClassName} />}\n      {slotProps.root.children}\n    </slots.root>\n  );\n\n  if (state.inline) {\n    return surface;\n  }\n\n  return <Portal mountNode={state.mountNode}>{surface}</Portal>;\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,cAAA,gBAAAD,OAAA;AACA,MAAAE,iBAAA,gBAAAF,OAAA;AAGA;;;AAGO,MAAMG,6BAA6B,GAAIC,KAA0B,IAAI;EAC1E,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGJ,iBAAA,CAAAK,QAAQ,CAAsBH,KAAK,CAAC;EAEjE,MAAMI,OAAO,GACXT,KAAA,CAAAU,aAAA,CAACJ,KAAK,CAACK,IAAI;IAAA,GAAKJ,SAAS,CAACI;EAAI,GAC3BN,KAAK,CAACO,SAAS,IAAIZ,KAAA,CAAAU,aAAA;IAAKG,GAAG,EAAER,KAAK,CAACS,QAAQ;IAAEC,SAAS,EAAEV,KAAK,CAACW;EAAc,EAAI,EAChFT,SAAS,CAACI,IAAI,CAACM,QAAQ,CAE3B;EAED,IAAIZ,KAAK,CAACa,MAAM,EAAE;IAChB,OAAOT,OAAO;;EAGhB,OAAOT,KAAA,CAAAU,aAAA,CAACR,cAAA,CAAAiB,MAAM;IAACC,SAAS,EAAEf,KAAK,CAACe;EAAS,GAAGX,OAAO,CAAU;AAC/D,CAAC;AAfYY,OAAA,CAAAjB,6BAA6B,GAAAA,6BAAA"}
+{"version":3,"sources":["../../../lib/components/PopoverSurface/renderPopoverSurface.js"],"sourcesContent":["import * as React from \"react\";\nimport { Portal } from \"@fluentui/react-portal\";\nimport { getSlots } from \"@fluentui/react-utilities\";\n/**\n * Render the final JSX of PopoverSurface\n */\nexport const renderPopoverSurface_unstable = state => {\n  const {\n    slots,\n    slotProps\n  } = getSlots(state);\n  const surface = /*#__PURE__*/React.createElement(slots.root, slotProps.root, state.withArrow && /*#__PURE__*/React.createElement(\"div\", {\n    ref: state.arrowRef,\n    className: state.arrowClassName\n  }), slotProps.root.children);\n  if (state.inline) {\n    return surface;\n  }\n  return /*#__PURE__*/React.createElement(Portal, {\n    mountNode: state.mountNode\n  }, surface);\n};\n//# sourceMappingURL=renderPopoverSurface.js.map"],"names":["renderPopoverSurface_unstable","state","slots","slotProps","getSlots","surface","React","createElement","root","withArrow","ref","arrowRef","className","arrowClassName","children","inline","Portal","mountNode"],"mappings":";;;;+BAMaA;;aAAAA;;;6DANU;6BACA;gCACE;AAIlB,MAAMA,gCAAgCC,CAAAA,QAAS;IACpD,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACH;IACb,MAAMI,UAAU,WAAW,GAAEC,OAAMC,aAAa,CAACL,MAAMM,IAAI,EAAEL,UAAUK,IAAI,EAAEP,MAAMQ,SAAS,IAAI,WAAW,GAAEH,OAAMC,aAAa,CAAC,OAAO;QACtIG,KAAKT,MAAMU,QAAQ;QACnBC,WAAWX,MAAMY,cAAc;IACjC,IAAIV,UAAUK,IAAI,CAACM,QAAQ;IAC3B,IAAIb,MAAMc,MAAM,EAAE;QAChB,OAAOV;IACT,CAAC;IACD,OAAO,WAAW,GAAEC,OAAMC,aAAa,CAACS,mBAAM,EAAE;QAC9CC,WAAWhB,MAAMgB,SAAS;IAC5B,GAAGZ;AACL,GACA,gDAAgD"}

package/lib-commonjs/components/PopoverSurface/usePopoverSurface.js

@@ -1,85 +1,73 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "usePopoverSurface_unstable", {
+    enumerable: true,
+    get: ()=>usePopoverSurface_unstable
 });
-exports.usePopoverSurface_unstable = void 0;
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
-const popoverContext_1 = /*#__PURE__*/require("../../popoverContext");
-/**
- * Create the state required to render PopoverSurface.
- *
- * The returned state can be modified with hooks such as usePopoverSurfaceStyles_unstable,
- * before being passed to renderPopoverSurface_unstable.
- *
- * @param props - props from this instance of PopoverSurface
- * @param ref - reference to root HTMLDivElement of PopoverSurface
- */
-const usePopoverSurface_unstable = (props, ref) => {
-  const contentRef = popoverContext_1.usePopoverContext_unstable(context => context.contentRef);
-  const openOnHover = popoverContext_1.usePopoverContext_unstable(context => context.openOnHover);
-  const setOpen = popoverContext_1.usePopoverContext_unstable(context => context.setOpen);
-  const mountNode = popoverContext_1.usePopoverContext_unstable(context => context.mountNode);
-  const arrowRef = popoverContext_1.usePopoverContext_unstable(context => context.arrowRef);
-  const size = popoverContext_1.usePopoverContext_unstable(context => context.size);
-  const withArrow = popoverContext_1.usePopoverContext_unstable(context => context.withArrow);
-  const appearance = popoverContext_1.usePopoverContext_unstable(context => context.appearance);
-  const trapFocus = popoverContext_1.usePopoverContext_unstable(context => context.trapFocus);
-  const inertTrapFocus = popoverContext_1.usePopoverContext_unstable(context => context.inertTrapFocus);
-  const inline = popoverContext_1.usePopoverContext_unstable(context => context.inline);
-  const {
-    modalAttributes
-  } = react_tabster_1.useModalAttributes({
-    trapFocus,
-    legacyTrapFocus: !inertTrapFocus,
-    alwaysFocusable: !trapFocus
-  });
-  const state = {
-    inline,
-    appearance,
-    withArrow,
-    size,
-    arrowRef,
-    mountNode,
-    components: {
-      root: 'div'
-    },
-    root: react_utilities_1.getNativeElementProps('div', {
-      ref: react_utilities_1.useMergedRefs(ref, contentRef),
-      role: trapFocus ? 'dialog' : 'group',
-      'aria-modal': trapFocus ? true : undefined,
-      ...modalAttributes,
-      ...props
-    })
-  };
-  const {
-    onMouseEnter: onMouseEnterOriginal,
-    onMouseLeave: onMouseLeaveOriginal,
-    onKeyDown: onKeyDownOriginal
-  } = state.root;
-  state.root.onMouseEnter = e => {
-    if (openOnHover) {
-      setOpen(e, true);
-    }
-    onMouseEnterOriginal === null || onMouseEnterOriginal === void 0 ? void 0 : onMouseEnterOriginal(e);
-  };
-  state.root.onMouseLeave = e => {
-    if (openOnHover) {
-      setOpen(e, false);
-    }
-    onMouseLeaveOriginal === null || onMouseLeaveOriginal === void 0 ? void 0 : onMouseLeaveOriginal(e);
-  };
-  state.root.onKeyDown = e => {
-    var _a;
-    // only close if the event happened inside the current popover
-    // If using a stack of inline popovers, the user should call `stopPropagation` to avoid dismissing the entire stack
-    if (e.key === 'Escape' && ((_a = contentRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
-      setOpen(e, false);
-    }
-    onKeyDownOriginal === null || onKeyDownOriginal === void 0 ? void 0 : onKeyDownOriginal(e);
-  };
-  return state;
-};
-exports.usePopoverSurface_unstable = usePopoverSurface_unstable;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactUtilities = require("@fluentui/react-utilities");
+const _reactTabster = require("@fluentui/react-tabster");
+const _popoverContext = require("../../popoverContext");
+const usePopoverSurface_unstable = (props, ref)=>{
+    const contentRef = (0, _popoverContext.usePopoverContext_unstable)((context)=>context.contentRef);
+    const openOnHover = (0, _popoverContext.usePopoverContext_unstable)((context)=>context.openOnHover);
+    const setOpen = (0, _popoverContext.usePopoverContext_unstable)((context)=>context.setOpen);
+    const mountNode = (0, _popoverContext.usePopoverContext_unstable)((context)=>context.mountNode);
+    const arrowRef = (0, _popoverContext.usePopoverContext_unstable)((context)=>context.arrowRef);
+    const size = (0, _popoverContext.usePopoverContext_unstable)((context)=>context.size);
+    const withArrow = (0, _popoverContext.usePopoverContext_unstable)((context)=>context.withArrow);
+    const appearance = (0, _popoverContext.usePopoverContext_unstable)((context)=>context.appearance);
+    const trapFocus = (0, _popoverContext.usePopoverContext_unstable)((context)=>context.trapFocus);
+    const inertTrapFocus = (0, _popoverContext.usePopoverContext_unstable)((context)=>context.inertTrapFocus);
+    const inline = (0, _popoverContext.usePopoverContext_unstable)((context)=>context.inline);
+    const { modalAttributes  } = (0, _reactTabster.useModalAttributes)({
+        trapFocus,
+        legacyTrapFocus: !inertTrapFocus,
+        alwaysFocusable: !trapFocus
+    });
+    const state = {
+        inline,
+        appearance,
+        withArrow,
+        size,
+        arrowRef,
+        mountNode,
+        components: {
+            root: "div"
+        },
+        root: (0, _reactUtilities.getNativeElementProps)("div", {
+            ref: (0, _reactUtilities.useMergedRefs)(ref, contentRef),
+            role: trapFocus ? "dialog" : "group",
+            "aria-modal": trapFocus ? true : undefined,
+            ...modalAttributes,
+            ...props
+        })
+    };
+    const { onMouseEnter: onMouseEnterOriginal , onMouseLeave: onMouseLeaveOriginal , onKeyDown: onKeyDownOriginal  } = state.root;
+    state.root.onMouseEnter = (e)=>{
+        if (openOnHover) {
+            setOpen(e, true);
+        }
+        onMouseEnterOriginal?.(e);
+    };
+    state.root.onMouseLeave = (e)=>{
+        if (openOnHover) {
+            setOpen(e, false);
+        }
+        onMouseLeaveOriginal?.(e);
+    };
+    state.root.onKeyDown = (e)=>{
+        // only close if the event happened inside the current popover
+        // If using a stack of inline popovers, the user should call `stopPropagation` to avoid dismissing the entire stack
+        if (e.key === "Escape" && contentRef.current?.contains(e.target)) {
+            setOpen(e, false);
+        }
+        onKeyDownOriginal?.(e);
+    };
+    return state;
+}; //# sourceMappingURL=usePopoverSurface.js.map
+
 //# sourceMappingURL=usePopoverSurface.js.map

package/lib-commonjs/components/PopoverSurface/usePopoverSurface.js.map

@@ -1 +1 @@
-{"version":3,"names":["react_utilities_1","require","react_tabster_1","popoverContext_1","usePopoverSurface_unstable","props","ref","contentRef","usePopoverContext_unstable","context","openOnHover","setOpen","mountNode","arrowRef","size","withArrow","appearance","trapFocus","inertTrapFocus","inline","modalAttributes","useModalAttributes","legacyTrapFocus","alwaysFocusable","state","components","root","getNativeElementProps","useMergedRefs","role","undefined","onMouseEnter","onMouseEnterOriginal","onMouseLeave","onMouseLeaveOriginal","onKeyDown","onKeyDownOriginal","e","key","_a","current","contains","target","exports"],"sources":["../../../../../../../../../packages/react-components/react-popover/src/components/PopoverSurface/usePopoverSurface.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useMergedRefs } from '@fluentui/react-utilities';\nimport { useModalAttributes } from '@fluentui/react-tabster';\nimport { usePopoverContext_unstable } from '../../popoverContext';\nimport type { PopoverSurfaceProps, PopoverSurfaceState } from './PopoverSurface.types';\n\n/**\n * Create the state required to render PopoverSurface.\n *\n * The returned state can be modified with hooks such as usePopoverSurfaceStyles_unstable,\n * before being passed to renderPopoverSurface_unstable.\n *\n * @param props - props from this instance of PopoverSurface\n * @param ref - reference to root HTMLDivElement of PopoverSurface\n */\nexport const usePopoverSurface_unstable = (\n  props: PopoverSurfaceProps,\n  ref: React.Ref<HTMLDivElement>,\n): PopoverSurfaceState => {\n  const contentRef = usePopoverContext_unstable(context => context.contentRef);\n  const openOnHover = usePopoverContext_unstable(context => context.openOnHover);\n  const setOpen = usePopoverContext_unstable(context => context.setOpen);\n  const mountNode = usePopoverContext_unstable(context => context.mountNode);\n  const arrowRef = usePopoverContext_unstable(context => context.arrowRef);\n  const size = usePopoverContext_unstable(context => context.size);\n  const withArrow = usePopoverContext_unstable(context => context.withArrow);\n  const appearance = usePopoverContext_unstable(context => context.appearance);\n  const trapFocus = usePopoverContext_unstable(context => context.trapFocus);\n  const inertTrapFocus = usePopoverContext_unstable(context => context.inertTrapFocus);\n  const inline = usePopoverContext_unstable(context => context.inline);\n  const { modalAttributes } = useModalAttributes({\n    trapFocus,\n    legacyTrapFocus: !inertTrapFocus,\n    alwaysFocusable: !trapFocus,\n  });\n\n  const state: PopoverSurfaceState = {\n    inline,\n    appearance,\n    withArrow,\n    size,\n    arrowRef,\n    mountNode,\n    components: {\n      root: 'div',\n    },\n    root: getNativeElementProps('div', {\n      ref: useMergedRefs(ref, contentRef),\n      role: trapFocus ? 'dialog' : 'group',\n      'aria-modal': trapFocus ? true : undefined,\n      ...modalAttributes,\n      ...props,\n    }),\n  };\n\n  const {\n    onMouseEnter: onMouseEnterOriginal,\n    onMouseLeave: onMouseLeaveOriginal,\n    onKeyDown: onKeyDownOriginal,\n  } = state.root;\n  state.root.onMouseEnter = (e: React.MouseEvent<HTMLDivElement>) => {\n    if (openOnHover) {\n      setOpen(e, true);\n    }\n\n    onMouseEnterOriginal?.(e);\n  };\n\n  state.root.onMouseLeave = (e: React.MouseEvent<HTMLDivElement>) => {\n    if (openOnHover) {\n      setOpen(e, false);\n    }\n\n    onMouseLeaveOriginal?.(e);\n  };\n\n  state.root.onKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    // only close if the event happened inside the current popover\n    // If using a stack of inline popovers, the user should call `stopPropagation` to avoid dismissing the entire stack\n    if (e.key === 'Escape' && contentRef.current?.contains(e.target as HTMLDivElement)) {\n      setOpen(e, false);\n    }\n\n    onKeyDownOriginal?.(e);\n  };\n\n  return state;\n};\n"],"mappings":"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"}
+{"version":3,"sources":["../../../lib/components/PopoverSurface/usePopoverSurface.js"],"sourcesContent":["import * as React from \"react\";\nimport { getNativeElementProps, useMergedRefs } from \"@fluentui/react-utilities\";\nimport { useModalAttributes } from \"@fluentui/react-tabster\";\nimport { usePopoverContext_unstable } from \"../../popoverContext\";\n/**\n * Create the state required to render PopoverSurface.\n *\n * The returned state can be modified with hooks such as usePopoverSurfaceStyles_unstable,\n * before being passed to renderPopoverSurface_unstable.\n *\n * @param props - props from this instance of PopoverSurface\n * @param ref - reference to root HTMLDivElement of PopoverSurface\n */\nexport const usePopoverSurface_unstable = (props, ref) => {\n  const contentRef = usePopoverContext_unstable(context => context.contentRef);\n  const openOnHover = usePopoverContext_unstable(context => context.openOnHover);\n  const setOpen = usePopoverContext_unstable(context => context.setOpen);\n  const mountNode = usePopoverContext_unstable(context => context.mountNode);\n  const arrowRef = usePopoverContext_unstable(context => context.arrowRef);\n  const size = usePopoverContext_unstable(context => context.size);\n  const withArrow = usePopoverContext_unstable(context => context.withArrow);\n  const appearance = usePopoverContext_unstable(context => context.appearance);\n  const trapFocus = usePopoverContext_unstable(context => context.trapFocus);\n  const inertTrapFocus = usePopoverContext_unstable(context => context.inertTrapFocus);\n  const inline = usePopoverContext_unstable(context => context.inline);\n  const {\n    modalAttributes\n  } = useModalAttributes({\n    trapFocus,\n    legacyTrapFocus: !inertTrapFocus,\n    alwaysFocusable: !trapFocus\n  });\n  const state = {\n    inline,\n    appearance,\n    withArrow,\n    size,\n    arrowRef,\n    mountNode,\n    components: {\n      root: \"div\"\n    },\n    root: getNativeElementProps(\"div\", {\n      ref: useMergedRefs(ref, contentRef),\n      role: trapFocus ? \"dialog\" : \"group\",\n      \"aria-modal\": trapFocus ? true : undefined,\n      ...modalAttributes,\n      ...props\n    })\n  };\n  const {\n    onMouseEnter: onMouseEnterOriginal,\n    onMouseLeave: onMouseLeaveOriginal,\n    onKeyDown: onKeyDownOriginal\n  } = state.root;\n  state.root.onMouseEnter = e => {\n    if (openOnHover) {\n      setOpen(e, true);\n    }\n    onMouseEnterOriginal?.(e);\n  };\n  state.root.onMouseLeave = e => {\n    if (openOnHover) {\n      setOpen(e, false);\n    }\n    onMouseLeaveOriginal?.(e);\n  };\n  state.root.onKeyDown = e => {\n    // only close if the event happened inside the current popover\n    // If using a stack of inline popovers, the user should call `stopPropagation` to avoid dismissing the entire stack\n    if (e.key === \"Escape\" && contentRef.current?.contains(e.target)) {\n      setOpen(e, false);\n    }\n    onKeyDownOriginal?.(e);\n  };\n  return state;\n};\n//# sourceMappingURL=usePopoverSurface.js.map"],"names":["usePopoverSurface_unstable","props","ref","contentRef","usePopoverContext_unstable","context","openOnHover","setOpen","mountNode","arrowRef","size","withArrow","appearance","trapFocus","inertTrapFocus","inline","modalAttributes","useModalAttributes","legacyTrapFocus","alwaysFocusable","state","components","root","getNativeElementProps","useMergedRefs","role","undefined","onMouseEnter","onMouseEnterOriginal","onMouseLeave","onMouseLeaveOriginal","onKeyDown","onKeyDownOriginal","e","key","current","contains","target"],"mappings":";;;;+BAaaA;;aAAAA;;;6DAbU;gCAC8B;8BAClB;gCACQ;AAUpC,MAAMA,6BAA6B,CAACC,OAAOC,MAAQ;IACxD,MAAMC,aAAaC,IAAAA,0CAA0B,EAACC,CAAAA,UAAWA,QAAQF,UAAU;IAC3E,MAAMG,cAAcF,IAAAA,0CAA0B,EAACC,CAAAA,UAAWA,QAAQC,WAAW;IAC7E,MAAMC,UAAUH,IAAAA,0CAA0B,EAACC,CAAAA,UAAWA,QAAQE,OAAO;IACrE,MAAMC,YAAYJ,IAAAA,0CAA0B,EAACC,CAAAA,UAAWA,QAAQG,SAAS;IACzE,MAAMC,WAAWL,IAAAA,0CAA0B,EAACC,CAAAA,UAAWA,QAAQI,QAAQ;IACvE,MAAMC,OAAON,IAAAA,0CAA0B,EAACC,CAAAA,UAAWA,QAAQK,IAAI;IAC/D,MAAMC,YAAYP,IAAAA,0CAA0B,EAACC,CAAAA,UAAWA,QAAQM,SAAS;IACzE,MAAMC,aAAaR,IAAAA,0CAA0B,EAACC,CAAAA,UAAWA,QAAQO,UAAU;IAC3E,MAAMC,YAAYT,IAAAA,0CAA0B,EAACC,CAAAA,UAAWA,QAAQQ,SAAS;IACzE,MAAMC,iBAAiBV,IAAAA,0CAA0B,EAACC,CAAAA,UAAWA,QAAQS,cAAc;IACnF,MAAMC,SAASX,IAAAA,0CAA0B,EAACC,CAAAA,UAAWA,QAAQU,MAAM;IACnE,MAAM,EACJC,gBAAe,EAChB,GAAGC,IAAAA,gCAAkB,EAAC;QACrBJ;QACAK,iBAAiB,CAACJ;QAClBK,iBAAiB,CAACN;IACpB;IACA,MAAMO,QAAQ;QACZL;QACAH;QACAD;QACAD;QACAD;QACAD;QACAa,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YACjCrB,KAAKsB,IAAAA,6BAAa,EAACtB,KAAKC;YACxBsB,MAAMZ,YAAY,WAAW,OAAO;YACpC,cAAcA,YAAY,IAAI,GAAGa,SAAS;YAC1C,GAAGV,eAAe;YAClB,GAAGf,KAAK;QACV;IACF;IACA,MAAM,EACJ0B,cAAcC,qBAAoB,EAClCC,cAAcC,qBAAoB,EAClCC,WAAWC,kBAAiB,EAC7B,GAAGZ,MAAME,IAAI;IACdF,MAAME,IAAI,CAACK,YAAY,GAAGM,CAAAA,IAAK;QAC7B,IAAI3B,aAAa;YACfC,QAAQ0B,GAAG,IAAI;QACjB,CAAC;QACDL,uBAAuBK;IACzB;IACAb,MAAME,IAAI,CAACO,YAAY,GAAGI,CAAAA,IAAK;QAC7B,IAAI3B,aAAa;YACfC,QAAQ0B,GAAG,KAAK;QAClB,CAAC;QACDH,uBAAuBG;IACzB;IACAb,MAAME,IAAI,CAACS,SAAS,GAAGE,CAAAA,IAAK;QAC1B,8DAA8D;QAC9D,mHAAmH;QACnH,IAAIA,EAAEC,GAAG,KAAK,YAAY/B,WAAWgC,OAAO,EAAEC,SAASH,EAAEI,MAAM,GAAG;YAChE9B,QAAQ0B,GAAG,KAAK;QAClB,CAAC;QACDD,oBAAoBC;IACtB;IACA,OAAOb;AACT,GACA,6CAA6C"}