@fluentui/react-positioning 9.0.0-alpha.57 → 9.0.0-alpha.60

package/lib-commonjs/utils/positioningHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"positioningHelper.js","sourceRoot":"../src/","sources":["utils/positioningHelper.ts"],"names":[],"mappings":";;;AAMA,IAAM,cAAc,GAAG,UAAC,GAAa,IAA0C,OAAA,CAAC;IAC9E,KAAK,EAAE,KAAK;IACZ,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;IAC9B,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;CAC9B,CAAC,EAL6E,CAK7E,CAAC;AAEH,IAAM,eAAe,GAAG,UAAC,GAAa,IAAwC,OAAA,CAAC;IAC7E,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO;IAC5B,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK;IAC1B,GAAG,EAAE,OAAO;IACZ,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,EAAE;CACX,CAAC,EAN4E,CAM5E,CAAC;AAEH,IAAM,mBAAmB,GAAG,UAAC,CAAY,EAAE,CAAa;IACtD,IAAM,oBAAoB,GAAG,CAAC,KAAK,OAAO,IAAI,CAAC,KAAK,OAAO,CAAC;IAC5D,IAAM,iBAAiB,GAAG,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,QAAQ,CAAC;IAExD,OAAO,CAAC,oBAAoB,IAAI,iBAAiB,CAAC,IAAI,CAAC,CAAC,oBAAoB,IAAI,CAAC,iBAAiB,CAAC,CAAC;AACtG,CAAC,CAAC;AAEF;;GAEG;AACI,IAAM,YAAY,GAAG,UAAC,KAAiB,EAAE,QAAmB,EAAE,GAAa;IAChF,IAAM,SAAS,GAAG,mBAAmB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;IAE1E,IAAM,gBAAgB,GAAG,QAAQ,IAAI,cAAc,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC;IACnE,IAAM,kBAAkB,GAAG,SAAS,IAAI,eAAe,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC;IAExE,IAAI,gBAAgB,IAAI,kBAAkB,EAAE;QAC1C,OAAU,gBAAgB,SAAI,kBAA0C,CAAC;KAC1E;IAED,OAAO,gBAAgB,IAAK,MAA6B,CAAC;AAC5D,CAAC,CAAC;AAXW,QAAA,YAAY,gBAWvB;AAEK,IAAM,gBAAgB,GAAG,UAAC,MAA0B;IACzD,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QACjC,OAAO,SAAS,CAAC;KAClB;IAED,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;QACzB,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAE,GAAG,CAAC,CAAC,CAAC;QAE5B,OAAO,MAAM,CAAC;KACf;IAED,OAAO,CAAC,UAAC,KAA0B,IAAK,OAAA,wBAAgB,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAA/B,CAA+B,CAAmB,CAAC;AAC7F,CAAC,CAAC;AAZW,QAAA,gBAAgB,oBAY3B","sourcesContent":["import * as PopperJs from '@popperjs/core';\nimport type { Alignment, Offset, OffsetFunction, OffsetFunctionParam, Position } from '../types';\n\ntype PlacementPosition = 'top' | 'bottom' | 'left' | 'right';\ntype PlacementAlign = 'start' | 'end' | ''; // '' represents center\n\nconst getPositionMap = (rtl?: boolean): Record<Position, PlacementPosition> => ({\n  above: 'top',\n  below: 'bottom',\n  before: rtl ? 'right' : 'left',\n  after: rtl ? 'left' : 'right',\n});\n\nconst getAlignmentMap = (rtl?: boolean): Record<Alignment, PlacementAlign> => ({\n  start: rtl ? 'end' : 'start',\n  end: rtl ? 'start' : 'end',\n  top: 'start',\n  bottom: 'end',\n  center: '',\n});\n\nconst shouldAlignToCenter = (p?: Position, a?: Alignment): boolean => {\n  const positionedVertically = p === 'above' || p === 'below';\n  const alignedVertically = a === 'top' || a === 'bottom';\n\n  return (positionedVertically && alignedVertically) || (!positionedVertically && !alignedVertically);\n};\n\n/**\n * @see positioninHelper.test.ts for expected placement values\n */\nexport const getPlacement = (align?: Alignment, position?: Position, rtl?: boolean): PopperJs.Placement => {\n  const alignment = shouldAlignToCenter(position, align) ? 'center' : align;\n\n  const computedPosition = position && getPositionMap(rtl)[position];\n  const computedAlignmnent = alignment && getAlignmentMap(rtl)[alignment];\n\n  if (computedPosition && computedAlignmnent) {\n    return `${computedPosition}-${computedAlignmnent}` as PopperJs.Placement;\n  }\n\n  return computedPosition || ('auto' as PopperJs.Placement);\n};\n\nexport const applyRtlToOffset = (offset: Offset | undefined): Offset | undefined => {\n  if (typeof offset === 'undefined') {\n    return undefined;\n  }\n\n  if (Array.isArray(offset)) {\n    offset[0] = offset[0]! * -1;\n\n    return offset;\n  }\n\n  return ((param: OffsetFunctionParam) => applyRtlToOffset(offset(param))) as OffsetFunction;\n};\n"]}
+{"version":3,"file":"positioningHelper.js","sourceRoot":"","sources":["../../src/utils/positioningHelper.ts"],"names":[],"mappings":";;;AAMA,IAAM,cAAc,GAAG,UAAC,GAAa,IAA0C,OAAA,CAAC;IAC9E,KAAK,EAAE,KAAK;IACZ,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;IAC9B,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;CAC9B,CAAC,EAL6E,CAK7E,CAAC;AAEH,IAAM,eAAe,GAAG,UAAC,GAAa,IAAwC,OAAA,CAAC;IAC7E,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO;IAC5B,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK;IAC1B,GAAG,EAAE,OAAO;IACZ,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,EAAE;CACX,CAAC,EAN4E,CAM5E,CAAC;AAEH,IAAM,mBAAmB,GAAG,UAAC,CAAY,EAAE,CAAa;IACtD,IAAM,oBAAoB,GAAG,CAAC,KAAK,OAAO,IAAI,CAAC,KAAK,OAAO,CAAC;IAC5D,IAAM,iBAAiB,GAAG,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,QAAQ,CAAC;IAExD,OAAO,CAAC,oBAAoB,IAAI,iBAAiB,CAAC,IAAI,CAAC,CAAC,oBAAoB,IAAI,CAAC,iBAAiB,CAAC,CAAC;AACtG,CAAC,CAAC;AAEF;;GAEG;AACI,IAAM,YAAY,GAAG,UAAC,KAAiB,EAAE,QAAmB,EAAE,GAAa;IAChF,IAAM,SAAS,GAAG,mBAAmB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;IAE1E,IAAM,gBAAgB,GAAG,QAAQ,IAAI,cAAc,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC;IACnE,IAAM,kBAAkB,GAAG,SAAS,IAAI,eAAe,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC;IAExE,IAAI,gBAAgB,IAAI,kBAAkB,EAAE;QAC1C,OAAU,gBAAgB,SAAI,kBAA0C,CAAC;KAC1E;IAED,OAAO,gBAAgB,IAAK,MAA6B,CAAC;AAC5D,CAAC,CAAC;AAXW,QAAA,YAAY,gBAWvB;AAEK,IAAM,gBAAgB,GAAG,UAAC,MAA0B;IACzD,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QACjC,OAAO,SAAS,CAAC;KAClB;IAED,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;QACzB,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAE,GAAG,CAAC,CAAC,CAAC;QAE5B,OAAO,MAAM,CAAC;KACf;IAED,OAAO,CAAC,UAAC,KAA0B,IAAK,OAAA,wBAAgB,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAA/B,CAA+B,CAAmB,CAAC;AAC7F,CAAC,CAAC;AAZW,QAAA,gBAAgB,oBAY3B"}

