@fluentui/react-positioning 9.0.0-rc.8 → 9.0.0-rc.9

package/CHANGELOG.json

@@ -2,7 +2,52 @@
   "name": "@fluentui/react-positioning",
   "entries": [
     {
-      "date": "Thu, 05 May 2022 18:24:32 GMT",
+      "date": "Mon, 23 May 2022 12:09:59 GMT",
+      "tag": "@fluentui/react-positioning_v9.0.0-rc.9",
+      "version": "9.0.0-rc.9",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-positioning",
+            "commit": "e7b70cb06f4422e5574993fd2ad44d9073647417",
+            "comment": "feat: ship rolluped only dts"
+          },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-positioning",
+            "commit": "60804cec07a495b8a5d1fc66338bf0443b212144",
+            "comment": "chore: Update Griffel to latest version"
+          },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-positioning",
+            "commit": "f120fe9160ad7311a87af0cfacd8d2fb26275e34",
+            "comment": "chore: Update Griffel to latest version"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-positioning",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.0.0-rc.8",
+            "commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-positioning",
+            "comment": "Bump @fluentui/react-theme to v9.0.0-rc.8",
+            "commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-positioning",
+            "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.9",
+            "commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 05 May 2022 18:26:25 GMT",
       "tag": "@fluentui/react-positioning_v9.0.0-rc.8",
       "version": "9.0.0-rc.8",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,26 @@
 # Change Log - @fluentui/react-positioning
 
