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

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

@@ -1,12 +1,21 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePopoverSurface = 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({});
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePopoverSurface = exports.popoverSurfaceSlots = void 0;
+
+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");
+
+exports.popoverSurfaceSlots = ['root'];
 /**
  * Create the state required to render PopoverSurface.
  *
@@ -14,59 +23,100 @@ var mergeProps = react_utilities_1.makeMergeProps({});
  * before being passed to renderPopoverSurface.
  *
  * @param props - props from this instance of PopoverSurface
- * @param ref - reference to root HTMLElement of PopoverSurface
- * @param defaultProps - (optional) default prop values provided by the implementing type
+ * @param ref - reference to root HTMLDivElement of PopoverSurface
  */
-var usePopoverSurface = function (props, ref, defaultProps) {
-    var contentRef = popoverContext_1.usePopoverContext(function (context) { return context.contentRef; });
-    var open = popoverContext_1.usePopoverContext(function (context) { return context.open; });
-    var openOnHover = popoverContext_1.usePopoverContext(function (context) { return context.openOnHover; });
-    var setOpen = popoverContext_1.usePopoverContext(function (context) { return context.setOpen; });
-    var mountNode = popoverContext_1.usePopoverContext(function (context) { return context.mountNode; });
-    var arrowRef = popoverContext_1.usePopoverContext(function (context) { return context.arrowRef; });
-    var size = popoverContext_1.usePopoverContext(function (context) { return context.size; });
-    var noArrow = popoverContext_1.usePopoverContext(function (context) { return context.noArrow; });
-    var brand = popoverContext_1.usePopoverContext(function (context) { return context.brand; });
-    var inverted = popoverContext_1.usePopoverContext(function (context) { return context.inverted; });
-    var trapFocus = popoverContext_1.usePopoverContext(function (context) { return context.trapFocus; });
-    var modalAttributes = react_tabster_1.useModalAttributes({ trapFocus: trapFocus }).modalAttributes;
-    var state = mergeProps(tslib_1.__assign({ brand: brand,
-        inverted: inverted,
-        noArrow: noArrow,
-        size: size,
-        arrowRef: arrowRef,
-        open: open,
-        mountNode: mountNode, role: 'dialog', ref: react_utilities_1.useMergedRefs(ref, contentRef) }, modalAttributes), defaultProps, props);
-    var onMouseEnterOriginal = state.onMouseEnter, onMouseLeaveOriginal = state.onMouseLeave, onKeyDownOriginal = state.onKeyDown;
-    state.onMouseEnter = function (e) {
-        if (openOnHover) {
-            setOpen(e, true);
-        }
-        onMouseEnterOriginal === null || onMouseEnterOriginal === void 0 ? void 0 : onMouseEnterOriginal(e);
-    };
-    state.onMouseLeave = function (e) {
-        if (openOnHover) {
-            setOpen(e, false);
-        }
-        onMouseLeaveOriginal === null || onMouseLeaveOriginal === void 0 ? void 0 : onMouseLeaveOriginal(e);
-    };
-    state.onKeyDown = function (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);
-    };
-    var findFirstFocusable = react_tabster_1.useFocusFinders().findFirstFocusable;
-    React.useEffect(function () {
-        if (state.open && contentRef.current) {
-            var firstFocusable = findFirstFocusable(contentRef.current);
-            firstFocusable === null || firstFocusable === void 0 ? void 0 : firstFocusable.focus();
-        }
-    }, [contentRef, findFirstFocusable, state.open]);
-    return state;
+
+var usePopoverSurface = function (props, ref) {
+  var contentRef = popoverContext_1.usePopoverContext(function (context) {
+    return context.contentRef;
+  });
+  var open = popoverContext_1.usePopoverContext(function (context) {
+    return context.open;
+  });
+  var openOnHover = popoverContext_1.usePopoverContext(function (context) {
+    return context.openOnHover;
+  });
+  var setOpen = popoverContext_1.usePopoverContext(function (context) {
+    return context.setOpen;
+  });
+  var mountNode = popoverContext_1.usePopoverContext(function (context) {
+    return context.mountNode;
+  });
+  var arrowRef = popoverContext_1.usePopoverContext(function (context) {
+    return context.arrowRef;
+  });
+  var size = popoverContext_1.usePopoverContext(function (context) {
+    return context.size;
+  });
+  var noArrow = popoverContext_1.usePopoverContext(function (context) {
+    return context.noArrow;
+  });
+  var appearance = popoverContext_1.usePopoverContext(function (context) {
+    return context.appearance;
+  });
+  var trapFocus = popoverContext_1.usePopoverContext(function (context) {
+    return context.trapFocus;
+  });
+  var modalAttributes = react_tabster_1.useModalAttributes({
+    trapFocus: trapFocus
+  }).modalAttributes;
+  var state = {
+    appearance: appearance,
+    noArrow: noArrow,
+    size: size,
+    arrowRef: arrowRef,
+    open: open,
+    mountNode: mountNode,
+    components: {
+      root: 'div'
+    },
+    root: react_utilities_1.getNativeElementProps('div', tslib_1.__assign(tslib_1.__assign({
+      ref: react_utilities_1.useMergedRefs(ref, contentRef),
+      role: 'dialog'
+    }, modalAttributes), props))
+  };
+  var _a = state.root,
+      onMouseEnterOriginal = _a.onMouseEnter,
+      onMouseLeaveOriginal = _a.onMouseLeave,
+      onKeyDownOriginal = _a.onKeyDown;
+
+  state.root.onMouseEnter = function (e) {
+    if (openOnHover) {
+      setOpen(e, true);
+    }
+
+    onMouseEnterOriginal === null || onMouseEnterOriginal === void 0 ? void 0 : onMouseEnterOriginal(e);
+  };
+
+  state.root.onMouseLeave = function (e) {
+    if (openOnHover) {
+      setOpen(e, false);
+    }
+
+    onMouseLeaveOriginal === null || onMouseLeaveOriginal === void 0 ? void 0 : onMouseLeaveOriginal(e);
+  };
+
+  state.root.onKeyDown = function (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);
+  };
+
+  var findFirstFocusable = react_tabster_1.useFocusFinders().findFirstFocusable;
+  React.useEffect(function () {
+    if (state.open && contentRef.current) {
+      var firstFocusable = findFirstFocusable(contentRef.current);
+      firstFocusable === null || firstFocusable === void 0 ? void 0 : firstFocusable.focus();
+    }
+  }, [contentRef, findFirstFocusable, state.open]);
+  return state;
 };