package/lib-commonjs/utils/resolvePositioningShorthand.js.map

@@ -1 +1 @@
-{"version":3,"file":"resolvePositioningShorthand.js","sourceRoot":"../src/","sources":["utils/resolvePositioningShorthand.ts"],"names":[],"mappings":";;;AAEA,uDAAuD;AACvD,IAAM,eAAe,GAAoF;IACvG,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE;IAC7C,aAAa,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IACpD,WAAW,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE;IAChD,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE;IAC7C,aAAa,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IACpD,WAAW,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE;IAChD,MAAM,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;IAC/C,YAAY,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE;IAClD,eAAe,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;IACxD,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE;IAC7C,WAAW,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE;IAChD,cAAc,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE;CACvD,CAAC;AAEF,SAAgB,2BAA2B,CACzC,SAAkD;IAElD,IAAI,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,IAAI,EAAE;QACjD,OAAO,EAAE,CAAC;KACX;IAED,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;QACjC,OAAO,eAAe,CAAC,SAAS,CAAC,CAAC;KACnC;IAED,OAAO,SAAuC,CAAC;AACjD,CAAC;AAZD,kEAYC","sourcesContent":["import type { PositioningShorthand, PositioningShorthandValue, PositioningProps } from '../types';\n\n// Look up table for shorthand to avoid parsing strings\nconst shorthandLookup: Record<PositioningShorthandValue, Pick<PositioningProps, 'position' | 'align'>> = {\n  above: { position: 'above', align: 'center' },\n  'above-start': { position: 'above', align: 'start' },\n  'above-end': { position: 'above', align: 'end' },\n  below: { position: 'below', align: 'center' },\n  'below-start': { position: 'below', align: 'start' },\n  'below-end': { position: 'below', align: 'end' },\n  before: { position: 'before', align: 'center' },\n  'before-top': { position: 'before', align: 'top' },\n  'before-bottom': { position: 'before', align: 'bottom' },\n  after: { position: 'after', align: 'center' },\n  'after-top': { position: 'after', align: 'top' },\n  'after-bottom': { position: 'after', align: 'bottom' },\n};\n\nexport function resolvePositioningShorthand(\n  shorthand: PositioningShorthand | undefined | null,\n): Readonly<PositioningProps> {\n  if (shorthand === undefined || shorthand === null) {\n    return {};\n  }\n\n  if (typeof shorthand === 'string') {\n    return shorthandLookup[shorthand];\n  }\n\n  return shorthand as Readonly<PositioningProps>;\n}\n"]}
+{"version":3,"file":"resolvePositioningShorthand.js","sourceRoot":"","sources":["../../src/utils/resolvePositioningShorthand.ts"],"names":[],"mappings":";;;AAEA,uDAAuD;AACvD,IAAM,eAAe,GAAoF;IACvG,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE;IAC7C,aAAa,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IACpD,WAAW,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE;IAChD,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE;IAC7C,aAAa,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IACpD,WAAW,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE;IAChD,MAAM,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;IAC/C,YAAY,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE;IAClD,eAAe,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;IACxD,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE;IAC7C,WAAW,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE;IAChD,cAAc,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE;CACvD,CAAC;AAEF,SAAgB,2BAA2B,CACzC,SAAkD;IAElD,IAAI,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,IAAI,EAAE;QACjD,OAAO,EAAE,CAAC;KACX;IAED,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;QACjC,OAAO,eAAe,CAAC,SAAS,CAAC,CAAC;KACnC;IAED,OAAO,SAAuC,CAAC;AACjD,CAAC;AAZD,kEAYC"}