-This log was last generated on Thu, 05 May 2022 18:24:32 GMT and should not be manually modified.
+This log was last generated on Mon, 23 May 2022 12:09:59 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.0-rc.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-rc.9)
+
+Mon, 23 May 2022 12:09:59 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-rc.8..@fluentui/react-positioning_v9.0.0-rc.9)
+
+### Changes
+
+- feat: ship rolluped only dts ([PR #22828](https://github.com/microsoft/fluentui/pull/22828) by martinhochel@microsoft.com)
+- chore: Update Griffel to latest version ([PR #23029](https://github.com/microsoft/fluentui/pull/23029) by olfedias@microsoft.com)
+- chore: Update Griffel to latest version ([PR #22894](https://github.com/microsoft/fluentui/pull/22894) by olfedias@microsoft.com)
+- Bump @fluentui/react-shared-contexts to v9.0.0-rc.8 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
+- Bump @fluentui/react-theme to v9.0.0-rc.8 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
+- Bump @fluentui/react-utilities to v9.0.0-rc.9 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
+
 ## [9.0.0-rc.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-rc.8)
 
-Thu, 05 May 2022 18:24:32 GMT 
+Thu, 05 May 2022 18:26:25 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-rc.7..@fluentui/react-positioning_v9.0.0-rc.8)
 
 ### Changes

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@fluentui/react-positioning",
-  "version": "9.0.0-rc.8",
+  "version": "9.0.0-rc.9",
   "description": "A react wrapper around Popper.js for Fluent UI",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
-  "typings": "lib/index.d.ts",
+  "typings": "dist/index.d.ts",
   "sideEffects": false,
   "repository": {
     "type": "git",
@@ -28,10 +28,10 @@
     "@fluentui/scripts": "^1.0.0"
   },
   "dependencies": {
-    "@griffel/react": "1.0.3",
-    "@fluentui/react-shared-contexts": "9.0.0-rc.7",
-    "@fluentui/react-theme": "9.0.0-rc.7",
-    "@fluentui/react-utilities": "9.0.0-rc.8",
+    "@griffel/react": "1.0.5",
+    "@fluentui/react-shared-contexts": "9.0.0-rc.8",
+    "@fluentui/react-theme": "9.0.0-rc.8",
+    "@fluentui/react-utilities": "9.0.0-rc.9",
     "@popperjs/core": "~2.4.3",
     "tslib": "^2.1.0"
   },

package/lib/createArrowStyles.d.ts

@@ -1,64 +0,0 @@
-import type { GriffelStyle } from '@griffel/react';
-/**
- * Options parameter for the createArrowStyles function
- */
-export declare type CreateArrowStylesOptions = {
-    /**
-     * The height of the arrow from the base to the tip, in px. The base width of the arrow is always twice its height.
-     *
-     * This can be undefined to leave out the arrow size styles. You must then add styles created by
-     * createArrowHeightStyles to set the arrow's size correctly. This can be useful if the arrow can be different sizes.
-     */
-    arrowHeight: number | undefined;
-    /**
-     * The borderWidth of the arrow. Should be the same borderWidth as the parent element.
-     *
-     * @defaultvalue 1px
-     */
-    borderWidth?: GriffelStyle['borderBottomWidth'];
-    /**
-     * The borderStyle for the arrow. Should be the same borderStyle as the parent element.
-     *
-     * @defaultvalue solid
-     */
-    borderStyle?: GriffelStyle['borderBottomStyle'];
-    /**
-     * The borderColor of the arrow. Should be the same borderColor as the parent element.
-     *
-     * @defaultvalue tokens.colorTransparentStroke
-     */
-    borderColor?: GriffelStyle['borderBottomColor'];
-};
-/**
- * Helper that creates a makeStyles rule for an arrow element.
- * For runtime arrow size toggling simply create extra classnames to apply to the arrow element
- *
- * ```ts
- *   makeStyles({
- *     arrowWithSize: createArrowStyles({ arrowHeight: 6 }),
- *
- *     arrowWithoutSize: createArrowStyles({ arrowHeight: undefined }),
- *     mediumArrow: createArrowHeightStyles(4),
- *     smallArrow: createArrowHeightStyles(2),
- *   })
- *   ...
- *
- *   state.arrowWithSize.className = styles.arrowWithSize;
- *   state.arrowWithoutSize.className = mergeClasses(
- *     styles.arrowWithoutSize,
- *     state.smallArrow && styles.smallArrow,
- *     state.mediumArrow && styles.mediumArrow,
- *   )
- * ```
- */
-export declare function createArrowStyles(options: CreateArrowStylesOptions): GriffelStyle;
-/**
- * Creates CSS styles to size the arrow created by createArrowStyles to the given height.
- *
- * Use this when you need to create classes for several different arrow sizes. If you only need a
- * constant arrow size, you can pass the `arrowHeight` param to createArrowStyles instead.
- */
-export declare function createArrowHeightStyles(arrowHeight: number): {
-    width: string;
-    height: string;
-};

package/lib/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/index.d.ts

@@ -1,7 +0,0 @@
-export { createVirtualElementFromClick } from './createVirtualElementFromClick';
-export { createArrowHeightStyles, createArrowStyles } from './createArrowStyles';
-export type { CreateArrowStylesOptions } from './createArrowStyles';
-export { usePopper } from './usePopper';
-export { usePopperMouseTarget } from './usePopperMouseTarget';
-export { resolvePositioningShorthand, mergeArrowOffset } from './utils/index';
-export type { Alignment, AutoSize, Boundary, Offset, OffsetFunction, OffsetFunctionParam, PopperOptions, PopperRefHandle, PopperVirtualElement, Position, PositioningProps, PositioningShorthand, PositioningShorthandValue, } from './types';

package/lib/isIntersectingModifier.d.ts

@@ -1,4 +0,0 @@
-import { Modifier } from '@popperjs/core';
-export declare const isIntersectingModifier: IsIntersectingModifier;
-declare type IsIntersectingModifier = Modifier<'is-intersecting-modifier', never>;
-export {};

package/lib/types.d.ts

@@ -1,89 +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 = {
-    /**
-     * Updates the position of the popper imperatively.
-     * Useful when the position of the target changes from other factors than scrolling of window resize.
-     */
-    updatePosition: () => void;
-    /**
-     * Sets the target and updates positioning imperatively.
-     * Useful for avoiding double renders with the target option.
-     */
-    setTarget: (target: HTMLElement | PopperVirtualElement) => void;
-};
-export declare type PopperVirtualElement = PopperJs.VirtualElement;
-export interface PopperOptions {
-    /** 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;
-    /**
-     * 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;
-    /**
-     * Enables the Popper box to position itself in 'fixed' mode (default value is position: 'absolute')
-     * @default false
-     */
-    positionFixed?: boolean;
-    /**
-     * 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;
-    /**
-     * 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;
-    /**
-     * 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';
-}
-export interface PositioningProps extends Omit<PopperOptions, 'positionFixed' | 'unstable_disableTether'> {
-    /** An imperative handle to Popper methods. */
-    popperRef?: React.Ref<PopperRefHandle>;
-    /**
-     * Manual override for popper target. Useful for scenarios where a component accepts user prop to override target
-     */
-    target?: HTMLElement | PopperVirtualElement | null;
-}
-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/usePopper.d.ts

@@ -1,23 +0,0 @@
-import * as React from 'react';
-import type { PositioningProps } from './types';
-interface UsePopperOptions extends PositioningProps {
-    /**
-     * If false, delays Popper's creation.
-     * @default true
-     */
-    enabled?: boolean;
-}
-/**
- * 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?: UsePopperOptions): {
-    targetRef: React.MutableRefObject<any>;
-    containerRef: React.MutableRefObject<any>;
-    arrowRef: React.MutableRefObject<any>;
-};
-export {};

package/lib/usePopperMouseTarget.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import * as PopperJs from '@popperjs/core';
-/**
- * A state hook that manages a popper virtual element from mouseevents.
- * Useful for scenarios where a component needs to be positioned by mouse click (e.g. contextmenu)
- * React synthetic events are not persisted by this hook
- *
- * @param initialState - initializes a user provided state similare to useState
- * @returns state and dispatcher for a Popper virtual element that uses native/synthetic mouse events
- */
-export declare const usePopperMouseTarget: (initialState?: PopperJs.VirtualElement | (() => PopperJs.VirtualElement) | undefined) => readonly [PopperJs.VirtualElement | undefined, (event: React.MouseEvent | MouseEvent | undefined | null) => void];

package/lib/utils/getBasePlacement.d.ts

@@ -1,8 +0,0 @@
-import * as PopperJs from '@popperjs/core';
-/**
- * Returns the base placement value
- * @param placement - the popper placement (i.e. bottom-start)
- *
- * @returns bottom-start -> bottom
- */
-export declare function getBasePlacement(placement: PopperJs.Placement): PopperJs.BasePlacement;

package/lib/utils/getBoundary.d.ts

@@ -1,6 +0,0 @@
-import * as PopperJs from '@popperjs/core';
-import type { Boundary } from '../types';
-/**
- * Allows to mimic a behavior from V1 of Popper and accept `window` and `scrollParent` as strings.
- */
-export declare function getBoundary(element: HTMLElement | null, boundary?: Boundary): PopperJs.Boundary | undefined;

package/lib/utils/getReactFiberFromNode.d.ts

@@ -1,108 +0,0 @@
-import * as React from 'react';
-declare type ReactEventResponder<E, C> = {
-    $$typeof: Symbol | number;
-    displayName: string;
-    targetEventTypes: null | string[];
-    rootEventTypes: null | string[];
-    getInitialState: null | ((props: Object) => Object);
-    onEvent: null | ((event: E, context: C, props: Object, state: Object) => void);
-    onRootEvent: null | ((event: E, context: C, props: Object, state: Object) => void);
-    onMount: null | ((context: C, props: Object, state: Object) => void);
-    onUnmount: null | ((context: C, props: Object, state: Object) => void);
-};
-declare type ReactEventResponderInstance<E, C> = {
-    fiber: Object;
-    props: Object;
-    responder: ReactEventResponder<E, C>;
-    rootEventTypes: null | Set<string>;
-    state: Object;
-};
-export declare type HookType = 'useState' | 'useReducer' | 'useContext' | 'useRef' | 'useEffect' | 'useLayoutEffect' | 'useCallback' | 'useMemo' | 'useImperativeHandle' | 'useDebugValue' | 'useResponder';
-declare type ReactProviderType<T> = {
-    $$typeof: Symbol | number;
-    _context: ReactContext<T>;
-};
-declare type ReactContext<T> = {
-    $$typeof: Symbol | number;
-    Consumer: ReactContext<T>;
-    Provider: ReactProviderType<T>;
-    _calculateChangedBits: ((a: T, b: T) => number) | null;
-    _currentValue: T;
-    _currentValue2: T;
-    _threadCount: number;
-    _currentRenderer?: Object | null;
-    _currentRenderer2?: Object | null;
-};
-declare type ContextDependency<T> = {
-    context: ReactContext<T>;
-    observedBits: number;
-    next: ContextDependency<any> | null;
-};
-declare enum WorkTag {
-    FunctionComponent = 0,
-    ClassComponent = 1,
-    IndeterminateComponent = 2,
-    HostRoot = 3,
-    HostPortal = 4,
-    HostComponent = 5,
-    HostText = 6,
-    Fragment = 7,
-    Mode = 8,
-    ContextConsumer = 9,
-    ContextProvider = 10,
-    ForwardRef = 11,
-    Profiler = 12,
-    SuspenseComponent = 13,
-    MemoComponent = 14,
-    SimpleMemoComponent = 15,
-    LazyComponent = 16,
-    IncompleteClassComponent = 17,
-    DehydratedFragment = 18,
-    SuspenseListComponent = 19,
-    FundamentalComponent = 20,
-    ScopeComponent = 21
-}
-declare type Source = {
-    fileName: string;
-    lineNumber: number;
-};
-declare type ExpirationTime = number;
-declare type Dependencies = {
-    expirationTime: ExpirationTime;
-    firstContext: ContextDependency<any> | null;
-    responders: Map<ReactEventResponder<any, any>, ReactEventResponderInstance<any, any>> | null;
-};
-export declare type Fiber = {
-    tag: WorkTag;
-    key: null | string;
-    elementType: any;
-    type: any;
-    stateNode: any;
-    return: Fiber | null;
-    child: Fiber | null;
-    sibling: Fiber | null;
-    index: number;
-    ref: React.Ref<any>;
-    pendingProps: any;
-    memoizedProps: any;
-    memoizedState: any;
-    dependencies: Dependencies | null;
-    nextEffect: Fiber | null;
-    firstEffect: Fiber | null;
-    lastEffect: Fiber | null;
-    expirationTime: ExpirationTime;
-    childExpirationTime: ExpirationTime;
-    alternate: Fiber | null;
-    actualDuration?: number;
-    actualStartTime?: number;
-    selfBaseDuration?: number;
-    treeBaseDuration?: number;
-    _debugID?: number;
-    _debugSource?: Source | null;
-    _debugOwner?: Fiber | null;
-    _debugIsCurrentlyTiming?: boolean;
-    _debugNeedsRemount?: boolean;
-    _debugHookTypes?: HookType[] | null;
-};
-export declare function getReactFiberFromNode(elm: Node | undefined): Fiber | null;
-export {};

package/lib/utils/getScrollParent.d.ts

@@ -1,12 +0,0 @@
-/**
- * Returns the parent node or the host of the node argument.
- * @param node - DOM node.
- * @returns - parent DOM node.
- */
-export declare const getParentNode: (node: HTMLElement) => HTMLElement;
-/**
- * Returns the first scrollable parent of the given element.
- * @param node - DOM node.
- * @returns - the first scrollable parent.
- */
-export declare const getScrollParent: (node: Document | HTMLElement | null) => HTMLElement;

package/lib/utils/index.d.ts

@@ -1,8 +0,0 @@
-export * from './getBasePlacement';
-export * from './getBoundary';
-export * from './getReactFiberFromNode';
-export * from './getScrollParent';
-export * from './mergeArrowOffset';
-export * from './positioningHelper';
-export * from './resolvePositioningShorthand';
-export * from './useCallbackRef';

package/lib/utils/mergeArrowOffset.d.ts

@@ -1,10 +0,0 @@
-import type { Offset } from '../types';
-/**
- * Generally when adding an arrow to popper, it's necessary to offset the position of the popper by the
- * height of the arrow. A simple utility to merge a provided offset with an arrow height to return the final offset
- *
- * @param userOffset - The offset provided by the user
- * @param arrowHeight - The height of the arrow in px
- * @returns User offset augmented with arrow height
- */
-export declare function mergeArrowOffset(userOffset: Offset | undefined | null, arrowHeight: number): Offset;

package/lib/utils/positioningHelper.d.ts

@@ -1,7 +0,0 @@
-import * as PopperJs from '@popperjs/core';
-import type { Alignment, Offset, Position } from '../types';
-/**
- * @see positioninHelper.test.ts for expected placement values
- */
-export declare const getPlacement: (align?: Alignment | undefined, position?: Position | undefined, rtl?: boolean | undefined) => PopperJs.Placement;
-export declare const applyRtlToOffset: (offset: Offset | undefined) => Offset | undefined;

package/lib/utils/resolvePositioningShorthand.d.ts

@@ -1,2 +0,0 @@
-import type { PositioningShorthand, PositioningProps } from '../types';
-export declare function resolvePositioningShorthand(shorthand: PositioningShorthand | undefined | null): Readonly<PositioningProps>;

package/lib/utils/useCallbackRef.d.ts

@@ -1,19 +0,0 @@
-import * as React from 'react';
-/**
- * Creates a MutableRef with ref change callback. Is useful as React.useRef() doesn't notify you when its content
- * changes and mutating the .current property doesn't cause a re-render. An opt-out will be use a callback ref via
- * React.useState(), but it will cause re-renders always.
- *
- * https://reactjs.org/docs/hooks-reference.html#useref
- * https://github.com/theKashey/use-callback-ref#usecallbackref---to-replace-reactuseref
- *
- * @param initialValue - initial ref value
- * @param callback - a callback to run when value changes
- * @param skipInitialResolve - a flag to skip an initial ref report
- *
- * @example
- * const ref = useCallbackRef(0, (newValue, oldValue) => console.log(oldValue, '->', newValue);
- * ref.current = 1;
- * // prints 0 -> 1
- */
-export declare function useCallbackRef<T>(initialValue: T | null, callback: (newValue: T | null, lastValue: T | null) => void, skipInitialResolve?: boolean): React.MutableRefObject<T | null>;

package/lib-commonjs/createArrowStyles.d.ts

@@ -1,64 +0,0 @@
-import type { GriffelStyle } from '@griffel/react';
-/**
- * Options parameter for the createArrowStyles function
- */
-export declare type CreateArrowStylesOptions = {
-    /**
-     * The height of the arrow from the base to the tip, in px. The base width of the arrow is always twice its height.
-     *
-     * This can be undefined to leave out the arrow size styles. You must then add styles created by
-     * createArrowHeightStyles to set the arrow's size correctly. This can be useful if the arrow can be different sizes.
-     */
-    arrowHeight: number | undefined;
-    /**
-     * The borderWidth of the arrow. Should be the same borderWidth as the parent element.
-     *
-     * @defaultvalue 1px
-     */
-    borderWidth?: GriffelStyle['borderBottomWidth'];
-    /**
-     * The borderStyle for the arrow. Should be the same borderStyle as the parent element.
-     *
-     * @defaultvalue solid
-     */
-    borderStyle?: GriffelStyle['borderBottomStyle'];
-    /**
-     * The borderColor of the arrow. Should be the same borderColor as the parent element.
-     *
-     * @defaultvalue tokens.colorTransparentStroke
-     */
-    borderColor?: GriffelStyle['borderBottomColor'];
-};
-/**
- * Helper that creates a makeStyles rule for an arrow element.
- * For runtime arrow size toggling simply create extra classnames to apply to the arrow element
- *
- * ```ts
- *   makeStyles({
- *     arrowWithSize: createArrowStyles({ arrowHeight: 6 }),
- *
- *     arrowWithoutSize: createArrowStyles({ arrowHeight: undefined }),
- *     mediumArrow: createArrowHeightStyles(4),
- *     smallArrow: createArrowHeightStyles(2),
- *   })
- *   ...
- *
- *   state.arrowWithSize.className = styles.arrowWithSize;
- *   state.arrowWithoutSize.className = mergeClasses(
- *     styles.arrowWithoutSize,
- *     state.smallArrow && styles.smallArrow,
- *     state.mediumArrow && styles.mediumArrow,
- *   )
- * ```
- */
-export declare function createArrowStyles(options: CreateArrowStylesOptions): GriffelStyle;
-/**
- * Creates CSS styles to size the arrow created by createArrowStyles to the given height.
- *
- * Use this when you need to create classes for several different arrow sizes. If you only need a
- * constant arrow size, you can pass the `arrowHeight` param to createArrowStyles instead.
- */
-export declare function createArrowHeightStyles(arrowHeight: number): {
-    width: string;
-    height: string;
-};

package/lib-commonjs/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-commonjs/index.d.ts

@@ -1,7 +0,0 @@
-export { createVirtualElementFromClick } from './createVirtualElementFromClick';
-export { createArrowHeightStyles, createArrowStyles } from './createArrowStyles';
-export type { CreateArrowStylesOptions } from './createArrowStyles';
-export { usePopper } from './usePopper';
-export { usePopperMouseTarget } from './usePopperMouseTarget';
-export { resolvePositioningShorthand, mergeArrowOffset } from './utils/index';
-export type { Alignment, AutoSize, Boundary, Offset, OffsetFunction, OffsetFunctionParam, PopperOptions, PopperRefHandle, PopperVirtualElement, Position, PositioningProps, PositioningShorthand, PositioningShorthandValue, } from './types';

package/lib-commonjs/isIntersectingModifier.d.ts

@@ -1,4 +0,0 @@
-import { Modifier } from '@popperjs/core';
-export declare const isIntersectingModifier: IsIntersectingModifier;
-declare type IsIntersectingModifier = Modifier<'is-intersecting-modifier', never>;
-export {};

package/lib-commonjs/types.d.ts

@@ -1,89 +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 = {
-    /**
-     * Updates the position of the popper imperatively.
-     * Useful when the position of the target changes from other factors than scrolling of window resize.
-     */
-    updatePosition: () => void;
-    /**
-     * Sets the target and updates positioning imperatively.
-     * Useful for avoiding double renders with the target option.
-     */
-    setTarget: (target: HTMLElement | PopperVirtualElement) => void;
-};
-export declare type PopperVirtualElement = PopperJs.VirtualElement;
-export interface PopperOptions {
-    /** 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;
-    /**
-     * 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;
-    /**
-     * Enables the Popper box to position itself in 'fixed' mode (default value is position: 'absolute')
-     * @default false
-     */
-    positionFixed?: boolean;
-    /**
-     * 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;
-    /**
-     * 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;
-    /**
-     * 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';
-}
-export interface PositioningProps extends Omit<PopperOptions, 'positionFixed' | 'unstable_disableTether'> {
-    /** An imperative handle to Popper methods. */
-    popperRef?: React.Ref<PopperRefHandle>;
-    /**
-     * Manual override for popper target. Useful for scenarios where a component accepts user prop to override target
-     */
-    target?: HTMLElement | PopperVirtualElement | null;
-}
-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-commonjs/usePopper.d.ts

@@ -1,23 +0,0 @@
-import * as React from 'react';
-import type { PositioningProps } from './types';
-interface UsePopperOptions extends PositioningProps {
-    /**
-     * If false, delays Popper's creation.
-     * @default true
-     */
-    enabled?: boolean;
-}
-/**
- * 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?: UsePopperOptions): {
-    targetRef: React.MutableRefObject<any>;
-    containerRef: React.MutableRefObject<any>;
-    arrowRef: React.MutableRefObject<any>;
-};
-export {};

package/lib-commonjs/usePopperMouseTarget.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import * as PopperJs from '@popperjs/core';
-/**
- * A state hook that manages a popper virtual element from mouseevents.
- * Useful for scenarios where a component needs to be positioned by mouse click (e.g. contextmenu)
- * React synthetic events are not persisted by this hook
- *
- * @param initialState - initializes a user provided state similare to useState
- * @returns state and dispatcher for a Popper virtual element that uses native/synthetic mouse events
- */
-export declare const usePopperMouseTarget: (initialState?: PopperJs.VirtualElement | (() => PopperJs.VirtualElement) | undefined) => readonly [PopperJs.VirtualElement | undefined, (event: React.MouseEvent | MouseEvent | undefined | null) => void];

package/lib-commonjs/utils/getBasePlacement.d.ts

@@ -1,8 +0,0 @@
-import * as PopperJs from '@popperjs/core';
-/**
- * Returns the base placement value
- * @param placement - the popper placement (i.e. bottom-start)
- *
- * @returns bottom-start -> bottom
- */
-export declare function getBasePlacement(placement: PopperJs.Placement): PopperJs.BasePlacement;

package/lib-commonjs/utils/getBoundary.d.ts

@@ -1,6 +0,0 @@
-import * as PopperJs from '@popperjs/core';
-import type { Boundary } from '../types';
-/**
- * Allows to mimic a behavior from V1 of Popper and accept `window` and `scrollParent` as strings.
- */
-export declare function getBoundary(element: HTMLElement | null, boundary?: Boundary): PopperJs.Boundary | undefined;

package/lib-commonjs/utils/getReactFiberFromNode.d.ts

@@ -1,108 +0,0 @@
-import * as React from 'react';
-declare type ReactEventResponder<E, C> = {
-    $$typeof: Symbol | number;
-    displayName: string;
-    targetEventTypes: null | string[];
-    rootEventTypes: null | string[];
-    getInitialState: null | ((props: Object) => Object);
-    onEvent: null | ((event: E, context: C, props: Object, state: Object) => void);
-    onRootEvent: null | ((event: E, context: C, props: Object, state: Object) => void);
-    onMount: null | ((context: C, props: Object, state: Object) => void);
-    onUnmount: null | ((context: C, props: Object, state: Object) => void);
-};
-declare type ReactEventResponderInstance<E, C> = {
-    fiber: Object;
-    props: Object;
-    responder: ReactEventResponder<E, C>;
-    rootEventTypes: null | Set<string>;
-    state: Object;
-};
-export declare type HookType = 'useState' | 'useReducer' | 'useContext' | 'useRef' | 'useEffect' | 'useLayoutEffect' | 'useCallback' | 'useMemo' | 'useImperativeHandle' | 'useDebugValue' | 'useResponder';
-declare type ReactProviderType<T> = {
-    $$typeof: Symbol | number;
-    _context: ReactContext<T>;
-};
-declare type ReactContext<T> = {
-    $$typeof: Symbol | number;
-    Consumer: ReactContext<T>;
-    Provider: ReactProviderType<T>;
-    _calculateChangedBits: ((a: T, b: T) => number) | null;
-    _currentValue: T;
-    _currentValue2: T;
-    _threadCount: number;
-    _currentRenderer?: Object | null;
-    _currentRenderer2?: Object | null;
-};
-declare type ContextDependency<T> = {
-    context: ReactContext<T>;
-    observedBits: number;
-    next: ContextDependency<any> | null;
-};
-declare enum WorkTag {
-    FunctionComponent = 0,
-    ClassComponent = 1,
-    IndeterminateComponent = 2,
-    HostRoot = 3,
-    HostPortal = 4,
-    HostComponent = 5,
-    HostText = 6,
-    Fragment = 7,
-    Mode = 8,
-    ContextConsumer = 9,
-    ContextProvider = 10,
-    ForwardRef = 11,
-    Profiler = 12,
-    SuspenseComponent = 13,
-    MemoComponent = 14,
-    SimpleMemoComponent = 15,
-    LazyComponent = 16,
-    IncompleteClassComponent = 17,
-    DehydratedFragment = 18,
-    SuspenseListComponent = 19,
-    FundamentalComponent = 20,
-    ScopeComponent = 21
-}
-declare type Source = {
-    fileName: string;
-    lineNumber: number;
-};
-declare type ExpirationTime = number;
-declare type Dependencies = {
-    expirationTime: ExpirationTime;
-    firstContext: ContextDependency<any> | null;
-    responders: Map<ReactEventResponder<any, any>, ReactEventResponderInstance<any, any>> | null;
-};
-export declare type Fiber = {
-    tag: WorkTag;
-    key: null | string;
-    elementType: any;
-    type: any;
-    stateNode: any;
-    return: Fiber | null;
-    child: Fiber | null;
-    sibling: Fiber | null;
-    index: number;
-    ref: React.Ref<any>;
-    pendingProps: any;
-    memoizedProps: any;
-    memoizedState: any;
-    dependencies: Dependencies | null;
-    nextEffect: Fiber | null;
-    firstEffect: Fiber | null;
-    lastEffect: Fiber | null;
-    expirationTime: ExpirationTime;
-    childExpirationTime: ExpirationTime;
-    alternate: Fiber | null;
-    actualDuration?: number;
-    actualStartTime?: number;
-    selfBaseDuration?: number;
-    treeBaseDuration?: number;
-    _debugID?: number;
-    _debugSource?: Source | null;
-    _debugOwner?: Fiber | null;
-    _debugIsCurrentlyTiming?: boolean;
-    _debugNeedsRemount?: boolean;
-    _debugHookTypes?: HookType[] | null;
-};
-export declare function getReactFiberFromNode(elm: Node | undefined): Fiber | null;
-export {};

package/lib-commonjs/utils/getScrollParent.d.ts

@@ -1,12 +0,0 @@
-/**
- * Returns the parent node or the host of the node argument.
- * @param node - DOM node.
- * @returns - parent DOM node.
- */
-export declare const getParentNode: (node: HTMLElement) => HTMLElement;
-/**
- * Returns the first scrollable parent of the given element.
- * @param node - DOM node.
- * @returns - the first scrollable parent.
- */
-export declare const getScrollParent: (node: Document | HTMLElement | null) => HTMLElement;

package/lib-commonjs/utils/index.d.ts

@@ -1,8 +0,0 @@
-export * from './getBasePlacement';
-export * from './getBoundary';
-export * from './getReactFiberFromNode';
-export * from './getScrollParent';
-export * from './mergeArrowOffset';
-export * from './positioningHelper';
-export * from './resolvePositioningShorthand';
-export * from './useCallbackRef';

package/lib-commonjs/utils/mergeArrowOffset.d.ts

@@ -1,10 +0,0 @@
-import type { Offset } from '../types';
-/**
- * Generally when adding an arrow to popper, it's necessary to offset the position of the popper by the
- * height of the arrow. A simple utility to merge a provided offset with an arrow height to return the final offset
- *
- * @param userOffset - The offset provided by the user
- * @param arrowHeight - The height of the arrow in px
- * @returns User offset augmented with arrow height
- */
-export declare function mergeArrowOffset(userOffset: Offset | undefined | null, arrowHeight: number): Offset;

package/lib-commonjs/utils/positioningHelper.d.ts

@@ -1,7 +0,0 @@
-import * as PopperJs from '@popperjs/core';
-import type { Alignment, Offset, Position } from '../types';
-/**
- * @see positioninHelper.test.ts for expected placement values
- */
-export declare const getPlacement: (align?: Alignment | undefined, position?: Position | undefined, rtl?: boolean | undefined) => PopperJs.Placement;
-export declare const applyRtlToOffset: (offset: Offset | undefined) => Offset | undefined;

package/lib-commonjs/utils/resolvePositioningShorthand.d.ts

@@ -1,2 +0,0 @@
-import type { PositioningShorthand, PositioningProps } from '../types';
-export declare function resolvePositioningShorthand(shorthand: PositioningShorthand | undefined | null): Readonly<PositioningProps>;

package/lib-commonjs/utils/useCallbackRef.d.ts

@@ -1,19 +0,0 @@
-import * as React from 'react';
-/**
- * Creates a MutableRef with ref change callback. Is useful as React.useRef() doesn't notify you when its content
- * changes and mutating the .current property doesn't cause a re-render. An opt-out will be use a callback ref via
- * React.useState(), but it will cause re-renders always.
- *
- * https://reactjs.org/docs/hooks-reference.html#useref
- * https://github.com/theKashey/use-callback-ref#usecallbackref---to-replace-reactuseref
- *
- * @param initialValue - initial ref value
- * @param callback - a callback to run when value changes
- * @param skipInitialResolve - a flag to skip an initial ref report
- *
- * @example
- * const ref = useCallbackRef(0, (newValue, oldValue) => console.log(oldValue, '->', newValue);
- * ref.current = 1;
- * // prints 0 -> 1
- */
-export declare function useCallbackRef<T>(initialValue: T | null, callback: (newValue: T | null, lastValue: T | null) => void, skipInitialResolve?: boolean): React.MutableRefObject<T | null>;