@fluentui/react-popover 9.0.0-alpha.8 → 9.0.0-nightly.f81b28ceb3.1

package/lib/popoverContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"popoverContext.js","sourceRoot":"../src/","sources":["popoverContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAA4B,MAAM,kCAAkC,CAAC;AAG/G,MAAM,CAAC,IAAM,cAAc,GAAiC,aAAa,CAAsB;IAC7F,IAAI,EAAE,KAAK;IACX,OAAO,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI;IACnB,UAAU,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IAC7B,UAAU,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IAC7B,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IAC3B,MAAM,EAAE,SAAS;IACjB,aAAa,EAAE,KAAK;IACpB,WAAW,EAAE,KAAK;IAClB,IAAI,EAAE,QAAQ;IACd,SAAS,EAAE,KAAK;CACjB,CAAC,CAAC;AAwBH,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAI,QAAiD;IACpF,OAAA,kBAAkB,CAAC,cAAc,EAAE,QAAQ,CAAC;AAA5C,CAA4C,CAAC","sourcesContent":["import { createContext, useContextSelector, ContextSelector, Context } from '@fluentui/react-context-selector';\nimport { PopoverState } from './components/Popover/index';\n\nexport const PopoverContext: Context<PopoverContextValue> = createContext<PopoverContextValue>({\n  open: false,\n  setOpen: () => null,\n  triggerRef: { current: null },\n  contentRef: { current: null },\n  arrowRef: { current: null },\n  target: undefined,\n  openOnContext: false,\n  openOnHover: false,\n  size: 'medium',\n  trapFocus: false,\n});\n\n/**\n * Context shared between Popover and its children components\n */\nexport interface PopoverContextValue\n  extends Pick<\n    PopoverState,\n    | 'open'\n    | 'setOpen'\n    | 'triggerRef'\n    | 'contentRef'\n    | 'target'\n    | 'openOnHover'\n    | 'openOnContext'\n    | 'mountNode'\n    | 'noArrow'\n    | 'arrowRef'\n    | 'size'\n    | 'brand'\n    | 'inverted'\n    | 'trapFocus'\n  > {}\n\nexport const usePopoverContext = <T>(selector: ContextSelector<PopoverContextValue, T>): T =>\n  useContextSelector(PopoverContext, selector);\n"]}
+{"version":3,"sources":["../src/popoverContext.ts"],"names":[],"mappings":"AAAA,SAAS,aAAT,EAAwB,kBAAxB,QAAkD,kCAAlD;AAIA,OAAO,IAAM,cAAc,gBAAiC,aAAa,CAAsB;AAC7F,EAAA,IAAI,EAAE,KADuF;AAE7F,EAAA,OAAO,EAAE,YAAA;AAAM,WAAA,IAAA;AAAI,GAF0E;AAG7F,EAAA,UAAU,EAAE;AAAE,IAAA,OAAO,EAAE;AAAX,GAHiF;AAI7F,EAAA,UAAU,EAAE;AAAE,IAAA,OAAO,EAAE;AAAX,GAJiF;AAK7F,EAAA,QAAQ,EAAE;AAAE,IAAA,OAAO,EAAE;AAAX,GALmF;AAM7F,EAAA,aAAa,EAAE,KAN8E;AAO7F,EAAA,WAAW,EAAE,KAPgF;AAQ7F,EAAA,IAAI,EAAE,QARuF;AAS7F,EAAA,SAAS,EAAE;AATkF,CAAtB,CAAlE;AA+BP,OAAO,IAAM,iBAAiB,GAAG,UAAI,QAAJ,EAAqD;AACpF,SAAA,kBAAkB,CAAC,cAAD,EAAiB,QAAjB,CAAlB;AAA4C,CADvC","sourceRoot":""}

package/lib/tsdoc-metadata.json

@@ -5,7 +5,7 @@
   "toolPackages": [
     {
       "packageName": "@microsoft/api-extractor",
-      "packageVersion": "7.13.0"
+      "packageVersion": "7.18.1"
     }
   ]
 }

package/lib-commonjs/Popover.js

@@ -1,5 +1,10 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
 tslib_1.__exportStar(require("./components/Popover/index"), exports);
 //# sourceMappingURL=Popover.js.map