package/lib-commonjs/utils/useCallbackRef.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCallbackRef.js","sourceRoot":"../src/","sources":["utils/useCallbackRef.ts"],"names":[],"mappings":";;;AAAA,6BAA+B;AAC/B,6DAAsE;AAEtE;;;;;;;;;;;;;;;;GAgBG;AACH,SAAgB,cAAc,CAC5B,YAAsB,EACtB,QAA2D,EAC3D,kBAA4B;IAE5B,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC5B,IAAA,GAAG,GAAI,KAAK,CAAC,QAAQ,CAAC,cAAM,OAAA,CAAC;QAClC,QAAQ;QACR,KAAK,EAAE,YAAY;QACnB,gBAAgB;QAChB,QAAQ,UAAA;QACR,8BAA8B;QAC9B,MAAM,EAAE;YACN,IAAI,OAAO;gBACT,OAAO,GAAG,CAAC,KAAK,CAAC;YACnB,CAAC;YACD,IAAI,OAAO,CAAC,KAAK;gBACf,IAAM,IAAI,GAAG,GAAG,CAAC,KAAK,CAAC;gBAEvB,IAAI,IAAI,KAAK,KAAK,EAAE;oBAClB,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC;oBAElB,IAAI,kBAAkB,IAAI,OAAO,CAAC,OAAO,EAAE;wBACzC,OAAO;qBACR;oBAED,GAAG,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;iBAC3B;YACH,CAAC;SACF;KACF,CAAC,EAxBiC,CAwBjC,CAAC,GAxBO,CAwBN;IAEJ,2CAAyB,CAAC;QACxB,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;IAC1B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,kBAAkB;IAClB,GAAG,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAExB,OAAO,GAAG,CAAC,MAAM,CAAC;AACpB,CAAC;AAxCD,wCAwCC","sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\n\n/**\n * Creates a MutableRef with ref change callback. Is useful as React.useRef() doesn't notify you when its content\n * changes and mutating the .current property doesn't cause a re-render. An opt-out will be use a callback ref via\n * React.useState(), but it will cause re-renders always.\n *\n * https://reactjs.org/docs/hooks-reference.html#useref\n * https://github.com/theKashey/use-callback-ref#usecallbackref---to-replace-reactuseref\n *\n * @param initialValue - initial ref value\n * @param callback - a callback to run when value changes\n * @param skipInitialResolve - a flag to skip an initial ref report\n *\n * @example\n * const ref = useCallbackRef(0, (newValue, oldValue) => console.log(oldValue, '->', newValue);\n * ref.current = 1;\n * // prints 0 -> 1\n */\nexport function useCallbackRef<T>(\n  initialValue: T | null,\n  callback: (newValue: T | null, lastValue: T | null) => void,\n  skipInitialResolve?: boolean,\n): React.MutableRefObject<T | null> {\n  const isFirst = React.useRef(true);\n  const [ref] = React.useState(() => ({\n    // value\n    value: initialValue,\n    // last callback\n    callback,\n    // \"memoized\" public interface\n    facade: {\n      get current() {\n        return ref.value;\n      },\n      set current(value) {\n        const last = ref.value;\n\n        if (last !== value) {\n          ref.value = value;\n\n          if (skipInitialResolve && isFirst.current) {\n            return;\n          }\n\n          ref.callback(value, last);\n        }\n      },\n    },\n  }));\n\n  useIsomorphicLayoutEffect(() => {\n    isFirst.current = false;\n  }, []);\n\n  // update callback\n  ref.callback = callback;\n\n  return ref.facade;\n}\n"]}
+{"version":3,"file":"useCallbackRef.js","sourceRoot":"","sources":["../../src/utils/useCallbackRef.ts"],"names":[],"mappings":";;;AAAA,6BAA+B;AAC/B,6DAAsE;AAEtE;;;;;;;;;;;;;;;;GAgBG;AACH,SAAgB,cAAc,CAC5B,YAAsB,EACtB,QAA2D,EAC3D,kBAA4B;IAE5B,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC5B,IAAA,GAAG,GAAI,KAAK,CAAC,QAAQ,CAAC,cAAM,OAAA,CAAC;QAClC,QAAQ;QACR,KAAK,EAAE,YAAY;QACnB,gBAAgB;QAChB,QAAQ,UAAA;QACR,8BAA8B;QAC9B,MAAM,EAAE;YACN,IAAI,OAAO;gBACT,OAAO,GAAG,CAAC,KAAK,CAAC;YACnB,CAAC;YACD,IAAI,OAAO,CAAC,KAAK;gBACf,IAAM,IAAI,GAAG,GAAG,CAAC,KAAK,CAAC;gBAEvB,IAAI,IAAI,KAAK,KAAK,EAAE;oBAClB,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC;oBAElB,IAAI,kBAAkB,IAAI,OAAO,CAAC,OAAO,EAAE;wBACzC,OAAO;qBACR;oBAED,GAAG,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;iBAC3B;YACH,CAAC;SACF;KACF,CAAC,EAxBiC,CAwBjC,CAAC,GAxBO,CAwBN;IAEJ,2CAAyB,CAAC;QACxB,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;IAC1B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,kBAAkB;IAClB,GAAG,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAExB,OAAO,GAAG,CAAC,MAAM,CAAC;AACpB,CAAC;AAxCD,wCAwCC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-positioning",
-  "version": "9.0.0-alpha.57",
+  "version": "9.0.0-alpha.60",
   "description": "A react wrapper around Popper.js for Fluent UI",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -34,7 +34,7 @@
   },
   "dependencies": {
     "@fluentui/react-shared-contexts": "9.0.0-alpha.25",
-    "@fluentui/react-utilities": "9.0.0-alpha.49",
+    "@fluentui/react-utilities": "9.0.0-alpha.52",
     "@popperjs/core": "~2.4.3",
     "tslib": "^2.1.0"
   },

package/lib-amd/createVirtualElementFromClick.d.ts

@@ -1,6 +0,0 @@
-import type { PopperVirtualElement } from './types';
-/**
- * Creates a virtual element based on the position of a click event
- * Can be used as a target for popper in scenarios such as context menus
- */
-export declare function createVirtualElementFromClick(nativeEvent: MouseEvent): PopperVirtualElement;

package/lib-amd/createVirtualElementFromClick.js

@@ -1,30 +0,0 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.createVirtualElementFromClick = void 0;
-    /**
-     * Creates a virtual element based on the position of a click event
-     * Can be used as a target for popper in scenarios such as context menus
-     */
-    function createVirtualElementFromClick(nativeEvent) {
-        var left = nativeEvent.clientX;
-        var top = nativeEvent.clientY;
-        var right = left + 1;
-        var bottom = top + 1;
-        function getBoundingClientRect() {
-            return {
-                left: left,
-                top: top,
-                right: right,
-                bottom: bottom,
-                height: 1,
-                width: 1,
-            };
-        }
-        return {
-            getBoundingClientRect: getBoundingClientRect,
-        };
-    }
-    exports.createVirtualElementFromClick = createVirtualElementFromClick;
-});
-//# sourceMappingURL=createVirtualElementFromClick.js.map

package/lib-amd/createVirtualElementFromClick.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"createVirtualElementFromClick.js","sourceRoot":"../src/","sources":["createVirtualElementFromClick.ts"],"names":[],"mappings":";;;;IAEA;;;OAGG;IACH,SAAgB,6BAA6B,CAAC,WAAuB;QACnE,IAAM,IAAI,GAAG,WAAW,CAAC,OAAO,CAAC;QACjC,IAAM,GAAG,GAAG,WAAW,CAAC,OAAO,CAAC;QAChC,IAAM,KAAK,GAAG,IAAI,GAAG,CAAC,CAAC;QACvB,IAAM,MAAM,GAAG,GAAG,GAAG,CAAC,CAAC;QAEvB,SAAS,qBAAqB;YAC5B,OAAO;gBACL,IAAI,MAAA;gBACJ,GAAG,KAAA;gBACH,KAAK,OAAA;gBACL,MAAM,QAAA;gBAEN,MAAM,EAAE,CAAC;gBACT,KAAK,EAAE,CAAC;aACT,CAAC;QACJ,CAAC;QAED,OAAO;YACL,qBAAqB,uBAAA;SACtB,CAAC;IACJ,CAAC;IArBD,sEAqBC","sourcesContent":["import type { PopperVirtualElement } from './types';\n\n/**\n * Creates a virtual element based on the position of a click event\n * Can be used as a target for popper in scenarios such as context menus\n */\nexport function createVirtualElementFromClick(nativeEvent: MouseEvent): PopperVirtualElement {\n  const left = nativeEvent.clientX;\n  const top = nativeEvent.clientY;\n  const right = left + 1;\n  const bottom = top + 1;\n\n  function getBoundingClientRect(): ClientRect {\n    return {\n      left,\n      top,\n      right,\n      bottom,\n\n      height: 1,\n      width: 1,\n    };\n  }\n\n  return {\n    getBoundingClientRect,\n  };\n}\n"]}

package/lib-amd/index.d.ts

@@ -1,5 +0,0 @@
-export * from './usePopper';
-export * from './createVirtualElementFromClick';
-export * from './usePopperMouseTarget';
-export { resolvePositioningShorthand, mergeArrowOffset } from './utils/index';
-export * from './types';

package/lib-amd/index.js

@@ -1,12 +0,0 @@
-define(["require", "exports", "tslib", "./usePopper", "./createVirtualElementFromClick", "./usePopperMouseTarget", "./utils/index", "./types"], function (require, exports, tslib_1, usePopper_1, createVirtualElementFromClick_1, usePopperMouseTarget_1, index_1, types_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.mergeArrowOffset = exports.resolvePositioningShorthand = void 0;
-    tslib_1.__exportStar(usePopper_1, exports);
-    tslib_1.__exportStar(createVirtualElementFromClick_1, exports);
-    tslib_1.__exportStar(usePopperMouseTarget_1, exports);
-    Object.defineProperty(exports, "resolvePositioningShorthand", { enumerable: true, get: function () { return index_1.resolvePositioningShorthand; } });
-    Object.defineProperty(exports, "mergeArrowOffset", { enumerable: true, get: function () { return index_1.mergeArrowOffset; } });
-    tslib_1.__exportStar(types_1, exports);
-});
-//# sourceMappingURL=index.js.map

package/lib-amd/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":";;;;IAAA,2CAA4B;IAC5B,+DAAgD;IAChD,sDAAuC;IAC9B,oHAAA,2BAA2B,OAAA;IAAE,yGAAA,gBAAgB,OAAA;IACtD,uCAAwB","sourcesContent":["export * from './usePopper';\nexport * from './createVirtualElementFromClick';\nexport * from './usePopperMouseTarget';\nexport { resolvePositioningShorthand, mergeArrowOffset } from './utils/index';\nexport * from './types';\n"]}

package/lib-amd/types.d.ts

@@ -1,68 +0,0 @@
-import * as PopperJs from '@popperjs/core';
-import * as React from 'react';
-export declare type OffsetFunctionParam = {
-    popper: PopperJs.Rect;
-    reference: PopperJs.Rect;
-    placement: PopperJs.Placement;
-};
-export declare type OffsetFunction = (param: OffsetFunctionParam) => [number | null | undefined, number | null | undefined];
-export declare type Offset = OffsetFunction | [number | null | undefined, number | null | undefined];
-export declare type Position = 'above' | 'below' | 'before' | 'after';
-export declare type Alignment = 'top' | 'bottom' | 'start' | 'end' | 'center';
-export declare type AutoSize = 'height' | 'height-always' | 'width' | 'width-always' | 'always' | boolean;
-export declare type Boundary = PopperJs.Boundary | 'scrollParent' | 'window';
-export declare type PopperRefHandle = {
-    updatePosition: () => void;
-};
-export declare type PopperVirtualElement = PopperJs.VirtualElement;
-export interface PositioningProps {
-    /** Alignment for the component. Only has an effect if used with the @see position option */
-    align?: Alignment;
-    /** The element which will define the boundaries of the popper position for the flip behavior. */
-    flipBoundary?: Boundary;
-    /** The element which will define the boundaries of the popper position for the overflow behavior. */
-    overflowBoundary?: Boundary;
-    /** An imperative handle to Popper methods. */
-    popperRef?: React.Ref<PopperRefHandle>;
-    /**
-     * Position for the component. Position has higher priority than align. If position is vertical ('above' | 'below')
-     * and align is also vertical ('top' | 'bottom') or if both position and align are horizontal ('before' | 'after'
-     * and 'start' | 'end' respectively),
-     * then provided value for 'align' will be ignored and 'center' will be used instead.
-     */
-    position?: Position;
-    /**
-     * Lets you displace a popper element from its reference element.
-     * This can be useful if you need to apply some margin between them or if you need to fine tune the
-     * position according to some custom logic.
-     */
-    offset?: Offset;
-    /**
-     * Defines padding between the corner of the popup element and the arrow.
-     * Use to prevent the arrow from overlapping a rounded corner, for example.
-     */
-    arrowPadding?: number;
-    /**
-     * Applies max-height and max-width on popper to fit it within the available space in viewport.
-     * true enables this for both width and height when overflow happens.
-     * 'always' applies `max-height`/`max-width` regardless of overflow.
-     * 'height' applies `max-height` when overflow happens, and 'width' for `max-width`
-     * `height-always` applies `max-height` regardless of overflow, and 'width-always' for always applying `max-width`
-     */
-    autoSize?: AutoSize;
-    /**
-     * Manual override for popper target. Useful for scenarios where a component accepts user prop to override target
-     */
-    target?: HTMLElement | PopperVirtualElement | null;
-    /**
-     * Modifies position and alignment to cover the target
-     */
-    coverTarget?: boolean;
-    /**
-     * Disables automatic repositioning of the component; it will always be placed according to the values of `align` and
-     * `position` props, regardless of the size of the component, the reference element or the viewport.
-     */
-    pinned?: boolean;
-}
-export declare type PositioningShorthandValue = 'above' | 'above-start' | 'above-end' | 'below' | 'below-start' | 'below-end' | 'before' | 'before-top' | 'before-bottom' | 'after' | 'after-top' | 'after-bottom';
-export declare type PositioningShorthand = PositioningProps | PositioningShorthandValue;

package/lib-amd/types.js

@@ -1,5 +0,0 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});
-//# sourceMappingURL=types.js.map

