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

package/lib/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/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/components/PopoverSurface/usePopoverSurfaceStyles.js

@@ -1,76 +1,100 @@
-import { makeStyles, mergeClasses } from '@fluentui/react-make-styles';
+import { __styles, mergeClasses } from '@fluentui/react-make-styles';
 export var arrowHeights = {
-    small: 6,
-    medium: 8,
-    large: 8,
+  small: 6,
+  medium: 8,
+  large: 8
 };
 /**
  * Styles for the root slot
  */
-var useStyles = 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 * arrowHeights.small + "px",
-        height: Math.SQRT2 * arrowHeights.small + "px",
-    }); },
-    mediumLargeArrow: function () { return ({
-        width: Math.SQRT2 * arrowHeights.medium + "px",
-        height: Math.SQRT2 * 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__*/__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
  */
+
+
 export var usePopoverSurfaceStyles = function (state) {
-    var styles = useStyles();
-    state.className = 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 = mergeClasses(styles.arrow, state.size === 'small' ? styles.smallArrow : styles.mediumLargeArrow);
-    return state;
+  var styles = useStyles();
+  state.root.className = 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 = mergeClasses(styles.arrow, state.size === 'small' ? styles.smallArrow : styles.mediumLargeArrow);
+  return state;
 };
 //# sourceMappingURL=usePopoverSurfaceStyles.js.map

package/lib/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,mBAAqB,YAArB,QAAyC,6BAAzC;AAIA,OAAO,IAAM,YAAY,GAAgC;AACvD,EAAA,KAAK,EAAE,CADgD;AAEvD,EAAA,MAAM,EAAE,CAF+C;AAGvD,EAAA,KAAK,EAAE;AAHgD,CAAlD;AAMP;;AAEG;;AACH,IAAM,SAAS,gBAAG;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;;;AACH,OAAO,IAAM,uBAAuB,GAAG,UAAC,KAAD,EAA2B;AAChE,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,MAAM,CAAC,IAD0B,EAEjC,KAAK,CAAC,IAAN,KAAe,OAAf,IAA0B,MAAM,CAAC,YAFA,EAGjC,KAAK,CAAC,IAAN,KAAe,QAAf,IAA2B,MAAM,CAAC,aAHD,EAIjC,KAAK,CAAC,IAAN,KAAe,OAAf,IAA0B,MAAM,CAAC,YAJA,EAKjC,KAAK,CAAC,UAAN,KAAqB,UAArB,IAAmC,MAAM,CAAC,QALT,EAMjC,KAAK,CAAC,UAAN,KAAqB,OAArB,IAAgC,MAAM,CAAC,KANN,EAOjC,KAAK,CAAC,IAAN,CAAW,SAPsB,CAAnC;AAUA,EAAA,KAAK,CAAC,cAAN,GAAuB,YAAY,CACjC,MAAM,CAAC,KAD0B,EAEjC,KAAK,CAAC,IAAN,KAAe,OAAf,GAAyB,MAAM,CAAC,UAAhC,GAA6C,MAAM,CAAC,gBAFnB,CAAnC;AAKA,SAAO,KAAP;AACD,CAlBM","sourceRoot":""}

package/lib/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/components/PopoverTrigger/PopoverTrigger.js

@@ -1,11 +1,12 @@
 import { usePopoverTrigger } from './usePopoverTrigger';
 import { renderPopoverTrigger } from './renderPopoverTrigger';
 /**
- * PopoverTrigger component
+ * Wraps a trigger element as an only child and adds the necessary event handling to open a popover.
  */
+
 export var PopoverTrigger = function (props) {
-    var state = usePopoverTrigger(props);
-    return renderPopoverTrigger(state);
+  var state = usePopoverTrigger(props);
+  return renderPopoverTrigger(state);
 };
 PopoverTrigger.displayName = 'PopoverTrigger';
 //# sourceMappingURL=PopoverTrigger.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PopoverTrigger.js","sourceRoot":"../src/","sources":["components/PopoverTrigger/PopoverTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D;;GAEG;AACH,MAAM,CAAC,IAAM,cAAc,GAAkC,UAAA,KAAK;IAChE,IAAM,KAAK,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAEvC,OAAO,oBAAoB,CAAC,KAAK,CAAC,CAAC;AACrC,CAAC,CAAC;AAEF,cAAc,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,SAAS,iBAAT,QAAkC,qBAAlC;AACA,SAAS,oBAAT,QAAqC,wBAArC;AAGA;;AAEG;;AACH,OAAO,IAAM,cAAc,GAAkC,UAAA,KAAA,EAAK;AAChE,MAAM,KAAK,GAAG,iBAAiB,CAAC,KAAD,CAA/B;AAEA,SAAO,oBAAoB,CAAC,KAAD,CAA3B;AACD,CAJM;AAMP,cAAc,CAAC,WAAf,GAA6B,gBAA7B","sourceRoot":""}

package/lib/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/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,"file":"PopoverTrigger.types.js","sourceRoot":"","sources":["../../../src/components/PopoverTrigger/PopoverTrigger.types.ts"],"names":[],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/PopoverTrigger/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC","sourcesContent":["export * from './PopoverTrigger';\nexport * from './PopoverTrigger.types';\nexport * from './renderPopoverTrigger';\nexport * from './usePopoverTrigger';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PopoverTrigger/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC"}

package/lib/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/components/PopoverTrigger/renderPopoverTrigger.js

@@ -2,6 +2,6 @@
  * Render the final JSX of PopoverTrigger
  */
 export var renderPopoverTrigger = function (state) {
-    return state.children;
+  return state.children;
 };
 //# sourceMappingURL=renderPopoverTrigger.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"renderPopoverTrigger.js","sourceRoot":"../src/","sources":["components/PopoverTrigger/renderPopoverTrigger.tsx"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAC,KAA0B;IAC7D,OAAO,KAAK,CAAC,QAAQ,CAAC;AACxB,CAAC,CAAC","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;AACH,OAAO,IAAM,oBAAoB,GAAG,UAAC,KAAD,EAA2B;AAC7D,SAAO,KAAK,CAAC,QAAb;AACD,CAFM","sourceRoot":""}

package/lib/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;

package/lib/components/PopoverTrigger/usePopoverTrigger.js

@@ -1,9 +1,8 @@
 import { __assign } from "tslib";
 import * as React from 'react';
-import { makeMergeProps, useMergedRefs, useEventCallback, shouldPreventDefaultOnKeyDown, } from '@fluentui/react-utilities';
+import { useMergedRefs, useEventCallback, shouldPreventDefaultOnKeyDown } from '@fluentui/react-utilities';
 import { useModalAttributes } from '@fluentui/react-tabster';
 import { usePopoverContext } from '../../popoverContext';
-var mergeProps = makeMergeProps({});
 /**
  * Create the state required to render PopoverTrigger.
  *
@@ -11,64 +10,88 @@ var mergeProps = 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
  */
-export var usePopoverTrigger = function (props, defaultProps) {
-    var setOpen = usePopoverContext(function (context) { return context.setOpen; });
-    var open = usePopoverContext(function (context) { return context.open; });
-    var triggerRef = usePopoverContext(function (context) { return context.triggerRef; });
-    var openOnHover = usePopoverContext(function (context) { return context.openOnHover; });
-    var openOnContext = usePopoverContext(function (context) { return context.openOnContext; });
-    var triggerAttributes = useModalAttributes().triggerAttributes;
-    var state = mergeProps({
-        children: null,
-    }, defaultProps, props);
-    var onContextMenu = 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 = 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 = useEventCallback(function (e) {
-        var _a, _b, _c;
-        if (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 = 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 = 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, __assign({ 'aria-haspopup': 'true', onClick: onClick,
-        onMouseEnter: onMouseEnter,
-        onKeyDown: onKeyDown,
-        onMouseLeave: onMouseLeave,
-        onContextMenu: onContextMenu, ref: useMergedRefs(child.props.ref, triggerRef) }, triggerAttributes));
-    return state;
+
+export var usePopoverTrigger = function (props) {
+  var setOpen = usePopoverContext(function (context) {
+    return context.setOpen;
+  });
+  var open = usePopoverContext(function (context) {
+    return context.open;
+  });
+  var triggerRef = usePopoverContext(function (context) {
+    return context.triggerRef;
+  });
+  var openOnHover = usePopoverContext(function (context) {
+    return context.openOnHover;
+  });
+  var openOnContext = usePopoverContext(function (context) {
+    return context.openOnContext;
+  });
+  var triggerAttributes = useModalAttributes().triggerAttributes;
+  var onContextMenu = 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 = 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 = useEventCallback(function (e) {
+    var _a, _b, _c;
+
+    if (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 = 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 = 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: /*#__PURE__*/React.cloneElement(child, __assign(__assign(__assign(__assign({}, triggerAttributes), {
+      'aria-haspopup': 'true'
+    }), child.props), {
+      onClick: onClick,
+      onMouseEnter: onMouseEnter,
+      onKeyDown: onKeyDown,
+      onMouseLeave: onMouseLeave,
+      onContextMenu: onContextMenu,
+      ref: useMergedRefs(child.ref, triggerRef)
+    }))
+  };
 };
 //# sourceMappingURL=usePopoverTrigger.js.map

package/lib/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/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC","sourcesContent":["export * from './Popover';\nexport * from './PopoverSurface';\nexport * from './popoverContext';\nexport * from './PopoverTrigger';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC"}

package/lib/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/popoverContext.js

@@ -1,17 +1,24 @@
 import { createContext, useContextSelector } from '@fluentui/react-context-selector';
-export var PopoverContext = 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,
+export var PopoverContext = /*#__PURE__*/createContext({
+  open: false,
+  setOpen: function () {
+    return null;
+  },
+  triggerRef: {
+    current: null
+  },
+  contentRef: {
+    current: null
+  },
+  arrowRef: {
+    current: null
+  },
+  openOnContext: false,
+  openOnHover: false,
+  size: 'medium',
+  trapFocus: false
 });
 export var usePopoverContext = function (selector) {
-    return useContextSelector(PopoverContext, selector);
+  return useContextSelector(PopoverContext, selector);
 };
 //# sourceMappingURL=popoverContext.js.map