+
 exports.usePopoverSurface = usePopoverSurface;
 //# sourceMappingURL=usePopoverSurface.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"usePopoverSurface.js","sourceRoot":"../src/","sources":["components/PopoverSurface/usePopoverSurface.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { makeMergeProps, useMergedRefs } from '@fluentui/react-utilities';\nimport { useFocusFinders, useModalAttributes } from '@fluentui/react-tabster';\nimport { PopoverSurfaceProps, PopoverSurfaceState } from './PopoverSurface.types';\nimport { usePopoverContext } from '../../popoverContext';\n\nconst mergeProps = makeMergeProps<PopoverSurfaceState>({});\n\n/**\n * Create the state required to render PopoverSurface.\n *\n * The returned state can be modified with hooks such as usePopoverSurfaceStyles,\n * before being passed to renderPopoverSurface.\n *\n * @param props - props from this instance of PopoverSurface\n * @param ref - reference to root HTMLElement of PopoverSurface\n * @param defaultProps - (optional) default prop values provided by the implementing type\n */\nexport const usePopoverSurface = (\n  props: PopoverSurfaceProps,\n  ref: React.Ref<HTMLElement>,\n  defaultProps?: PopoverSurfaceProps,\n): PopoverSurfaceState => {\n  const contentRef = usePopoverContext(context => context.contentRef);\n  const open = usePopoverContext(context => context.open);\n  const openOnHover = usePopoverContext(context => context.openOnHover);\n  const setOpen = usePopoverContext(context => context.setOpen);\n  const mountNode = usePopoverContext(context => context.mountNode);\n  const arrowRef = usePopoverContext(context => context.arrowRef);\n  const size = usePopoverContext(context => context.size);\n  const noArrow = usePopoverContext(context => context.noArrow);\n  const brand = usePopoverContext(context => context.brand);\n  const inverted = usePopoverContext(context => context.inverted);\n  const trapFocus = usePopoverContext(context => context.trapFocus);\n  const { modalAttributes } = useModalAttributes({ trapFocus });\n\n  const state = mergeProps(\n    {\n      brand,\n      inverted,\n      noArrow,\n      size,\n      arrowRef,\n      open,\n      mountNode,\n      role: 'dialog',\n      ref: useMergedRefs(ref, contentRef),\n      ...modalAttributes,\n    },\n    defaultProps,\n    props,\n  );\n\n  const {\n    onMouseEnter: onMouseEnterOriginal,\n    onMouseLeave: onMouseLeaveOriginal,\n    onKeyDown: onKeyDownOriginal,\n  } = state;\n  state.onMouseEnter = (e: React.MouseEvent<HTMLElement>) => {\n    if (openOnHover) {\n      setOpen(e, true);\n    }\n\n    onMouseEnterOriginal?.(e);\n  };\n\n  state.onMouseLeave = (e: React.MouseEvent<HTMLElement>) => {\n    if (openOnHover) {\n      setOpen(e, false);\n    }\n\n    onMouseLeaveOriginal?.(e);\n  };\n\n  state.onKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\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 HTMLElement)) {\n      setOpen(e, false);\n    }\n\n    onKeyDownOriginal?.(e);\n  };\n\n  const { findFirstFocusable } = useFocusFinders();\n\n  React.useEffect(() => {\n    if (state.open && contentRef.current) {\n      const firstFocusable = findFirstFocusable(contentRef.current);\n      firstFocusable?.focus();\n    }\n  }, [contentRef, findFirstFocusable, state.open]);\n  return state;\n};\n"]}