package/lib-amd/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"../src/","sources":["types.ts"],"names":[],"mappings":"","sourcesContent":["import * as PopperJs from '@popperjs/core';\nimport * as React from 'react';\n\nexport type OffsetFunctionParam = {\n  popper: PopperJs.Rect;\n  reference: PopperJs.Rect;\n  placement: PopperJs.Placement;\n};\n\nexport type OffsetFunction = (param: OffsetFunctionParam) => [number | null | undefined, number | null | undefined];\n\nexport type Offset = OffsetFunction | [number | null | undefined, number | null | undefined];\n\nexport type Position = 'above' | 'below' | 'before' | 'after';\nexport type Alignment = 'top' | 'bottom' | 'start' | 'end' | 'center';\n\nexport type AutoSize = 'height' | 'height-always' | 'width' | 'width-always' | 'always' | boolean;\n\nexport type Boundary = PopperJs.Boundary | 'scrollParent' | 'window';\n\nexport type PopperRefHandle = { updatePosition: () => void };\n\nexport type PopperVirtualElement = PopperJs.VirtualElement;\n\nexport interface PositioningProps {\n  /** Alignment for the component. Only has an effect if used with the @see position option */\n  align?: Alignment;\n\n  /** The element which will define the boundaries of the popper position for the flip behavior. */\n  flipBoundary?: Boundary;\n\n  /** The element which will define the boundaries of the popper position for the overflow behavior. */\n  overflowBoundary?: Boundary;\n\n  /** An imperative handle to Popper methods. */\n  popperRef?: React.Ref<PopperRefHandle>;\n\n  /**\n   * Position for the component. Position has higher priority than align. If position is vertical ('above' | 'below')\n   * and align is also vertical ('top' | 'bottom') or if both position and align are horizontal ('before' | 'after'\n   * and 'start' | 'end' respectively),\n   * then provided value for 'align' will be ignored and 'center' will be used instead.\n   */\n  position?: Position;\n\n  /**\n   * Lets you displace a popper element from its reference element.\n   * This can be useful if you need to apply some margin between them or if you need to fine tune the\n   * position according to some custom logic.\n   */\n  offset?: Offset;\n\n  /**\n   * Defines padding between the corner of the popup element and the arrow.\n   * Use to prevent the arrow from overlapping a rounded corner, for example.\n   */\n  arrowPadding?: number;\n\n  /**\n   * Applies max-height and max-width on popper to fit it within the available space in viewport.\n   * true enables this for both width and height when overflow happens.\n   * 'always' applies `max-height`/`max-width` regardless of overflow.\n   * 'height' applies `max-height` when overflow happens, and 'width' for `max-width`\n   * `height-always` applies `max-height` regardless of overflow, and 'width-always' for always applying `max-width`\n   */\n  autoSize?: AutoSize;\n\n  /**\n   * Manual override for popper target. Useful for scenarios where a component accepts user prop to override target\n   */\n  target?: HTMLElement | PopperVirtualElement | null;\n\n  /**\n   * Modifies position and alignment to cover the target\n   */\n  coverTarget?: boolean;\n\n  /**\n   * Disables automatic repositioning of the component; it will always be placed according to the values of `align` and\n   * `position` props, regardless of the size of the component, the reference element or the viewport.\n   */\n  pinned?: boolean;\n}\n\nexport type PositioningShorthandValue =\n  | 'above'\n  | 'above-start'\n  | 'above-end'\n  | 'below'\n  | 'below-start'\n  | 'below-end'\n  | 'before'\n  | 'before-top'\n  | 'before-bottom'\n  | 'after'\n  | 'after-top'\n  | 'after-bottom';\n\nexport type PositioningShorthand = PositioningProps | PositioningShorthandValue;\n"]}