package/lib-commonjs/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sourceRoot":"../src/","sources":["Popover.ts"],"names":[],"mappings":";;;AAAA,qEAA2C","sourcesContent":["export * from './components/Popover/index';\n"]}
+{"version":3,"sources":["../src/Popover.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,4BAAA,CAAA,EAAA,OAAA","sourceRoot":""}

package/lib-commonjs/PopoverSurface.js

@@ -1,5 +1,10 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
 tslib_1.__exportStar(require("./components/PopoverSurface/index"), exports);
 //# sourceMappingURL=PopoverSurface.js.map

package/lib-commonjs/PopoverSurface.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverSurface.js","sourceRoot":"../src/","sources":["PopoverSurface.ts"],"names":[],"mappings":";;;AAAA,4EAAkD","sourcesContent":["export * from './components/PopoverSurface/index';\n"]}
+{"version":3,"sources":["../src/PopoverSurface.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mCAAA,CAAA,EAAA,OAAA","sourceRoot":""}

package/lib-commonjs/PopoverTrigger.js

@@ -1,5 +1,10 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
 tslib_1.__exportStar(require("./components/PopoverTrigger/index"), exports);
 //# sourceMappingURL=PopoverTrigger.js.map

package/lib-commonjs/PopoverTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverTrigger.js","sourceRoot":"../src/","sources":["PopoverTrigger.ts"],"names":[],"mappings":";;;AAAA,4EAAkD","sourcesContent":["export * from './components/PopoverTrigger/index';\n"]}
+{"version":3,"sources":["../src/PopoverTrigger.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mCAAA,CAAA,EAAA,OAAA","sourceRoot":""}

package/lib-commonjs/common/isConformant.d.ts

@@ -1,4 +1,4 @@
-import { IsConformantOptions } from '@fluentui/react-conformance';
+import type { IsConformantOptions } from '@fluentui/react-conformance';
 export declare function isConformant<TProps = {}>(testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & {
     componentPath?: string;
 }): void;

package/lib-commonjs/common/isConformant.js

@@ -1,13 +1,24 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.isConformant = void 0;
-var react_conformance_1 = require("@fluentui/react-conformance");
+
+var react_conformance_1 = /*#__PURE__*/require("@fluentui/react-conformance");
+
+var react_conformance_make_styles_1 = /*#__PURE__*/require("@fluentui/react-conformance-make-styles");
+
 function isConformant(testInfo) {
-    var defaultOptions = {
-        asPropHandlesRef: true,
-        componentPath: module.parent.filename.replace('.test', ''),
-    };
-    react_conformance_1.isConformant(defaultOptions, testInfo);
+  var defaultOptions = {
+    asPropHandlesRef: true,
+    componentPath: module.parent.filename.replace('.test', ''),
+    // TODO // https://github.com/microsoft/fluentui/issues/19522
+    skipAsPropTests: true,
+    extraTests: react_conformance_make_styles_1.default
+  };
+  react_conformance_1.isConformant(defaultOptions, testInfo);
 }
+
 exports.isConformant = isConformant;
 //# sourceMappingURL=isConformant.js.map

package/lib-commonjs/common/isConformant.js.map

@@ -1 +1 @@
-{"version":3,"file":"isConformant.js","sourceRoot":"../src/","sources":["common/isConformant.ts"],"names":[],"mappings":";;;AAAA,iEAAoG;AAEpG,SAAgB,YAAY,CAC1B,QAAyF;IAEzF,IAAM,cAAc,GAAyC;QAC3D,gBAAgB,EAAE,IAAI;QACtB,aAAa,EAAE,MAAO,CAAC,MAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;KAC7D,CAAC;IAEF,gCAAgB,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;AAC7C,CAAC;AATD,oCASC","sourcesContent":["import { isConformant as baseIsConformant, IsConformantOptions } from '@fluentui/react-conformance';\n\nexport function isConformant<TProps = {}>(\n  testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },\n) {\n  const defaultOptions: Partial<IsConformantOptions<TProps>> = {\n    asPropHandlesRef: true,\n    componentPath: module!.parent!.filename.replace('.test', ''),\n  };\n\n  baseIsConformant(defaultOptions, testInfo);\n}\n"]}
+{"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAEA,IAAA,+BAAA,gBAAA,OAAA,CAAA,yCAAA,CAAA;;AAEA,SAAgB,YAAhB,CACE,QADF,EAC2F;AAEzF,MAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D;AACA,IAAA,eAAe,EAAE,IAJ0C;AAK3D,IAAA,UAAU,EAAE,+BAAA,CAAA;AAL+C,GAA7D;AAQA,EAAA,mBAAA,CAAA,YAAA,CAAiB,cAAjB,EAAiC,QAAjC;AACD;;AAZD,OAAA,CAAA,YAAA,GAAA,YAAA","sourceRoot":""}

package/lib-commonjs/common/mockUsePopoverContext.d.ts

@@ -1,4 +1,4 @@
-import { PopoverContextValue } from '../popoverContext';
+import type { PopoverContextValue } from '../popoverContext';
 /**
  * A test utility to mock the usePopoverContext hook that relies on context selector
  * Don't forget to call `jest.mock(**\/popupContext.ts)` while using this

package/lib-commonjs/common/mockUsePopoverContext.js

@@ -1,20 +1,49 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.mockPopoverContext = void 0;
-var tslib_1 = require("tslib");
-var popoverContext_1 = require("../popoverContext");
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
+var popoverContext_1 = /*#__PURE__*/require("../popoverContext");
 /**
  * A test utility to mock the usePopoverContext hook that relies on context selector
  * Don't forget to call `jest.mock(**\/popupContext.ts)` while using this
  * @param options Popover context values to set for testing
  */
+
+
 var mockPopoverContext = function (options) {
-    if (options === void 0) { options = {}; }
-    var mockContext = tslib_1.__assign({ open: false, setOpen: function () { return null; }, triggerRef: { current: null }, contentRef: { current: null }, arrowRef: { current: null }, target: undefined, openOnContext: false, openOnHover: false, size: 'medium' }, options);
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    popoverContext_1.usePopoverContext.mockImplementation(function (selector) {
-        return selector(mockContext);
-    });
+  if (options === void 0) {
+    options = {};
+  }
+
+  var mockContext = tslib_1.__assign({
+    open: false,
+    setOpen: function () {
+      return null;
+    },
+    triggerRef: {
+      current: null
+    },
+    contentRef: {
+      current: null
+    },
+    arrowRef: {
+      current: null
+    },
+    openOnContext: false,
+    openOnHover: false,
+    size: 'medium'
+  }, options); // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+
+  popoverContext_1.usePopoverContext.mockImplementation(function (selector) {
+    return selector(mockContext);
+  });
 };
+
 exports.mockPopoverContext = mockPopoverContext;
 //# sourceMappingURL=mockUsePopoverContext.js.map

package/lib-commonjs/common/mockUsePopoverContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"mockUsePopoverContext.js","sourceRoot":"../src/","sources":["common/mockUsePopoverContext.ts"],"names":[],"mappings":";;;;AAAA,oDAA2E;AAE3E;;;;GAIG;AACI,IAAM,kBAAkB,GAAG,UAAC,OAA0C;IAA1C,wBAAA,EAAA,YAA0C;IAC3E,IAAM,WAAW,sBACf,IAAI,EAAE,KAAK,EACX,OAAO,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI,EACnB,UAAU,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAC7B,UAAU,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAC7B,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAC3B,MAAM,EAAE,SAAS,EACjB,aAAa,EAAE,KAAK,EACpB,WAAW,EAAE,KAAK,EAClB,IAAI,EAAE,QAAQ,IACX,OAAO,CACX,CAAC;IACF,8DAA8D;IAC7D,kCAA+B,CAAC,kBAAkB,CAAC,UAAC,QAA+C;QAClG,OAAO,QAAQ,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAjBW,QAAA,kBAAkB,sBAiB7B","sourcesContent":["import { PopoverContextValue, usePopoverContext } from '../popoverContext';\n\n/**\n * A test utility to mock the usePopoverContext hook that relies on context selector\n * Don't forget to call `jest.mock(**\\/popupContext.ts)` while using this\n * @param options Popover context values to set for testing\n */\nexport const mockPopoverContext = (options: Partial<PopoverContextValue> = {}) => {\n  const mockContext: PopoverContextValue = {\n    open: false,\n    setOpen: () => null,\n    triggerRef: { current: null },\n    contentRef: { current: null },\n    arrowRef: { current: null },\n    target: undefined,\n    openOnContext: false,\n    openOnHover: false,\n    size: 'medium',\n    ...options,\n  };\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  (usePopoverContext as jest.Mock).mockImplementation((selector: (context: PopoverContextValue) => any) => {\n    return selector(mockContext);\n  });\n};\n"]}
+{"version":3,"sources":["../../src/common/mockUsePopoverContext.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,gBAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA;AAGA;;;;AAIG;;;AACI,IAAM,kBAAkB,GAAG,UAAC,OAAD,EAA2C;AAA1C,MAAA,OAAA,KAAA,KAAA,CAAA,EAAA;AAAA,IAAA,OAAA,GAAA,EAAA;AAA0C;;AAC3E,MAAM,WAAW,GAAA,OAAA,CAAA,QAAA,CAAA;AACf,IAAA,IAAI,EAAE,KADS;AAEf,IAAA,OAAO,EAAE,YAAA;AAAM,aAAA,IAAA;AAAI,KAFJ;AAGf,IAAA,UAAU,EAAE;AAAE,MAAA,OAAO,EAAE;AAAX,KAHG;AAIf,IAAA,UAAU,EAAE;AAAE,MAAA,OAAO,EAAE;AAAX,KAJG;AAKf,IAAA,QAAQ,EAAE;AAAE,MAAA,OAAO,EAAE;AAAX,KALK;AAMf,IAAA,aAAa,EAAE,KANA;AAOf,IAAA,WAAW,EAAE,KAPE;AAQf,IAAA,IAAI,EAAE;AARS,GAAA,EASZ,OATY,CAAjB,CAD2E,CAY3E;;;AACC,EAAA,gBAAA,CAAA,iBAAA,CAAgC,kBAAhC,CAAmD,UAAC,QAAD,EAAgD;AAClG,WAAO,QAAQ,CAAC,WAAD,CAAf;AACD,GAFA;AAGF,CAhBM;;AAAM,OAAA,CAAA,kBAAA,GAAkB,kBAAlB","sourceRoot":""}

package/lib-commonjs/components/Popover/Popover.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { PopoverProps } from './Popover.types';
+import type { PopoverProps } from './Popover.types';
 /**
- * Popover component
+ * Wrapper component that manages state for a PopoverTrigger and a PopoverSurface components.
  */
 export declare const Popover: React.FC<PopoverProps>;

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

@@ -1,15 +1,23 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.Popover = void 0;
-var usePopover_1 = require("./usePopover");
-var renderPopover_1 = require("./renderPopover");
+
+var usePopover_1 = /*#__PURE__*/require("./usePopover");
+
+var renderPopover_1 = /*#__PURE__*/require("./renderPopover");
 /**
- * Popover component
+ * Wrapper component that manages state for a PopoverTrigger and a PopoverSurface components.
  */
+
+
 var Popover = function (props) {
-    var state = usePopover_1.usePopover(props);
-    return renderPopover_1.renderPopover(state);
+  var state = usePopover_1.usePopover(props);
+  return renderPopover_1.renderPopover(state);
 };
+
 exports.Popover = Popover;
 exports.Popover.displayName = 'Popover';
 //# sourceMappingURL=Popover.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sourceRoot":"../src/","sources":["components/Popover/Popover.tsx"],"names":[],"mappings":";;;AACA,2CAA0C;AAE1C,iDAAgD;AAEhD;;GAEG;AACI,IAAM,OAAO,GAA2B,UAAA,KAAK;IAClD,IAAM,KAAK,GAAG,uBAAU,CAAC,KAAK,CAAC,CAAC;IAEhC,OAAO,6BAAa,CAAC,KAAK,CAAC,CAAC;AAC9B,CAAC,CAAC;AAJW,QAAA,OAAO,WAIlB;AAEF,eAAO,CAAC,WAAW,GAAG,SAAS,CAAC","sourcesContent":["import * as React from 'react';\nimport { usePopover } from './usePopover';\nimport { PopoverProps } from './Popover.types';\nimport { renderPopover } from './renderPopover';\n\n/**\n * Popover component\n */\nexport const Popover: React.FC<PopoverProps> = props => {\n  const state = usePopover(props);\n\n  return renderPopover(state);\n};\n\nPopover.displayName = 'Popover';\n"]}
+{"version":3,"sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":";;;;;;;AACA,IAAA,YAAA,gBAAA,OAAA,CAAA,cAAA,CAAA;;AACA,IAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;AAGA;;AAEG;;;AACI,IAAM,OAAO,GAA2B,UAAA,KAAA,EAAK;AAClD,MAAM,KAAK,GAAG,YAAA,CAAA,UAAA,CAAW,KAAX,CAAd;AAEA,SAAO,eAAA,CAAA,aAAA,CAAc,KAAd,CAAP;AACD,CAJM;;AAAM,OAAA,CAAA,OAAA,GAAO,OAAP;AAMb,OAAA,CAAA,OAAA,CAAQ,WAAR,GAAsB,SAAtB","sourceRoot":""}

package/lib-commonjs/components/Popover/Popover.types.d.ts

@@ -1,20 +1,15 @@
 import * as React from 'react';
-import { PopperOptions, PopperVirtualElement } from '@fluentui/react-positioning';
-import { PortalProps } from '@fluentui/react-portal';
-import { ComponentState } from '@fluentui/react-utilities';
+import type { PopperVirtualElement, PositioningShorthand, usePopperMouseTarget } from '@fluentui/react-positioning';
+import type { PortalProps } from '@fluentui/react-portal';
 /**
  * Determines popover padding and arrow size
  */
 export declare type PopoverSize = 'small' | 'medium' | 'large';
-/**
- * Popover Props
- */
-export interface PopoverProps extends Pick<PopperOptions, 'position' | 'align' | 'offset' | 'coverTarget' | 'target'>, Pick<PortalProps, 'mountNode'> {
-    children: React.ReactNode;
+export declare type PopoverCommons = Pick<PortalProps, 'mountNode'> & {
     /**
      * Controls the opening of the Popover
      */
-    open?: boolean;
+    open: boolean;
     /**
      * Used to set the initial open state of the Popover in uncontrolled mode
      */
@@ -42,36 +37,33 @@ export interface PopoverProps extends Pick<PopperOptions, 'position' | 'align' |
      */
     size?: PopoverSize;
     /**
-     * Uses brand colour as background
-     * Mutually exclusive with `inverted`
+     * A popover can appear styled with brand or inverted.
+     * When not specified, the default style is used.
      */
-    brand?: boolean;
-    /**
-     * Inverts the foreground/background colour of the popover
-     * Mutually exclusive with `brand`
-     */
-    inverted?: boolean;
+    appearance?: 'brand' | 'inverted';
     /**
      * Should trap focus
      */
     trapFocus?: boolean;
-}
-/**
- * Names of the shorthand properties in PopoverProps
- */
-export declare type PopoverShorthandProps = never;
+    /**
+     * Configures the position of the Popover
+     */
+    positioning?: PositioningShorthand;
+};
 /**
- * Names of PopoverProps that have a default value in usePopover
+ * Popover Props
  */
-export declare type PopoverDefaultedProps = never;
+export declare type PopoverProps = Partial<PopoverCommons> & {
+    /**
+     * Can contain two children including {@link PopoverTrigger} and {@link PopoverPopover}.
+     * Alternatively can only contain {@link PopoverPopover} if using a custom `target`.
+     */
+    children: [JSX.Element, JSX.Element] | JSX.Element;
+};
 /**
  * Popover State
  */
-export interface PopoverState extends ComponentState<PopoverProps, PopoverShorthandProps, PopoverDefaultedProps> {
-    /**
-     * Open state of the Popover
-     */
-    open: boolean;
+export declare type PopoverState = PopoverCommons & Pick<PopoverProps, 'children'> & {
     /**
      * Callback to open/close the Popover
      */
@@ -95,14 +87,13 @@ export interface PopoverState extends ComponentState<PopoverProps, PopoverShorth
     /**
      * A callback to set the target of the popper to the mouse click for context events
      */
-    setContextTarget: React.Dispatch<PopperVirtualElement | undefined>;
+    setContextTarget: ReturnType<typeof usePopperMouseTarget>[1];
     size: NonNullable<PopoverProps['size']>;
-}
+};
 /**
  * Data attached to open/close events
  */
-export interface OnOpenChangeData extends Pick<PopoverState, 'open'> {
-}
+export declare type OnOpenChangeData = Pick<PopoverState, 'open'>;
 /**
  * The supported events that will trigger open/close of the menu
  */

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.types.js","sourceRoot":"../src/","sources":["components/Popover/Popover.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport { PopperOptions, PopperVirtualElement } from '@fluentui/react-positioning';\nimport { PortalProps } from '@fluentui/react-portal';\nimport { ComponentState } from '@fluentui/react-utilities';\n\n/**\n * Determines popover padding and arrow size\n */\nexport type PopoverSize = 'small' | 'medium' | 'large';\n\n/**\n * Popover Props\n */\nexport interface PopoverProps\n  extends Pick<PopperOptions, 'position' | 'align' | 'offset' | 'coverTarget' | 'target'>,\n    Pick<PortalProps, 'mountNode'> {\n  children: React.ReactNode;\n  /**\n   * Controls the opening of the Popover\n   */\n  open?: boolean;\n  /**\n   * Used to set the initial open state of the Popover in uncontrolled mode\n   */\n  defaultOpen?: boolean;\n  /**\n   * Call back when the component requests to change value\n   * The `open` value is used as a hint when directly controlling the component\n   */\n  onOpenChange?: (e: OpenPopoverEvents, data: OnOpenChangeData) => void;\n  /**\n   * Flag to open the Popover by hovering the trigger\n   */\n  openOnHover?: boolean;\n  /**\n   * Flag to open the Popover as a context menu. Disables all other interactions\n   */\n  openOnContext?: boolean;\n  /**\n   * Do not display the arrow\n   */\n  noArrow?: boolean;\n  /**\n   * Determines popover padding and arrow size\n   * @default medium\n   */\n  size?: PopoverSize;\n  /**\n   * Uses brand colour as background\n   * Mutually exclusive with `inverted`\n   */\n  brand?: boolean;\n  /**\n   * Inverts the foreground/background colour of the popover\n   * Mutually exclusive with `brand`\n   */\n  inverted?: boolean;\n\n  /**\n   * Should trap focus\n   */\n  trapFocus?: boolean;\n}\n\n/**\n * Names of the shorthand properties in PopoverProps\n */\nexport type PopoverShorthandProps = never;\n\n/**\n * Names of PopoverProps that have a default value in usePopover\n */\nexport type PopoverDefaultedProps = never;\n\n/**\n * Popover State\n */\nexport interface PopoverState extends ComponentState<PopoverProps, PopoverShorthandProps, PopoverDefaultedProps> {\n  /**\n   * Open state of the Popover\n   */\n  open: boolean;\n  /**\n   * Callback to open/close the Popover\n   */\n  setOpen: (e: OpenPopoverEvents, open: boolean) => void;\n  /**\n   * Ref of the PopoverTrigger\n   */\n  triggerRef: React.MutableRefObject<HTMLElement | null>;\n  /**\n   * Ref of the PopoverSurface\n   */\n  contentRef: React.MutableRefObject<HTMLElement | null>;\n  /**\n   * Ref of the pointing arrow\n   */\n  arrowRef: React.MutableRefObject<HTMLDivElement | null>;\n  /**\n   * Anchors the popper to the mouse click for context events\n   */\n  contextTarget: PopperVirtualElement | undefined;\n  /**\n   * A callback to set the target of the popper to the mouse click for context events\n   */\n  setContextTarget: React.Dispatch<PopperVirtualElement | undefined>;\n\n  size: NonNullable<PopoverProps['size']>;\n}\n\n/**\n * Data attached to open/close events\n */\nexport interface OnOpenChangeData extends Pick<PopoverState, 'open'> {}\n\n/**\n * The supported events that will trigger open/close of the menu\n */\nexport type OpenPopoverEvents =\n  | MouseEvent\n  | TouchEvent\n  | React.MouseEvent<HTMLElement>\n  | React.KeyboardEvent<HTMLElement>\n  | React.FocusEvent<HTMLElement>;\n"]}
+{"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":""}

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

@@ -1,8 +1,16 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
 tslib_1.__exportStar(require("./Popover"), exports);
+
 tslib_1.__exportStar(require("./Popover.types"), exports);
+
 tslib_1.__exportStar(require("./renderPopover"), exports);
+
 tslib_1.__exportStar(require("./usePopover"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Popover/index.ts"],"names":[],"mappings":";;;AAAA,oDAA0B;AAC1B,0DAAgC;AAChC,0DAAgC;AAChC,uDAA6B","sourcesContent":["export * from './Popover';\nexport * from './Popover.types';\nexport * from './renderPopover';\nexport * from './usePopover';\n"]}
+{"version":3,"sources":["../../../src/components/Popover/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,WAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA","sourceRoot":""}

package/lib-commonjs/components/Popover/renderPopover.d.ts

@@ -1,4 +1,4 @@
-import { PopoverState } from './Popover.types';
+import type { PopoverState } from './Popover.types';
 /**
  * Render the final JSX of Popover
  */

package/lib-commonjs/components/Popover/renderPopover.js

@@ -1,29 +1,48 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.renderPopover = void 0;
-var React = require("react");
-var popoverContext_1 = require("../../popoverContext");
+
+var React = /*#__PURE__*/require("react");
+
+var popoverContext_1 = /*#__PURE__*/require("../../popoverContext");
 /**
  * Render the final JSX of Popover
  */
+
+
 var renderPopover = function (state) {
-    var open = state.open, setOpen = state.setOpen, triggerRef = state.triggerRef, contentRef = state.contentRef, target = state.target, openOnContext = state.openOnContext, openOnHover = state.openOnHover, mountNode = state.mountNode, arrowRef = state.arrowRef, size = state.size, noArrow = state.noArrow, brand = state.brand, inverted = state.inverted, trapFocus = state.trapFocus;
-    return (React.createElement(popoverContext_1.PopoverContext.Provider, { value: {
-            open: open,
-            setOpen: setOpen,
-            triggerRef: triggerRef,
-            contentRef: contentRef,
-            target: target,
-            openOnHover: openOnHover,
-            openOnContext: openOnContext,
-            mountNode: mountNode,
-            arrowRef: arrowRef,
-            size: size,
-            noArrow: noArrow,
-            brand: brand,
-            inverted: inverted,
-            trapFocus: trapFocus,
-        } }, state.children));
+  var open = state.open,
+      setOpen = state.setOpen,
+      triggerRef = state.triggerRef,
+      contentRef = state.contentRef,
+      openOnContext = state.openOnContext,
+      openOnHover = state.openOnHover,
+      mountNode = state.mountNode,
+      arrowRef = state.arrowRef,
+      size = state.size,
+      noArrow = state.noArrow,
+      appearance = state.appearance,
+      trapFocus = state.trapFocus;
+  return React.createElement(popoverContext_1.PopoverContext.Provider, {
+    value: {
+      open: open,
+      setOpen: setOpen,
+      triggerRef: triggerRef,
+      contentRef: contentRef,
+      openOnHover: openOnHover,
+      openOnContext: openOnContext,
+      mountNode: mountNode,
+      arrowRef: arrowRef,
+      size: size,
+      noArrow: noArrow,
+      appearance: appearance,
+      trapFocus: trapFocus
+    }
+  }, state.children);
 };
+
 exports.renderPopover = renderPopover;
 //# sourceMappingURL=renderPopover.js.map

package/lib-commonjs/components/Popover/renderPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderPopover.js","sourceRoot":"../src/","sources":["components/Popover/renderPopover.tsx"],"names":[],"mappings":";;;AAAA,6BAA+B;AAC/B,uDAAsD;AAGtD;;GAEG;AACI,IAAM,aAAa,GAAG,UAAC,KAAmB;IAE7C,IAAA,IAAI,GAcF,KAAK,KAdH,EACJ,OAAO,GAaL,KAAK,QAbA,EACP,UAAU,GAYR,KAAK,WAZG,EACV,UAAU,GAWR,KAAK,WAXG,EACV,MAAM,GAUJ,KAAK,OAVD,EACN,aAAa,GASX,KAAK,cATM,EACb,WAAW,GAQT,KAAK,YARI,EACX,SAAS,GAOP,KAAK,UAPE,EACT,QAAQ,GAMN,KAAK,SANC,EACR,IAAI,GAKF,KAAK,KALH,EACJ,OAAO,GAIL,KAAK,QAJA,EACP,KAAK,GAGH,KAAK,MAHF,EACL,QAAQ,GAEN,KAAK,SAFC,EACR,SAAS,GACP,KAAK,UADE,CACD;IAEV,OAAO,CACL,oBAAC,+BAAc,CAAC,QAAQ,IACtB,KAAK,EAAE;YACL,IAAI,MAAA;YACJ,OAAO,SAAA;YACP,UAAU,YAAA;YACV,UAAU,YAAA;YACV,MAAM,QAAA;YACN,WAAW,aAAA;YACX,aAAa,eAAA;YACb,SAAS,WAAA;YACT,QAAQ,UAAA;YACR,IAAI,MAAA;YACJ,OAAO,SAAA;YACP,KAAK,OAAA;YACL,QAAQ,UAAA;YACR,SAAS,WAAA;SACV,IAEA,KAAK,CAAC,QAAQ,CACS,CAC3B,CAAC;AACJ,CAAC,CAAC;AAxCW,QAAA,aAAa,iBAwCxB","sourcesContent":["import * as React from 'react';\nimport { PopoverContext } from '../../popoverContext';\nimport { PopoverState } from './Popover.types';\n\n/**\n * Render the final JSX of Popover\n */\nexport const renderPopover = (state: PopoverState) => {\n  const {\n    open,\n    setOpen,\n    triggerRef,\n    contentRef,\n    target,\n    openOnContext,\n    openOnHover,\n    mountNode,\n    arrowRef,\n    size,\n    noArrow,\n    brand,\n    inverted,\n    trapFocus,\n  } = state;\n\n  return (\n    <PopoverContext.Provider\n      value={{\n        open,\n        setOpen,\n        triggerRef,\n        contentRef,\n        target,\n        openOnHover,\n        openOnContext,\n        mountNode,\n        arrowRef,\n        size,\n        noArrow,\n        brand,\n        inverted,\n        trapFocus,\n      }}\n    >\n      {state.children}\n    </PopoverContext.Provider>\n  );\n};\n"]}
+{"version":3,"sources":["../../../src/components/Popover/renderPopover.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,gBAAA,gBAAA,OAAA,CAAA,sBAAA,CAAA;AAGA;;AAEG;;;AACI,IAAM,aAAa,GAAG,UAAC,KAAD,EAAoB;AAE7C,MAAA,IAAI,GAYF,KAAK,CAZH,IAAJ;AAAA,MACA,OAAO,GAWL,KAAK,CAXA,OADP;AAAA,MAEA,UAAU,GAUR,KAAK,CAVG,UAFV;AAAA,MAGA,UAAU,GASR,KAAK,CATG,UAHV;AAAA,MAIA,aAAa,GAQX,KAAK,CARM,aAJb;AAAA,MAKA,WAAW,GAOT,KAAK,CAPI,WALX;AAAA,MAMA,SAAS,GAMP,KAAK,CANE,SANT;AAAA,MAOA,QAAQ,GAKN,KAAK,CALC,QAPR;AAAA,MAQA,IAAI,GAIF,KAAK,CAJH,IARJ;AAAA,MASA,OAAO,GAGL,KAAK,CAHA,OATP;AAAA,MAUA,UAAU,GAER,KAAK,CAFG,UAVV;AAAA,MAWA,SAAS,GACP,KAAK,CADE,SAXT;AAcF,SACE,KAAA,CAAA,aAAA,CAAC,gBAAA,CAAA,cAAA,CAAe,QAAhB,EAAwB;AACtB,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAA,IADC;AAEL,MAAA,OAAO,EAAA,OAFF;AAGL,MAAA,UAAU,EAAA,UAHL;AAIL,MAAA,UAAU,EAAA,UAJL;AAKL,MAAA,WAAW,EAAA,WALN;AAML,MAAA,aAAa,EAAA,aANR;AAOL,MAAA,SAAS,EAAA,SAPJ;AAQL,MAAA,QAAQ,EAAA,QARH;AASL,MAAA,IAAI,EAAA,IATC;AAUL,MAAA,OAAO,EAAA,OAVF;AAWL,MAAA,UAAU,EAAA,UAXL;AAYL,MAAA,SAAS,EAAA;AAZJ;AADe,GAAxB,EAgBG,KAAK,CAAC,QAhBT,CADF;AAoBD,CApCM;;AAAM,OAAA,CAAA,aAAA,GAAa,aAAb","sourceRoot":""}

package/lib-commonjs/components/Popover/usePopover.d.ts

@@ -1,4 +1,4 @@
-import { PopoverProps, PopoverState } from './Popover.types';
+import type { PopoverProps, PopoverState } from './Popover.types';
 /**
  * Create the state required to render Popover.
  *
@@ -6,6 +6,5 @@ import { PopoverProps, PopoverState } from './Popover.types';
  * before being passed to renderPopover.
  *
  * @param props - props from this instance of Popover
- * @param defaultProps - (optional) default prop values provided by the implementing type
  */
-export declare const usePopover: (props: PopoverProps, defaultProps?: PopoverProps | undefined) => PopoverState;
+export declare const usePopover: (props: PopoverProps) => PopoverState;