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

package/lib-commonjs/components/PopoverTrigger/usePopoverTrigger.js

@@ -1,12 +1,19 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.usePopoverTrigger = void 0;
-var tslib_1 = require("tslib");
-var React = require("react");
-var react_utilities_1 = require("@fluentui/react-utilities");
-var react_tabster_1 = require("@fluentui/react-tabster");
-var popoverContext_1 = require("../../popoverContext");
-var mergeProps = react_utilities_1.makeMergeProps({});
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
+var React = /*#__PURE__*/require("react");
+
+var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+
+var react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
+
+var popoverContext_1 = /*#__PURE__*/require("../../popoverContext");
 /**
  * Create the state required to render PopoverTrigger.
  *
@@ -14,65 +21,91 @@ var mergeProps = react_utilities_1.makeMergeProps({});
  * before being passed to renderPopoverTrigger.
  *
  * @param props - props from this instance of PopoverTrigger
- * @param defaultProps - (optional) default prop values provided by the implementing type
  */
-var usePopoverTrigger = function (props, defaultProps) {
-    var setOpen = popoverContext_1.usePopoverContext(function (context) { return context.setOpen; });
-    var open = popoverContext_1.usePopoverContext(function (context) { return context.open; });
-    var triggerRef = popoverContext_1.usePopoverContext(function (context) { return context.triggerRef; });
-    var openOnHover = popoverContext_1.usePopoverContext(function (context) { return context.openOnHover; });
-    var openOnContext = popoverContext_1.usePopoverContext(function (context) { return context.openOnContext; });
-    var triggerAttributes = react_tabster_1.useModalAttributes().triggerAttributes;
-    var state = mergeProps({
-        children: null,
-    }, defaultProps, props);
-    var onContextMenu = react_utilities_1.useEventCallback(function (e) {
-        var _a, _b;
-        if (openOnContext) {
-            e.preventDefault();
-            setOpen(e, true);
-        }
-        (_b = (_a = child.props) === null || _a === void 0 ? void 0 : _a.onContextMenu) === null || _b === void 0 ? void 0 : _b.call(_a, e);
-    });
-    var onClick = react_utilities_1.useEventCallback(function (e) {
-        var _a, _b;
-        if (!openOnContext) {
-            setOpen(e, !open);
-        }
-        (_b = (_a = child.props) === null || _a === void 0 ? void 0 : _a.onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
-    });
-    var onKeyDown = react_utilities_1.useEventCallback(function (e) {
-        var _a, _b, _c;
-        if (react_utilities_1.shouldPreventDefaultOnKeyDown(e) && (e.key === ' ' || e.key === 'Enter')) {
-            e.preventDefault();
-            (_a = e.target) === null || _a === void 0 ? void 0 : _a.click();
-        }
-        if (e.key === 'Escape') {
-            setOpen(e, false);
-        }
-        (_c = (_b = child.props) === null || _b === void 0 ? void 0 : _b.onKeyDown) === null || _c === void 0 ? void 0 : _c.call(_b, e);
-    });
-    var onMouseEnter = react_utilities_1.useEventCallback(function (e) {
-        var _a, _b;
-        if (openOnHover) {
-            setOpen(e, true);
-        }
-        (_b = (_a = child.props) === null || _a === void 0 ? void 0 : _a.onMouseEnter) === null || _b === void 0 ? void 0 : _b.call(_a, e);
-    });
-    var onMouseLeave = react_utilities_1.useEventCallback(function (e) {
-        var _a, _b;
-        if (openOnHover) {
-            setOpen(e, false);
-        }
-        (_b = (_a = child.props) === null || _a === void 0 ? void 0 : _a.onMouseLeave) === null || _b === void 0 ? void 0 : _b.call(_a, e);
-    });
-    var child = React.Children.only(state.children);
-    state.children = React.cloneElement(child, tslib_1.__assign({ 'aria-haspopup': 'true', onClick: onClick,
-        onMouseEnter: onMouseEnter,
-        onKeyDown: onKeyDown,
-        onMouseLeave: onMouseLeave,
-        onContextMenu: onContextMenu, ref: react_utilities_1.useMergedRefs(child.props.ref, triggerRef) }, triggerAttributes));
-    return state;
+
+
+var usePopoverTrigger = function (props) {
+  var setOpen = popoverContext_1.usePopoverContext(function (context) {
+    return context.setOpen;
+  });
+  var open = popoverContext_1.usePopoverContext(function (context) {
+    return context.open;
+  });
+  var triggerRef = popoverContext_1.usePopoverContext(function (context) {
+    return context.triggerRef;
+  });
+  var openOnHover = popoverContext_1.usePopoverContext(function (context) {
+    return context.openOnHover;
+  });
+  var openOnContext = popoverContext_1.usePopoverContext(function (context) {
+    return context.openOnContext;
+  });
+  var triggerAttributes = react_tabster_1.useModalAttributes().triggerAttributes;
+  var onContextMenu = react_utilities_1.useEventCallback(function (e) {
+    var _a, _b;
+
+    if (openOnContext) {
+      e.preventDefault();
+      setOpen(e, true);
+    }
+
+    (_b = (_a = child.props) === null || _a === void 0 ? void 0 : _a.onContextMenu) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+  });
+  var onClick = react_utilities_1.useEventCallback(function (e) {
+    var _a, _b;
+
+    if (!openOnContext) {
+      setOpen(e, !open);
+    }
+
+    (_b = (_a = child.props) === null || _a === void 0 ? void 0 : _a.onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+  });
+  var onKeyDown = react_utilities_1.useEventCallback(function (e) {
+    var _a, _b, _c;
+
+    if (react_utilities_1.shouldPreventDefaultOnKeyDown(e) && (e.key === ' ' || e.key === 'Enter')) {
+      e.preventDefault();
+      (_a = e.target) === null || _a === void 0 ? void 0 : _a.click();
+    }
+
+    if (e.key === 'Escape') {
+      setOpen(e, false);
+    }
+
+    (_c = (_b = child.props) === null || _b === void 0 ? void 0 : _b.onKeyDown) === null || _c === void 0 ? void 0 : _c.call(_b, e);
+  });
+  var onMouseEnter = react_utilities_1.useEventCallback(function (e) {
+    var _a, _b;
+
+    if (openOnHover) {
+      setOpen(e, true);
+    }
+
+    (_b = (_a = child.props) === null || _a === void 0 ? void 0 : _a.onMouseEnter) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+  });
+  var onMouseLeave = react_utilities_1.useEventCallback(function (e) {
+    var _a, _b;
+
+    if (openOnHover) {
+      setOpen(e, false);
+    }
+
+    (_b = (_a = child.props) === null || _a === void 0 ? void 0 : _a.onMouseLeave) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+  });
+  var child = React.Children.only(props.children);
+  return {
+    children: React.cloneElement(child, tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, triggerAttributes), {
+      'aria-haspopup': 'true'
+    }), child.props), {
+      onClick: onClick,
+      onMouseEnter: onMouseEnter,
+      onKeyDown: onKeyDown,
+      onMouseLeave: onMouseLeave,
+      onContextMenu: onContextMenu,
+      ref: react_utilities_1.useMergedRefs(child.ref, triggerRef)
+    }))
+  };
 };