package/lib-amd/usePopper.d.ts

@@ -1,35 +0,0 @@
-import * as PopperJs from '@popperjs/core';
-import * as React from 'react';
-import type { PositioningProps } from './types';
-interface PopperOptions extends PositioningProps {
-    /**
-     * If false, delays Popper's creation.
-     * @default true
-     */
-    enabled?: boolean;
-    onStateUpdate?: (state: Partial<PopperJs.State>) => void;
-    /**
-     * Enables the Popper box to position itself in 'fixed' mode (default value is position: 'absolute')
-     * @default false
-     */
-    positionFixed?: boolean;
-    /**
-     * When the reference element or the viewport is outside viewport allows a popper element to be fully in viewport.
-     * "all" enables this behavior for all axis.
-     */
-    unstable_disableTether?: boolean | 'all';
-}
-/**
- * Exposes Popper positioning API via React hook. Contains few important differences between an official "react-popper"
- * package:
- * - style attributes are applied directly on DOM to avoid re-renders
- * - refs changes and resolution is handled properly without re-renders
- * - contains a specific to React fix related to initial positioning when containers have components with managed focus
- *   to avoid focus jumps
- */
-export declare function usePopper(options?: PopperOptions): {
-    targetRef: React.MutableRefObject<any>;
-    containerRef: React.MutableRefObject<any>;
-    arrowRef: React.MutableRefObject<any>;
-};
-export {};