+{"version":3,"sources":["../../../src/components/PopoverSurface/usePopoverSurface.ts"],"names":[],"mappings":"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","sourceRoot":""}

package/lib-commonjs/components/PopoverSurface/usePopoverSurfaceStyles.d.ts

@@ -1,5 +1,5 @@
-import { PopoverSize } from '../Popover/Popover.types';
-import { PopoverSurfaceState } from './PopoverSurface.types';
+import type { PopoverSize } from '../Popover/Popover.types';
+import type { PopoverSurfaceState } from './PopoverSurface.types';
 export declare const arrowHeights: Record<PopoverSize, number>;
 /**
  * Apply styling to the PopoverSurface slots based on the state

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

@@ -1,80 +1,110 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.usePopoverSurfaceStyles = exports.arrowHeights = void 0;
-var react_make_styles_1 = require("@fluentui/react-make-styles");
+
+var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
+
 exports.arrowHeights = {
-    small: 6,
-    medium: 8,
-    large: 8,
+  small: 6,
+  medium: 8,
+  large: 8
 };
 /**
  * Styles for the root slot
  */
-var useStyles = react_make_styles_1.makeStyles({
-    root: function (theme) { return ({
-        backgroundColor: theme.alias.color.neutral.neutralBackground1,
-        boxShadow: theme.alias.shadow.shadow16,
-        borderRadius: '4px',
-    }); },
-    inverted: function (theme) { return ({
-        // TODO: neutral background inverted missing from superset and theme
-        backgroundColor: theme.global.palette.grey[16],
-        color: theme.alias.color.neutral.neutralForegroundInverted,
-    }); },
-    brand: function (theme) { return ({
-        backgroundColor: theme.alias.color.neutral.brandBackground,
-        // TODO: clarify with designers what foreground color should be with brand background,
-        color: theme.alias.color.neutral.neutralForegroundInverted,
-    }); },
-    smallPadding: function () { return ({
-        padding: '12px',
-    }); },
-    mediumPadding: function () { return ({
-        padding: '16px',
-    }); },
-    largePadding: function () { return ({
-        padding: '20px',
-    }); },
-    smallArrow: function () { return ({
-        width: Math.SQRT2 * exports.arrowHeights.small + "px",
-        height: Math.SQRT2 * exports.arrowHeights.small + "px",
-    }); },
-    mediumLargeArrow: function () { return ({
-        width: Math.SQRT2 * exports.arrowHeights.medium + "px",
-        height: Math.SQRT2 * exports.arrowHeights.medium + "px",
-    }); },
-    // TODO dedupe these styles with tooltip
-    arrow: function (theme) { return ({
-        position: 'absolute',
-        background: 'inherit',
-        visibility: 'hidden',
-        zIndex: -1,
-        ':before': {
-            content: '""',
-            borderRadius: '4px',
-            position: 'absolute',
-            width: 'inherit',
-            height: 'inherit',
-            background: 'inherit',
-            visibility: 'visible',
-            borderBottomRightRadius: theme.global.borderRadius.small,
-            transform: 'rotate(var(--angle)) translate(0, 50%) rotate(45deg)',
-        },
-        // Popper sets data-popper-placement on the root element, which is used to align the arrow
-        ':global([data-popper-placement^="top"])': { bottom: 0, '--angle': '0' },
-        ':global([data-popper-placement^="right"])': { left: 0, '--angle': '90deg' },
-        ':global([data-popper-placement^="bottom"])': { top: 0, '--angle': '180deg' },
-        ':global([data-popper-placement^="left"])': { right: 0, '--angle': '270deg' },
-    }); },
+
+var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
+  "root": {
+    "De3pzq": "fxugw4r",
+    "E5pizo": ["f1hg901r", "f136t921"],
+    "Dimara": "ff3glw6",
+    "B4j52fo": "f5ogflp",
+    "Bekrc4i": ["f1hqa2wf", "finvdd3"],
+    "Bn0qgzm": "f1f09k3d",
+    "ibv6hh": ["finvdd3", "f1hqa2wf"],
+    "icvyot": "fzkkow9",
+    "vrafjx": ["fcdblym", "fjik90z"],
+    "oivjwe": "fg706s2",
+    "wvpqe5": ["fjik90z", "fcdblym"],
+    "g2u3we": "fghlq4f",
+    "h3c5rm": ["f1gn591s", "fjscplz"],
+    "B9xav0g": "fb073pr",
+    "zhjwy3": ["fjscplz", "f1gn591s"]
+  },
+  "inverted": {
+    "De3pzq": "f1c73kur",
+    "sj55zd": "fqpbvvt"
+  },
+  "brand": {
+    "De3pzq": "ffp7eso",
+    "sj55zd": "fqpbvvt"
+  },
+  "smallPadding": {
+    "z8tnut": "f1kcqot9",
+    "z189sj": ["f11qrl6u", "fjlbh76"],
+    "Byoj8tv": "fpe6lb7",
+    "uwmqm3": ["fjlbh76", "f11qrl6u"]
+  },
+  "mediumPadding": {
+    "z8tnut": "fqag9an",
+    "z189sj": ["f1gbmcue", "f1rh9g5y"],
+    "Byoj8tv": "fp67ikv",
+    "uwmqm3": ["f1rh9g5y", "f1gbmcue"]
+  },
+  "largePadding": {
+    "z8tnut": "fc7z3ec",
+    "z189sj": ["fat0sn4", "fekwl8i"],
+    "Byoj8tv": "fe2my4m",
+    "uwmqm3": ["fekwl8i", "fat0sn4"]
+  },
+  "smallArrow": {
+    "a9b677": "f1smug5u",
+    "Bqenvij": "f11ci07v"
+  },
+  "mediumLargeArrow": {
+    "a9b677": "ftmg478",
+    "Bqenvij": "f7bsbfx"
+  },
+  "arrow": {
+    "qhf8xq": "f1euv43f",
+    "ayd6f0": "f1uo6wrk",
+    "Bcdw1i0": "fd7fpy0",
+    "Bj3rh1h": "f1bsuimh",
+    "rurcny": "fuzzvh5",
+    "zf3lio": "f1qudtws",
+    "xx9plb": "fxf9f1y",
+    "Bdn98qo": "f103af6e",
+    "Bbc2r3f": "f15umuo5",
+    "B4zgs9e": "ffo048g",
+    "Bex5imi": "fkk33zh",
+    "px8gyy": ["f5bg3dr", "f1rfdd74"],
+    "h6z6rw": ["fzd2j21", "f2549he"],
+    "hl6cv3": "fotnskf",
+    "Bh2vraf": "f1n8855c",
+    "yayu3t": ["f1nq055x", "f13ohf3"],
+    "wedwtw": "fsw6im5",
+    "rhl9o9": "ftghsr9",
+    "Bu8t5uz": "f159pzir",
+    "B6q6orb": ["f1l8vbt4", "fsxzh25"],
+    "Bwwlvwl": "fm1ycve"
+  }
+}, {
+  "d": [".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f1hg901r{box-shadow:var(--shadow16);}", ".f136t921{box-shadow:var(--shadow-16);}", ".ff3glw6{border-radius:4px;}", ".f5ogflp{border-top-width:1px;}", ".f1hqa2wf{border-right-width:1px;}", ".finvdd3{border-left-width:1px;}", ".f1f09k3d{border-bottom-width:1px;}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".fghlq4f{border-top-color:var(--colorTransparentStroke);}", ".f1gn591s{border-right-color:var(--colorTransparentStroke);}", ".fjscplz{border-left-color:var(--colorTransparentStroke);}", ".fb073pr{border-bottom-color:var(--colorTransparentStroke);}", ".f1c73kur{background-color:var(--colorNeutralForeground1);}", ".fqpbvvt{color:var(--colorNeutralForegroundInverted);}", ".ffp7eso{background-color:var(--colorBrandBackground);}", ".f1kcqot9{padding-top:12px;}", ".f11qrl6u{padding-right:12px;}", ".fjlbh76{padding-left:12px;}", ".fpe6lb7{padding-bottom:12px;}", ".fqag9an{padding-top:16px;}", ".f1gbmcue{padding-right:16px;}", ".f1rh9g5y{padding-left:16px;}", ".fp67ikv{padding-bottom:16px;}", ".fc7z3ec{padding-top:20px;}", ".fat0sn4{padding-right:20px;}", ".fekwl8i{padding-left:20px;}", ".fe2my4m{padding-bottom:20px;}", ".f1smug5u{width:8.485281374238571px;}", ".f11ci07v{height:8.485281374238571px;}", ".ftmg478{width:11.313708498984761px;}", ".f7bsbfx{height:11.313708498984761px;}", ".f1euv43f{position:absolute;}", ".f1uo6wrk{background:inherit;}", ".fd7fpy0{visibility:hidden;}", ".f1bsuimh{z-index:-1;}", ".fuzzvh5:before{content:\"\";}", ".f1qudtws:before{border-radius:4px;}", ".fxf9f1y:before{position:absolute;}", ".f103af6e:before{width:inherit;}", ".f15umuo5:before{height:inherit;}", ".ffo048g:before{background:inherit;}", ".fkk33zh:before{visibility:visible;}", ".f5bg3dr:before{border-bottom-right-radius:var(--borderRadiusSmall);}", ".f1rfdd74:before{border-bottom-left-radius:var(--borderRadiusSmall);}", ".fzd2j21:before{-webkit-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);-moz-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);-ms-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);}", ".f2549he:before{-webkit-transform:rotate(var(--angle)) translate(0, 50%) rotate(-45deg);-moz-transform:rotate(var(--angle)) translate(0, 50%) rotate(-45deg);-ms-transform:rotate(var(--angle)) translate(0, 50%) rotate(-45deg);transform:rotate(var(--angle)) translate(0, 50%) rotate(-45deg);}", "[data-popper-placement^=\"top\"] .fotnskf{bottom:0;}", "[data-popper-placement^=\"top\"] .f1n8855c{--angle:0;}", "[data-popper-placement^=\"right\"] .f1nq055x{left:0;}", "[data-popper-placement^=\"right\"] .f13ohf3{right:0;}", "[data-popper-placement^=\"right\"] .fsw6im5{--angle:90deg;}", "[data-popper-placement^=\"bottom\"] .ftghsr9{top:0;}", "[data-popper-placement^=\"bottom\"] .f159pzir{--angle:180deg;}", "[data-popper-placement^=\"left\"] .f1l8vbt4{right:0;}", "[data-popper-placement^=\"left\"] .fsxzh25{left:0;}", "[data-popper-placement^=\"left\"] .fm1ycve{--angle:270deg;}"]
 });
 /**
  * Apply styling to the PopoverSurface slots based on the state
  */
+
+
 var usePopoverSurfaceStyles = function (state) {
-    var styles = useStyles();
-    state.className = react_make_styles_1.mergeClasses(styles.root, state.className, state.size === 'small' && styles.smallPadding, state.size === 'medium' && styles.mediumPadding, state.size === 'large' && styles.largePadding, state.inverted && styles.inverted, state.brand && styles.brand);
-    state.arrowClassName = react_make_styles_1.mergeClasses(styles.arrow, state.size === 'small' ? styles.smallArrow : styles.mediumLargeArrow);
-    return state;
+  var styles = useStyles();
+  state.root.className = react_make_styles_1.mergeClasses(styles.root, state.size === 'small' && styles.smallPadding, state.size === 'medium' && styles.mediumPadding, state.size === 'large' && styles.largePadding, state.appearance === 'inverted' && styles.inverted, state.appearance === 'brand' && styles.brand, state.root.className);
+  state.arrowClassName = react_make_styles_1.mergeClasses(styles.arrow, state.size === 'small' ? styles.smallArrow : styles.mediumLargeArrow);
+  return state;
 };
+
 exports.usePopoverSurfaceStyles = usePopoverSurfaceStyles;
 //# sourceMappingURL=usePopoverSurfaceStyles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"usePopoverSurfaceStyles.js","sourceRoot":"../src/","sources":["components/PopoverSurface/usePopoverSurfaceStyles.ts"],"names":[],"mappings":"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","sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-make-styles';\nimport { PopoverSize } from '../Popover/Popover.types';\nimport { PopoverSurfaceState } from './PopoverSurface.types';\n\nexport const arrowHeights: Record<PopoverSize, number> = {\n  small: 6,\n  medium: 8,\n  large: 8,\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: theme => ({\n    backgroundColor: theme.alias.color.neutral.neutralBackground1,\n    boxShadow: theme.alias.shadow.shadow16,\n    borderRadius: '4px',\n  }),\n\n  inverted: theme => ({\n    // TODO: neutral background inverted missing from superset and theme\n    backgroundColor: theme.global.palette.grey[16],\n    color: theme.alias.color.neutral.neutralForegroundInverted,\n  }),\n\n  brand: theme => ({\n    backgroundColor: theme.alias.color.neutral.brandBackground,\n    // TODO: clarify with designers what foreground color should be with brand background,\n    color: theme.alias.color.neutral.neutralForegroundInverted,\n  }),\n\n  smallPadding: () => ({\n    padding: '12px',\n  }),\n\n  mediumPadding: () => ({\n    padding: '16px',\n  }),\n\n  largePadding: () => ({\n    padding: '20px',\n  }),\n\n  smallArrow: () => ({\n    width: `${Math.SQRT2 * arrowHeights.small}px`,\n    height: `${Math.SQRT2 * arrowHeights.small}px`,\n  }),\n\n  mediumLargeArrow: () => ({\n    width: `${Math.SQRT2 * arrowHeights.medium}px`,\n    height: `${Math.SQRT2 * arrowHeights.medium}px`,\n  }),\n\n  // TODO dedupe these styles with tooltip\n  arrow: theme => ({\n    position: 'absolute',\n    background: 'inherit',\n    visibility: 'hidden',\n    zIndex: -1,\n\n    ':before': {\n      content: '\"\"',\n      borderRadius: '4px',\n      position: 'absolute',\n      width: 'inherit',\n      height: 'inherit',\n      background: 'inherit',\n      visibility: 'visible',\n      borderBottomRightRadius: theme.global.borderRadius.small,\n      transform: 'rotate(var(--angle)) translate(0, 50%) rotate(45deg)',\n    },\n\n    // Popper sets data-popper-placement on the root element, which is used to align the arrow\n    ':global([data-popper-placement^=\"top\"])': { bottom: 0, '--angle': '0' },\n    ':global([data-popper-placement^=\"right\"])': { left: 0, '--angle': '90deg' },\n    ':global([data-popper-placement^=\"bottom\"])': { top: 0, '--angle': '180deg' },\n    ':global([data-popper-placement^=\"left\"])': { right: 0, '--angle': '270deg' },\n  }),\n});\n\n/**\n * Apply styling to the PopoverSurface slots based on the state\n */\nexport const usePopoverSurfaceStyles = (state: PopoverSurfaceState): PopoverSurfaceState => {\n  const styles = useStyles();\n  state.className = mergeClasses(\n    styles.root,\n    state.className,\n    state.size === 'small' && styles.smallPadding,\n    state.size === 'medium' && styles.mediumPadding,\n    state.size === 'large' && styles.largePadding,\n    state.inverted && styles.inverted,\n    state.brand && styles.brand,\n  );\n\n  state.arrowClassName = mergeClasses(\n    styles.arrow,\n    state.size === 'small' ? styles.smallArrow : styles.mediumLargeArrow,\n  );\n\n  return state;\n};\n"]}
+{"version":3,"sources":["../../../src/components/PopoverSurface/usePopoverSurfaceStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAIa,OAAA,CAAA,YAAA,GAA4C;AACvD,EAAA,KAAK,EAAE,CADgD;AAEvD,EAAA,MAAM,EAAE,CAF+C;AAGvD,EAAA,KAAK,EAAE;AAHgD,CAA5C;AAMb;;AAEG;;AACH,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAqEA;;AAEG;;;AACI,IAAM,uBAAuB,GAAG,UAAC,KAAD,EAA2B;AAChE,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CACrB,MAAM,CAAC,IADc,EAErB,KAAK,CAAC,IAAN,KAAe,OAAf,IAA0B,MAAM,CAAC,YAFZ,EAGrB,KAAK,CAAC,IAAN,KAAe,QAAf,IAA2B,MAAM,CAAC,aAHb,EAIrB,KAAK,CAAC,IAAN,KAAe,OAAf,IAA0B,MAAM,CAAC,YAJZ,EAKrB,KAAK,CAAC,UAAN,KAAqB,UAArB,IAAmC,MAAM,CAAC,QALrB,EAMrB,KAAK,CAAC,UAAN,KAAqB,OAArB,IAAgC,MAAM,CAAC,KANlB,EAOrB,KAAK,CAAC,IAAN,CAAW,SAPU,CAAvB;AAUA,EAAA,KAAK,CAAC,cAAN,GAAuB,mBAAA,CAAA,YAAA,CACrB,MAAM,CAAC,KADc,EAErB,KAAK,CAAC,IAAN,KAAe,OAAf,GAAyB,MAAM,CAAC,UAAhC,GAA6C,MAAM,CAAC,gBAF/B,CAAvB;AAKA,SAAO,KAAP;AACD,CAlBM;;AAAM,OAAA,CAAA,uBAAA,GAAuB,uBAAvB","sourceRoot":""}

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { PopoverTriggerProps } from './PopoverTrigger.types';
+import type { PopoverTriggerProps } from './PopoverTrigger.types';
 /**
- * PopoverTrigger component
+ * Wraps a trigger element as an only child and adds the necessary event handling to open a popover.
  */
 export declare const PopoverTrigger: React.FC<PopoverTriggerProps>;

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

@@ -1,15 +1,23 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.PopoverTrigger = void 0;
-var usePopoverTrigger_1 = require("./usePopoverTrigger");
-var renderPopoverTrigger_1 = require("./renderPopoverTrigger");
+
+var usePopoverTrigger_1 = /*#__PURE__*/require("./usePopoverTrigger");
+
+var renderPopoverTrigger_1 = /*#__PURE__*/require("./renderPopoverTrigger");
 /**
- * PopoverTrigger component
+ * Wraps a trigger element as an only child and adds the necessary event handling to open a popover.
  */
+
+
 var PopoverTrigger = function (props) {
-    var state = usePopoverTrigger_1.usePopoverTrigger(props);
-    return renderPopoverTrigger_1.renderPopoverTrigger(state);
+  var state = usePopoverTrigger_1.usePopoverTrigger(props);
+  return renderPopoverTrigger_1.renderPopoverTrigger(state);
 };
+
 exports.PopoverTrigger = PopoverTrigger;
 exports.PopoverTrigger.displayName = 'PopoverTrigger';
 //# sourceMappingURL=PopoverTrigger.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PopoverTrigger.js","sourceRoot":"../src/","sources":["components/PopoverTrigger/PopoverTrigger.tsx"],"names":[],"mappings":";;;AACA,yDAAwD;AAExD,+DAA8D;AAE9D;;GAEG;AACI,IAAM,cAAc,GAAkC,UAAA,KAAK;IAChE,IAAM,KAAK,GAAG,qCAAiB,CAAC,KAAK,CAAC,CAAC;IAEvC,OAAO,2CAAoB,CAAC,KAAK,CAAC,CAAC;AACrC,CAAC,CAAC;AAJW,QAAA,cAAc,kBAIzB;AAEF,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC","sourcesContent":["import * as React from 'react';\nimport { usePopoverTrigger } from './usePopoverTrigger';\nimport { PopoverTriggerProps } from './PopoverTrigger.types';\nimport { renderPopoverTrigger } from './renderPopoverTrigger';\n\n/**\n * PopoverTrigger component\n */\nexport const PopoverTrigger: React.FC<PopoverTriggerProps> = props => {\n  const state = usePopoverTrigger(props);\n\n  return renderPopoverTrigger(state);\n};\n\nPopoverTrigger.displayName = 'PopoverTrigger';\n"]}
+{"version":3,"sources":["../../../src/components/PopoverTrigger/PopoverTrigger.tsx"],"names":[],"mappings":";;;;;;;AACA,IAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AACA,IAAA,sBAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;AAGA;;AAEG;;;AACI,IAAM,cAAc,GAAkC,UAAA,KAAA,EAAK;AAChE,MAAM,KAAK,GAAG,mBAAA,CAAA,iBAAA,CAAkB,KAAlB,CAAd;AAEA,SAAO,sBAAA,CAAA,oBAAA,CAAqB,KAArB,CAAP;AACD,CAJM;;AAAM,OAAA,CAAA,cAAA,GAAc,cAAd;AAMb,OAAA,CAAA,cAAA,CAAe,WAAf,GAA6B,gBAA7B","sourceRoot":""}

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

@@ -2,11 +2,10 @@ import * as React from 'react';
 /**
  * PopoverTrigger Props
  */
-export interface PopoverTriggerProps {
+export declare type PopoverTriggerProps = {
     children: React.ReactElement;
-}
+};
 /**
  * PopoverTrigger State
  */
-export interface PopoverTriggerState extends PopoverTriggerProps {
-}
+export declare type PopoverTriggerState = PopoverTriggerProps;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"PopoverTrigger.types.js","sourceRoot":"../src/","sources":["components/PopoverTrigger/PopoverTrigger.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\n\n/**\n * PopoverTrigger Props\n */\nexport interface PopoverTriggerProps {\n  children: React.ReactElement;\n}\n\n/**\n * PopoverTrigger State\n */\nexport interface PopoverTriggerState extends PopoverTriggerProps {}\n"]}
+{"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":""}

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/PopoverTrigger/index.ts"],"names":[],"mappings":";;;AAAA,2DAAiC;AACjC,iEAAuC;AACvC,iEAAuC;AACvC,8DAAoC","sourcesContent":["export * from './PopoverTrigger';\nexport * from './PopoverTrigger.types';\nexport * from './renderPopoverTrigger';\nexport * from './usePopoverTrigger';\n"]}
+{"version":3,"sources":["../../../src/components/PopoverTrigger/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA","sourceRoot":""}

package/lib-commonjs/components/PopoverTrigger/renderPopoverTrigger.d.ts

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

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

@@ -1,11 +1,16 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.renderPopoverTrigger = void 0;
 /**
  * Render the final JSX of PopoverTrigger
  */
+
 var renderPopoverTrigger = function (state) {
-    return state.children;
+  return state.children;
 };
+
 exports.renderPopoverTrigger = renderPopoverTrigger;
 //# sourceMappingURL=renderPopoverTrigger.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"renderPopoverTrigger.js","sourceRoot":"../src/","sources":["components/PopoverTrigger/renderPopoverTrigger.tsx"],"names":[],"mappings":";;;AAEA;;GAEG;AACI,IAAM,oBAAoB,GAAG,UAAC,KAA0B;IAC7D,OAAO,KAAK,CAAC,QAAQ,CAAC;AACxB,CAAC,CAAC;AAFW,QAAA,oBAAoB,wBAE/B","sourcesContent":["import { PopoverTriggerState } from './PopoverTrigger.types';\n\n/**\n * Render the final JSX of PopoverTrigger\n */\nexport const renderPopoverTrigger = (state: PopoverTriggerState): JSX.Element => {\n  return state.children;\n};\n"]}
+{"version":3,"sources":["../../../src/components/PopoverTrigger/renderPopoverTrigger.tsx"],"names":[],"mappings":";;;;;;AAEA;;AAEG;;AACI,IAAM,oBAAoB,GAAG,UAAC,KAAD,EAA2B;AAC7D,SAAO,KAAK,CAAC,QAAb;AACD,CAFM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","sourceRoot":""}

package/lib-commonjs/components/PopoverTrigger/usePopoverTrigger.d.ts

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