+
 exports.usePopoverTrigger = usePopoverTrigger;
 //# sourceMappingURL=usePopoverTrigger.js.map

package/lib-commonjs/components/PopoverTrigger/usePopoverTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePopoverTrigger.js","sourceRoot":"../src/","sources":["components/PopoverTrigger/usePopoverTrigger.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport {\n  makeMergeProps,\n  useMergedRefs,\n  useEventCallback,\n  shouldPreventDefaultOnKeyDown,\n} from '@fluentui/react-utilities';\nimport { useModalAttributes } from '@fluentui/react-tabster';\nimport { PopoverTriggerProps, PopoverTriggerState } from './PopoverTrigger.types';\nimport { usePopoverContext } from '../../popoverContext';\n\nconst mergeProps = makeMergeProps<PopoverTriggerState>({});\n\n/**\n * Create the state required to render PopoverTrigger.\n *\n * The returned state can be modified with hooks such as usePopoverTriggerStyles,\n * before being passed to renderPopoverTrigger.\n *\n * @param props - props from this instance of PopoverTrigger\n * @param defaultProps - (optional) default prop values provided by the implementing type\n */\nexport const usePopoverTrigger = (\n  props: PopoverTriggerProps,\n  defaultProps?: PopoverTriggerProps,\n): PopoverTriggerState => {\n  const setOpen = usePopoverContext(context => context.setOpen);\n  const open = usePopoverContext(context => context.open);\n  const triggerRef = usePopoverContext(context => context.triggerRef);\n  const openOnHover = usePopoverContext(context => context.openOnHover);\n  const openOnContext = usePopoverContext(context => context.openOnContext);\n  const { triggerAttributes } = useModalAttributes();\n\n  const state = mergeProps(\n    {\n      children: (null as unknown) as React.ReactElement,\n    },\n    defaultProps,\n    props,\n  );\n\n  const onContextMenu = useEventCallback((e: React.MouseEvent<HTMLElement>) => {\n    if (openOnContext) {\n      e.preventDefault();\n      setOpen(e, true);\n    }\n\n    child.props?.onContextMenu?.(e);\n  });\n\n  const onClick = useEventCallback((e: React.MouseEvent<HTMLElement>) => {\n    if (!openOnContext) {\n      setOpen(e, !open);\n    }\n    child.props?.onClick?.(e);\n  });\n\n  const onKeyDown = useEventCallback((e: React.KeyboardEvent<HTMLElement>) => {\n    if (shouldPreventDefaultOnKeyDown(e) && (e.key === ' ' || e.key === 'Enter')) {\n      e.preventDefault();\n      (e.target as HTMLElement)?.click();\n    }\n\n    if (e.key === 'Escape') {\n      setOpen(e, false);\n    }\n\n    child.props?.onKeyDown?.(e);\n  });\n\n  const onMouseEnter = useEventCallback((e: React.MouseEvent<HTMLElement>) => {\n    if (openOnHover) {\n      setOpen(e, true);\n    }\n    child.props?.onMouseEnter?.(e);\n  });\n\n  const onMouseLeave = useEventCallback((e: React.MouseEvent<HTMLElement>) => {\n    if (openOnHover) {\n      setOpen(e, false);\n    }\n    child.props?.onMouseLeave?.(e);\n  });\n\n  const child = React.Children.only(state.children);\n  state.children = React.cloneElement(child, {\n    'aria-haspopup': 'true',\n    onClick,\n    onMouseEnter,\n    onKeyDown,\n    onMouseLeave,\n    onContextMenu,\n    ref: useMergedRefs(child.props.ref, triggerRef),\n    ...triggerAttributes,\n  });\n\n  return state;\n};\n"]}
+{"version":3,"sources":["../../../src/components/PopoverTrigger/usePopoverTrigger.ts"],"names":[],"mappings":"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","sourceRoot":""}