package/lib-amd/usePopper.js

@@ -1,320 +0,0 @@
-define(["require", "exports", "@fluentui/react-utilities", "@fluentui/react-shared-contexts", "./utils/index", "@popperjs/core", "react"], function (require, exports, react_utilities_1, react_shared_contexts_1, index_1, PopperJs, React) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.usePopper = void 0;
-    //
-    // Dev utils to detect if nodes have "autoFocus" props.
-    //
-    /**
-     * Detects if a passed HTML node has "autoFocus" prop on a React's fiber. Is needed as React handles autofocus behavior
-     * in React DOM and will not pass "autoFocus" to an actual HTML.
-     */
-    function hasAutofocusProp(node) {
-        var _a;
-        // https://github.com/facebook/react/blob/848bb2426e44606e0a55dfe44c7b3ece33772485/packages/react-dom/src/client/ReactDOMHostConfig.js#L157-L166
-        var isAutoFocusableElement = node.nodeName === 'BUTTON' ||
-            node.nodeName === 'INPUT' ||
-            node.nodeName === 'SELECT' ||
-            node.nodeName === 'TEXTAREA';
-        if (isAutoFocusableElement) {
-            return !!((_a = index_1.getReactFiberFromNode(node)) === null || _a === void 0 ? void 0 : _a.pendingProps.autoFocus);
-        }
-        return false;
-    }
-    function hasAutofocusFilter(node) {
-        return hasAutofocusProp(node) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
-    }
-    /**
-     * Provides a callback to resolve Popper options, it's stable and should be used as a dependency to trigger updates
-     * of Popper options.
-     *
-     * A callback is used there intentionally as some of Popper.js modifiers require DOM nodes (targer, container, arrow)
-     * that can't be resolved properly during an initial rendering.
-     */
-    function usePopperOptions(options, popperOriginalPositionRef) {
-        var arrowPadding = options.arrowPadding, autoSize = options.autoSize, coverTarget = options.coverTarget, flipBoundary = options.flipBoundary, offset = options.offset, onStateUpdate = options.onStateUpdate, overflowBoundary = options.overflowBoundary, 
-        // eslint-disable-next-line @typescript-eslint/naming-convention
-        unstable_disableTether = options.unstable_disableTether, pinned = options.pinned;
-        var isRtl = react_shared_contexts_1.useFluent().dir === 'rtl';
-        var placement = index_1.getPlacement(options.align, options.position, isRtl);
-        var strategy = options.positionFixed ? 'fixed' : 'absolute';
-        var handleStateUpdate = react_utilities_1.useEventCallback(function (_a) {
-            var state = _a.state;
-            if (onStateUpdate) {
-                onStateUpdate(state);
-            }
-        });
-        var offsetModifier = React.useMemo(function () {
-            return offset
-                ? {
-                    name: 'offset',
-                    options: { offset: isRtl ? index_1.applyRtlToOffset(offset) : offset },
-                }
-                : null;
-        }, [offset, isRtl]);
-        return React.useCallback(function (target, container, arrow) {
-            var _a;
-            var scrollParentElement = index_1.getScrollParent(container);
-            var hasScrollableElement = scrollParentElement
-                ? scrollParentElement !== ((_a = scrollParentElement.ownerDocument) === null || _a === void 0 ? void 0 : _a.body)
-                : false;
-            var modifiers = [
-                /**
-                 * We are setting the position to `fixed` in the first effect to prevent scroll jumps in case of the content
-                 * with managed focus. Modifier sets the position to `fixed` before all other modifier effects. Another part of
-                 * a patch modifies ".forceUpdate()" directly after a Popper will be created.
-                 */
-                {
-                    name: 'positionStyleFix',
-                    enabled: true,
-                    phase: 'afterWrite',
-                    effect: function (_a) {
-                        var state = _a.state, instance = _a.instance;
-                        // ".isFirstRun" is a part of our patch, on a first evaluation it will "undefined"
-                        // should be disabled for subsequent runs as it breaks positioning for them
-                        if (instance.isFirstRun !== false) {
-                            popperOriginalPositionRef.current = state.elements.popper.style.position;
-                            state.elements.popper.style.position = 'fixed';
-                        }
-                        return function () { return undefined; };
-                    },
-                    requires: [],
-                },
-                { name: 'flip', options: { flipVariations: true } },
-                /**
-                 * pinned disables the flip modifier by setting flip.enabled to false; this
-                 * disables automatic repositioning of the popper box; it will always be placed according to
-                 * the values of `align` and `position` props, regardless of the size of the component, the
-                 * reference element or the viewport.
-                 */
-                pinned && { name: 'flip', enabled: false },
-                /**
-                 * When the popper box is placed in the context of a scrollable element, we need to set
-                 * preventOverflow.escapeWithReference to true and flip.boundariesElement to 'scrollParent'
-                 * (default is 'viewport') so that the popper box will stick with the targetRef when we
-                 * scroll targetRef out of the viewport.
-                 */
-                hasScrollableElement && { name: 'flip', options: { boundary: 'clippingParents' } },
-                hasScrollableElement && { name: 'preventOverflow', options: { boundary: 'clippingParents' } },
-                offsetModifier,
-                /**
-                 * This modifier is necessary to retain behaviour from popper v1 where untethered poppers are allowed by
-                 * default. i.e. popper is still rendered fully in the viewport even if anchor element is no longer in the
-                 * viewport.
-                 */
-                unstable_disableTether && {
-                    name: 'preventOverflow',
-                    options: { altAxis: unstable_disableTether === 'all', tether: false },
-                },
-                flipBoundary && {
-                    name: 'flip',
-                    options: {
-                        altBoundary: true,
-                        boundary: index_1.getBoundary(container, flipBoundary),
-                    },
-                },
-                overflowBoundary && {
-                    name: 'preventOverflow',
-                    options: {
-                        altBoundary: true,
-                        boundary: index_1.getBoundary(container, overflowBoundary),
-                    },
-                },
-                {
-                    name: 'onUpdate',
-                    enabled: true,
-                    phase: 'afterWrite',
-                    fn: handleStateUpdate,
-                },
-                {
-                    // Similar code as popper-maxsize-modifier: https://github.com/atomiks/popper.js/blob/master/src/modifiers/maxSize.js
-                    // popper-maxsize-modifier only calculates the max sizes.
-                    // This modifier can apply max sizes always, or apply the max sizes only when overflow is detected
-                    name: 'applyMaxSize',
-                    enabled: !!autoSize,
-                    phase: 'beforeWrite',
-                    requiresIfExists: ['offset', 'preventOverflow', 'flip'],
-                    options: {
-                        altBoundary: true,
-                        boundary: index_1.getBoundary(container, overflowBoundary),
-                    },
-                    fn: function (_a) {
-                        var state = _a.state, modifierOptions = _a.options;
-                        var overflow = PopperJs.detectOverflow(state, modifierOptions);
-                        var _b = state.modifiersData.preventOverflow || { x: 0, y: 0 }, x = _b.x, y = _b.y;
-                        var _c = state.rects.popper, width = _c.width, height = _c.height;
-                        var basePlacement = index_1.getBasePlacement(state.placement);
-                        var widthProp = basePlacement === 'left' ? 'left' : 'right';
-                        var heightProp = basePlacement === 'top' ? 'top' : 'bottom';
-                        var applyMaxWidth = autoSize === 'always' ||
-                            autoSize === 'width-always' ||
-                            (overflow[widthProp] > 0 && (autoSize === true || autoSize === 'width'));
-                        var applyMaxHeight = autoSize === 'always' ||
-                            autoSize === 'height-always' ||
-                            (overflow[heightProp] > 0 && (autoSize === true || autoSize === 'height'));
-                        if (applyMaxWidth) {
-                            state.styles.popper.maxWidth = width - overflow[widthProp] - x + "px";
-                        }
-                        if (applyMaxHeight) {
-                            state.styles.popper.maxHeight = height - overflow[heightProp] - y + "px";
-                        }
-                    },
-                },
-                /**
-                 * This modifier is necessary in order to render the pointer. Refs are resolved in effects, so it can't be
-                 * placed under computed modifiers. Deep merge is not required as this modifier has only these properties.
-                 */
-                {
-                    name: 'arrow',
-                    enabled: !!arrow,
-                    options: { element: arrow, padding: arrowPadding },
-                },
-                /**
-                 * Modifies popper offsets to cover the reference rect, but still keep edge alignment
-                 */
-                {
-                    name: 'coverTarget',
-                    enabled: !!coverTarget,
-                    phase: 'main',
-                    requiresIfExists: ['offset', 'preventOverflow', 'flip'],
-                    fn: function (_a) {
-                        var state = _a.state;
-                        var basePlacement = index_1.getBasePlacement(state.placement);
-                        switch (basePlacement) {
-                            case 'bottom':
-                                state.modifiersData.popperOffsets.y -= state.rects.reference.height;
-                                break;
-                            case 'top':
-                                state.modifiersData.popperOffsets.y += state.rects.reference.height;
-                                break;
-                            case 'left':
-                                state.modifiersData.popperOffsets.x += state.rects.reference.width;
-                                break;
-                            case 'right':
-                                state.modifiersData.popperOffsets.x -= state.rects.reference.width;
-                                break;
-                        }
-                    },
-                },
-            ].filter(Boolean); // filter boolean conditional spreading values
-            var popperOptions = {
-                modifiers: modifiers,
-                placement: placement,
-                strategy: strategy,
-                onFirstUpdate: function (state) { return handleStateUpdate({ state: state }); },
-            };
-            return popperOptions;
-        }, [
-            arrowPadding,
-            autoSize,
-            coverTarget,
-            flipBoundary,
-            offsetModifier,
-            overflowBoundary,
-            placement,
-            strategy,
-            unstable_disableTether,
-            pinned,
-            // These can be skipped from deps as they will not ever change
-            handleStateUpdate,
-            popperOriginalPositionRef,
-        ]);
-    }
-    /**
-     * Exposes Popper positioning API via React hook. Contains few important differences between an official "react-popper"
-     * package:
-     * - style attributes are applied directly on DOM to avoid re-renders
-     * - refs changes and resolution is handled properly without re-renders
-     * - contains a specific to React fix related to initial positioning when containers have components with managed focus
-     *   to avoid focus jumps
-     */
-    function usePopper(options) {
-        if (options === void 0) { options = {}; }
-        var _a = options.enabled, enabled = _a === void 0 ? true : _a;
-        var isFirstMount = react_utilities_1.useFirstMount();
-        var popperOriginalPositionRef = React.useRef('absolute');
-        var resolvePopperOptions = usePopperOptions(options, popperOriginalPositionRef);
-        var popperInstanceRef = React.useRef(null);
-        var handlePopperUpdate = react_utilities_1.useEventCallback(function () {
-            var _a;
-            (_a = popperInstanceRef.current) === null || _a === void 0 ? void 0 : _a.destroy();
-            popperInstanceRef.current = null;
-            var _b = options.target, target = _b === void 0 ? targetRef.current : _b;
-            var popperInstance = null;
-            if (react_utilities_1.canUseDOM() && enabled) {
-                if (target && containerRef.current) {
-                    popperInstance = PopperJs.createPopper(target, containerRef.current, resolvePopperOptions(target, containerRef.current, arrowRef.current));
-                }
-            }
-            if (popperInstance) {
-                /**
-                 * The patch updates `.forceUpdate()` Popper function which restores the original position before the first
-                 * forceUpdate() call. See also "positionStyleFix" modifier in usePopperOptions().
-                 */
-                var originalForceUpdate_1 = popperInstance.forceUpdate;
-                popperInstance.isFirstRun = true;
-                popperInstance.forceUpdate = function () {
-                    if (popperInstance === null || popperInstance === void 0 ? void 0 : popperInstance.isFirstRun) {
-                        popperInstance.state.elements.popper.style.position = popperOriginalPositionRef.current;
-                        popperInstance.isFirstRun = false;
-                    }
-                    originalForceUpdate_1();
-                };
-            }
-            popperInstanceRef.current = popperInstance;
-        });
-        // Refs are managed by useCallbackRef() to handle ref updates scenarios.
-        //
-        // The first scenario are updates for a targetRef, we can handle it properly only via callback refs, but it causes
-        // re-renders (we would like to avoid them).
-        //
-        // The second problem is related to refs resolution on React's layer: refs are resolved in the same order as effects
-        // that causes an issue when you have a container inside a target, for example: a menu in ChatMessage.
-        //
-        // function ChatMessage(props) {
-        //   <div className="message" ref={targetRef}> // 3) ref will be resolved only now, but it's too late already
-        //     <Popper target={targetRef}> // 2) create a popper instance
-        //       <div className="menu" /> // 1) capture ref from this element
-        //     </Popper>
-        //   </div>
-        // }
-        //
-        // Check a demo on CodeSandbox: https://codesandbox.io/s/popper-refs-emy60.
-        //
-        // This again can be solved with callback refs. It's not a huge issue as with hooks we are moving popper's creation
-        // to ChatMessage itself, however, without `useCallback()` refs it's still a Pandora box.
-        var targetRef = index_1.useCallbackRef(null, handlePopperUpdate, true);
-        var containerRef = index_1.useCallbackRef(null, handlePopperUpdate, true);
-        var arrowRef = index_1.useCallbackRef(null, handlePopperUpdate, true);
-        React.useImperativeHandle(options.popperRef, function () { return ({
-            updatePosition: function () {
-                var _a;
-                (_a = popperInstanceRef.current) === null || _a === void 0 ? void 0 : _a.update();
-            },
-        }); }, []);
-        react_utilities_1.useIsomorphicLayoutEffect(function () {
-            handlePopperUpdate();
-            return function () {
-                var _a;
-                (_a = popperInstanceRef.current) === null || _a === void 0 ? void 0 : _a.destroy();
-                popperInstanceRef.current = null;
-            };
-        }, [handlePopperUpdate, options.enabled, options.target]);
-        react_utilities_1.useIsomorphicLayoutEffect(function () {
-            var _a;
-            if (!isFirstMount) {
-                (_a = popperInstanceRef.current) === null || _a === void 0 ? void 0 : _a.setOptions(resolvePopperOptions(options.target || targetRef.current, containerRef.current, arrowRef.current));
-            }
-        }, 
-        // Missing deps:
-        // options.target - The useIsomorphicLayoutEffect before this will create a new popper instance if target changes
-        // isFirstMount - Should never change after mount
-        // arrowRef, containerRef, targetRef - Stable between renders
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-        [resolvePopperOptions]);
-        
-        return { targetRef: targetRef, containerRef: containerRef, arrowRef: arrowRef };
-    }
-    exports.usePopper = usePopper;
-});
-//# sourceMappingURL=usePopper.js.map