package/lib-commonjs/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("./PopoverSurface"), exports);
+
 tslib_1.__exportStar(require("./popoverContext"), exports);
+
 tslib_1.__exportStar(require("./PopoverTrigger"), exports);
 //# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":";;;AAAA,oDAA0B;AAC1B,2DAAiC;AACjC,2DAAiC;AACjC,2DAAiC","sourcesContent":["export * from './Popover';\nexport * from './PopoverSurface';\nexport * from './popoverContext';\nexport * from './PopoverTrigger';\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,WAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA","sourceRoot":""}

package/lib-commonjs/popoverContext.d.ts

@@ -1,9 +1,8 @@
-import { ContextSelector, Context } from '@fluentui/react-context-selector';
-import { PopoverState } from './components/Popover/index';
+import type { ContextSelector, Context } from '@fluentui/react-context-selector';
+import type { PopoverState } from './components/Popover/index';
 export declare const PopoverContext: Context<PopoverContextValue>;
 /**
  * Context shared between Popover and its children components
  */
-export interface PopoverContextValue extends Pick<PopoverState, 'open' | 'setOpen' | 'triggerRef' | 'contentRef' | 'target' | 'openOnHover' | 'openOnContext' | 'mountNode' | 'noArrow' | 'arrowRef' | 'size' | 'brand' | 'inverted' | 'trapFocus'> {
-}
-export declare const usePopoverContext: <T>(selector: ContextSelector<PopoverContextValue, T>) => T;
+export declare type PopoverContextValue = Pick<PopoverState, 'open' | 'setOpen' | 'triggerRef' | 'contentRef' | 'openOnHover' | 'openOnContext' | 'mountNode' | 'noArrow' | 'arrowRef' | 'size' | 'appearance' | 'trapFocus'>;
+export declare const usePopoverContext: <T>(selector: ContextSelector<Pick<PopoverState, "mountNode" | "open" | "setOpen" | "triggerRef" | "contentRef" | "openOnHover" | "openOnContext" | "noArrow" | "arrowRef" | "size" | "appearance" | "trapFocus">, T>) => T;

package/lib-commonjs/popoverContext.js

@@ -1,21 +1,35 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.usePopoverContext = exports.PopoverContext = void 0;
-var react_context_selector_1 = require("@fluentui/react-context-selector");
-exports.PopoverContext = react_context_selector_1.createContext({
-    open: false,
-    setOpen: function () { return null; },
-    triggerRef: { current: null },
-    contentRef: { current: null },
-    arrowRef: { current: null },
-    target: undefined,
-    openOnContext: false,
-    openOnHover: false,
-    size: 'medium',
-    trapFocus: false,
+
+var react_context_selector_1 = /*#__PURE__*/require("@fluentui/react-context-selector");
+
+exports.PopoverContext = /*#__PURE__*/react_context_selector_1.createContext({
+  open: false,
+  setOpen: function () {
+    return null;
+  },
+  triggerRef: {
+    current: null
+  },
+  contentRef: {
+    current: null
+  },
+  arrowRef: {
+    current: null
+  },
+  openOnContext: false,
+  openOnHover: false,
+  size: 'medium',
+  trapFocus: false
 });
+
 var usePopoverContext = function (selector) {
-    return react_context_selector_1.useContextSelector(exports.PopoverContext, selector);
+  return react_context_selector_1.useContextSelector(exports.PopoverContext, selector);
 };
+
 exports.usePopoverContext = usePopoverContext;
 //# sourceMappingURL=popoverContext.js.map

package/lib-commonjs/popoverContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"popoverContext.js","sourceRoot":"../src/","sources":["popoverContext.ts"],"names":[],"mappings":";;;AAAA,2EAA+G;AAGlG,QAAA,cAAc,GAAiC,sCAAa,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;AAwBI,IAAM,iBAAiB,GAAG,UAAI,QAAiD;IACpF,OAAA,2CAAkB,CAAC,sBAAc,EAAE,QAAQ,CAAC;AAA5C,CAA4C,CAAC;AADlC,QAAA,iBAAiB,qBACiB","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,IAAA,wBAAA,gBAAA,OAAA,CAAA,kCAAA,CAAA;;AAIa,OAAA,CAAA,cAAA,gBAA+C,wBAAA,CAAA,aAAA,CAAmC;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,CAAnC,CAA/C;;AA+BN,IAAM,iBAAiB,GAAG,UAAI,QAAJ,EAAqD;AACpF,SAAA,wBAAA,CAAA,kBAAA,CAAmB,OAAA,CAAA,cAAnB,EAAmC,QAAnC,CAAA;AAA4C,CADvC;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB","sourceRoot":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-popover",
-  "version": "9.0.0-alpha.8",
+  "version": "9.0.0-nightly.f81b28ceb3.1",
   "description": "Popover component for Fluent UI",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -18,16 +18,19 @@
     "code-style": "just-scripts code-style",
     "just": "just-scripts",
     "lint": "just-scripts lint",
-    "start": "echo \"This is DEPRECATED instead use 'storybook'\" && just-scripts dev:storybook",
-    "start-test": "echo \"This is DEPRECATED instead use 'test --watch'\" && just-scripts jest-watch",
+    "start": "yarn storybook",
+    "e2e": "e2e",
     "storybook": "start-storybook",
     "test": "jest",
-    "update-snapshots": "just-scripts jest -u"
+    "docs": "api-extractor run --config=config/api-extractor.local.json --local",
+    "build:local": "tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/react-popover/src && yarn docs"
   },
   "devDependencies": {
-    "@fluentui/eslint-plugin": "^1.3.1",
-    "@fluentui/jest-serializer-make-styles": "^9.0.0-alpha.18",
-    "@fluentui/react-conformance": "^0.4.1",
+    "@fluentui/babel-make-styles": "9.0.0-nightly.f81b28ceb3.1",
+    "@fluentui/eslint-plugin": "*",
+    "@fluentui/jest-serializer-make-styles": "9.0.0-nightly.f81b28ceb3.1",
+    "@fluentui/react-conformance": "*",
+    "@fluentui/react-conformance-make-styles": "9.0.0-nightly.f81b28ceb3.1",
     "@fluentui/scripts": "^1.0.0",
     "@types/enzyme": "3.10.3",
     "@types/enzyme-adapter-react-16": "1.0.3",
@@ -41,13 +44,13 @@
     "react-test-renderer": "^16.3.0"
   },
   "dependencies": {
-    "@fluentui/react-context-selector": "^9.0.0-alpha.13",
-    "@fluentui/react-make-styles": "^9.0.0-alpha.42",
-    "@fluentui/react-portal": "^9.0.0-alpha.21",
-    "@fluentui/react-positioning": "^9.0.0-alpha.29",
-    "@fluentui/react-shared-contexts": "^9.0.0-alpha.15",
-    "@fluentui/react-tabster": "^9.0.0-alpha.34",
-    "@fluentui/react-utilities": "^9.0.0-alpha.29",
+    "@fluentui/react-context-selector": "9.0.0-nightly.f81b28ceb3.1",
+    "@fluentui/react-make-styles": "9.0.0-nightly.f81b28ceb3.1",
+    "@fluentui/react-portal": "9.0.0-nightly.f81b28ceb3.1",
+    "@fluentui/react-positioning": "9.0.0-nightly.f81b28ceb3.1",
+    "@fluentui/react-shared-contexts": "9.0.0-nightly.f81b28ceb3.1",
+    "@fluentui/react-tabster": "9.0.0-nightly.f81b28ceb3.1",
+    "@fluentui/react-utilities": "9.0.0-nightly.f81b28ceb3.1",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
@@ -57,7 +60,7 @@
     "react-dom": ">=16.8.0 <18.0.0"
   },
   "beachball": {
-    "tag": "alpha",
+    "tag": "beta",
     "disallowedChangeTypes": [
       "major",
       "minor",

package/.storybook/main.js

@@ -1,11 +0,0 @@
-const rootMain = require('../../../.storybook/main');
-
-module.exports = /** @type {Pick<import('../../../.storybook/main').StorybookConfig,'addons'|'stories'|'webpackFinal'>} */ ({
-  stories: [...rootMain.stories, '../src/**/*.stories.mdx', '../src/**/*.stories.@(ts|tsx)'],
-  addons: [...rootMain.addons],
-  webpackFinal: (config, options) => {
-    const localConfig = { ...rootMain.webpackFinal(config, options) };
-
-    return localConfig;
-  },
-});

package/.storybook/preview.js

@@ -1,4 +0,0 @@
-import * as rootPreview from '../../../.storybook/preview';
-
-export const decorators = [...rootPreview.decorators];
-export const parameters = { layout: 'centered' };

package/bundle-size/Popover.fixture.js

@@ -1,7 +0,0 @@
-import { Popover, PopoverTrigger, PopoverSurface } from '@fluentui/react-popover';
-
-console.log(Popover, PopoverTrigger, PopoverSurface);
-
-export default {
-  name: 'Popover',
-};

package/config/api-extractor.json

@@ -1,3 +0,0 @@
-{
-  "extends": "@fluentui/scripts/api-extractor/api-extractor.common.json"
-}

package/config/tests.js

@@ -1,7 +0,0 @@
-/** Jest test setup file. */
-
-const { configure } = require('enzyme');
-const Adapter = require('enzyme-adapter-react-16');
-
-// Configure enzyme.
-configure({ adapter: new Adapter() });

package/e2e/Popover.e2e.ts

@@ -1,139 +0,0 @@
-const popoverTriggerSelector = '[aria-haspopup="true"]';
-const popoverContentSelector = '[role="dialog"]';
-const popoverStoriesTitle = 'Components/Popover';
-
-const popoverDefaultStory = 'Default';
-const popoverAnchorToTargetStory = 'AnchorToTarget';
-const popoverControlledStory = 'Controlled';
-const popoverWithCustomTriggerStory = 'WithCustomTrigger';
-const popoverNestedStory = 'NestedPopovers';
-
-describe('Popover', () => {
-  before(() => {
-    cy.visitStorybook();
-  });
-
-  [popoverDefaultStory, popoverAnchorToTargetStory, popoverControlledStory].forEach(story => {
-    describe(story, () => {
-      beforeEach(() => {
-        cy.get('body').click('bottomRight').loadStory(popoverStoriesTitle, story);
-      });
-
-      it('should open when clicked', () => {
-        cy.get(popoverTriggerSelector).click().get(popoverContentSelector).should('be.visible');
-      });
-
-      ['{enter}', 'Space'].forEach((key: '{enter}' | 'Space') => {
-        it(`should open with ${key}`, () => {
-          cy.get(popoverTriggerSelector).focus().realPress(key);
-
-          cy.get(popoverContentSelector).should('be.visible');
-        });
-      });
-
-      it('should dismiss on click outside', () => {
-        cy.get(popoverTriggerSelector)
-          .click()
-          .get('body')
-          .click('bottomRight')
-          .get(popoverContentSelector)
-          .should('not.exist');
-      });
-
-      it('should dismiss on Escape keydown', () => {
-        cy.get(popoverTriggerSelector).click().realPress('Escape');
-        cy.get(popoverContentSelector).should('not.exist');
-      });
-    });
-  });
-
-  describe('With custom trigger', () => {
-    it('should dismiss on click outside', () => {
-      cy.loadStory(popoverStoriesTitle, popoverWithCustomTriggerStory)
-        .get(popoverTriggerSelector)
-        .get('body')
-        .click('bottomRight')
-        .get(popoverContentSelector)
-        .should('not.exist');
-    });
-  });
-
-  describe('Nested', () => {
-    beforeEach(() => {
-      // Open the whole stack of popovers
-      cy.loadStory(popoverStoriesTitle, popoverNestedStory)
-        .contains('Root')
-        .click()
-        .get('body')
-        .contains('First')
-        .click()
-        .get('body')
-        .contains('Second')
-        .first()
-        .click();
-    });
-
-    it('should trap focus with tab', () => {
-      cy.focused().then(beforeFocused => {
-        cy.focused().realPress('Tab');
-        cy.realPress(['Shift', 'Tab']);
-        cy.focused().then(afterFocused => {
-          expect(beforeFocused[0]).eq(afterFocused[0]);
-        });
-      });
-    });
-
-    it('should trap focus with shift+tab', () => {
-      cy.focused().then(beforeFocused => {
-        cy.focused().realPress('Tab');
-        cy.realPress(['Shift', 'Tab']);
-        cy.focused().then(afterFocused => {
-          expect(beforeFocused[0]).eq(afterFocused[0]);
-        });
-      });
-    });
-
-    it('should dismiss all nested popovers on outside click', () => {
-      cy.get('body').click('bottomRight').get(popoverContentSelector).should('not.exist');
-    });
-
-    it('should not dismiss when clicking on nested content', () => {
-      cy.contains('Second nested button').click().get(popoverContentSelector).should('have.length', 3);
-    });
-
-    it('should dismiss child popovers when clicking on parents', () => {
-      cy.contains('First nested button')
-        .click()
-        .get(popoverContentSelector)
-        .should('have.length', 2)
-        .contains('Root button')
-        .click()
-        .get(popoverContentSelector)
-        .should('have.length', 1);
-    });
-
-    it('should when opening a sibling popover, should dismiss other sibling popover', () => {
-      const secondNestedTriggerSelector = 'button:contains(Second nested trigger)';
-
-      cy.get(secondNestedTriggerSelector)
-        .eq(1)
-        .click()
-        .get(popoverContentSelector)
-        .should('have.length', 3)
-        .get(secondNestedTriggerSelector)
-        .eq(0)
-        .click()
-        .get(popoverContentSelector)
-        .should('have.length', 3);
-    });
-
-    it('should dismiss each popover in the stack with Escape keydown', () => {
-      cy.focused().realPress('Escape');
-      cy.get(popoverContentSelector).should('have.length', 2);
-      cy.focused().realPress('Escape');
-      cy.get(popoverContentSelector).should('have.length', 1);
-      cy.focused().realPress('Escape');
-      cy.get(popoverContentSelector).should('not.exist');
-    });
-  });
-});