@fluentui/react-positioning 9.0.0-alpha.9 → 9.0.0-beta.4

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

@@ -1,6 +0,0 @@
-export * from './isBrowser';
-export * from './positioningHelper';
-export * from './getBoundary';
-export * from './getScrollParent';
-export * from './getReactFiberFromNode';
-export * from './useCallbackRef';

package/lib-amd/utils/index.js

@@ -1,11 +0,0 @@
-define(["require", "exports", "tslib", "./isBrowser", "./positioningHelper", "./getBoundary", "./getScrollParent", "./getReactFiberFromNode", "./useCallbackRef"], function (require, exports, tslib_1, isBrowser_1, positioningHelper_1, getBoundary_1, getScrollParent_1, getReactFiberFromNode_1, useCallbackRef_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(isBrowser_1, exports);
-    tslib_1.__exportStar(positioningHelper_1, exports);
-    tslib_1.__exportStar(getBoundary_1, exports);
-    tslib_1.__exportStar(getScrollParent_1, exports);
-    tslib_1.__exportStar(getReactFiberFromNode_1, exports);
-    tslib_1.__exportStar(useCallbackRef_1, exports);
-});
-//# sourceMappingURL=index.js.map

package/lib-amd/utils/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["utils/index.ts"],"names":[],"mappings":";;;IAAA,2CAA4B;IAC5B,mDAAoC;IACpC,6CAA8B;IAC9B,iDAAkC;IAClC,uDAAwC;IACxC,gDAAiC","sourcesContent":["export * from './isBrowser';\nexport * from './positioningHelper';\nexport * from './getBoundary';\nexport * from './getScrollParent';\nexport * from './getReactFiberFromNode';\nexport * from './useCallbackRef';\n"]}

package/lib-amd/utils/isBrowser.d.ts

@@ -1 +0,0 @@
-export declare const isBrowser: () => boolean;

package/lib-amd/utils/isBrowser.js

@@ -1,8 +0,0 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    var hasDocument = typeof document === 'object' && document !== null;
-    var hasWindow = typeof window === 'object' && window !== null && window.self === window;
-    exports.isBrowser = function () { return hasDocument && hasWindow; };
-});
-//# sourceMappingURL=isBrowser.js.map

package/lib-amd/utils/isBrowser.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"isBrowser.js","sourceRoot":"../src/","sources":["utils/isBrowser.tsx"],"names":[],"mappings":";;;IAAA,IAAM,WAAW,GAAG,OAAO,QAAQ,KAAK,QAAQ,IAAI,QAAQ,KAAK,IAAI,CAAC;IACtE,IAAM,SAAS,GAAG,OAAO,MAAM,KAAK,QAAQ,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,CAAC,IAAI,KAAK,MAAM,CAAC;IAE7E,QAAA,SAAS,GAAG,cAAM,OAAA,WAAW,IAAI,SAAS,EAAxB,CAAwB,CAAC","sourcesContent":["const hasDocument = typeof document === 'object' && document !== null;\nconst hasWindow = typeof window === 'object' && window !== null && window.self === window;\n\nexport const isBrowser = () => hasDocument && hasWindow;\n"]}

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

@@ -1,7 +0,0 @@
-import * as PopperJs from '@popperjs/core';
-import { OffsetFunction } from '../types';
-/**
- * @see positioninHelper.test.ts for expected placement values
- */
-export declare const getPlacement: (align?: "top" | "bottom" | "start" | "end" | "center" | undefined, position?: "above" | "below" | "before" | "after" | undefined, rtl?: boolean | undefined) => PopperJs.Placement;
-export declare const applyRtlToOffset: (offset: OffsetFunction | [number | null | undefined, number | null | undefined] | undefined) => OffsetFunction | [number | null | undefined, number | null | undefined] | undefined;

package/lib-amd/utils/positioningHelper.js

@@ -1,45 +0,0 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    var getPositionMap = function (rtl) { return ({
-        above: 'top',
-        below: 'bottom',
-        before: rtl ? 'right' : 'left',
-        after: rtl ? 'left' : 'right',
-    }); };
-    var getAlignmentMap = function (rtl) { return ({
-        start: rtl ? 'end' : 'start',
-        end: rtl ? 'start' : 'end',
-        top: 'start',
-        bottom: 'end',
-        center: '',
-    }); };
-    var shouldAlignToCenter = function (p, a) {
-        var positionedVertically = p === 'above' || p === 'below';
-        var alignedVertically = a === 'top' || a === 'bottom';
-        return (positionedVertically && alignedVertically) || (!positionedVertically && !alignedVertically);
-    };
-    /**
-     * @see positioninHelper.test.ts for expected placement values
-     */
-    exports.getPlacement = function (align, position, rtl) {
-        var alignment = shouldAlignToCenter(position, align) ? 'center' : align;
-        var computedPosition = position && getPositionMap(rtl)[position];
-        var computedAlignmnent = alignment && getAlignmentMap(rtl)[alignment];
-        if (computedPosition && computedAlignmnent) {
-            return computedPosition + "-" + computedAlignmnent;
-        }
-        return computedPosition || 'auto';
-    };
-    exports.applyRtlToOffset = function (offset) {
-        if (typeof offset === 'undefined') {
-            return undefined;
-        }
-        if (Array.isArray(offset)) {
-            offset[0] = offset[0] * -1;
-            return offset;
-        }
-        return (function (param) { return exports.applyRtlToOffset(offset(param)); });
-    };
-});
-//# sourceMappingURL=positioningHelper.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"positioningHelper.js","sourceRoot":"../src/","sources":["utils/positioningHelper.ts"],"names":[],"mappings":";;;IAMA,IAAM,cAAc,GAAG,UAAC,GAAa,IAA0C,OAAA,CAAC;QAC9E,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,QAAQ;QACf,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;QAC9B,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;KAC9B,CAAC,EAL6E,CAK7E,CAAC;IAEH,IAAM,eAAe,GAAG,UAAC,GAAa,IAAwC,OAAA,CAAC;QAC7E,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO;QAC5B,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK;QAC1B,GAAG,EAAE,OAAO;QACZ,MAAM,EAAE,KAAK;QACb,MAAM,EAAE,EAAE;KACX,CAAC,EAN4E,CAM5E,CAAC;IAEH,IAAM,mBAAmB,GAAG,UAAC,CAAY,EAAE,CAAa;QACtD,IAAM,oBAAoB,GAAG,CAAC,KAAK,OAAO,IAAI,CAAC,KAAK,OAAO,CAAC;QAC5D,IAAM,iBAAiB,GAAG,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,QAAQ,CAAC;QAExD,OAAO,CAAC,oBAAoB,IAAI,iBAAiB,CAAC,IAAI,CAAC,CAAC,oBAAoB,IAAI,CAAC,iBAAiB,CAAC,CAAC;IACtG,CAAC,CAAC;IAEF;;OAEG;IACU,QAAA,YAAY,GAAG,UAAC,KAAiB,EAAE,QAAmB,EAAE,GAAa;QAChF,IAAM,SAAS,GAAG,mBAAmB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;QAE1E,IAAM,gBAAgB,GAAG,QAAQ,IAAI,cAAc,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC;QACnE,IAAM,kBAAkB,GAAG,SAAS,IAAI,eAAe,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC;QAExE,IAAI,gBAAgB,IAAI,kBAAkB,EAAE;YAC1C,OAAU,gBAAgB,SAAI,kBAA0C,CAAC;SAC1E;QAED,OAAO,gBAAgB,IAAK,MAA6B,CAAC;IAC5D,CAAC,CAAC;IAEW,QAAA,gBAAgB,GAAG,UAAC,MAA0B;QACzD,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YACjC,OAAO,SAAS,CAAC;SAClB;QAED,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YACzB,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAE,GAAG,CAAC,CAAC,CAAC;YAE5B,OAAO,MAAM,CAAC;SACf;QAED,OAAO,CAAC,UAAC,KAA0B,IAAK,OAAA,wBAAgB,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAA/B,CAA+B,CAAmB,CAAC;IAC7F,CAAC,CAAC","sourcesContent":["import * as PopperJs from '@popperjs/core';\nimport { 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"]}

package/lib-amd/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-amd/utils/useCallbackRef.js

@@ -1,54 +0,0 @@
-define(["require", "exports", "react", "@fluentui/react-utilities"], function (require, exports, React, react_utilities_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    /**
-     * 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
-     */
-    function useCallbackRef(initialValue, callback, skipInitialResolve) {
-        var isFirst = React.useRef(true);
-        var ref = React.useState(function () { return ({
-            // value
-            value: initialValue,
-            // last callback
-            callback: callback,
-            // "memoized" public interface
-            facade: {
-                get current() {
-                    return ref.value;
-                },
-                set current(value) {
-                    var last = ref.value;
-                    if (last !== value) {
-                        ref.value = value;
-                        if (skipInitialResolve && isFirst.current) {
-                            return;
-                        }
-                        ref.callback(value, last);
-                    }
-                },
-            },
-        }); })[0];
-        react_utilities_1.useIsomorphicLayoutEffect(function () {
-            isFirst.current = false;
-        }, []);
-        // update callback
-        ref.callback = callback;
-        return ref.facade;
-    }
-    exports.useCallbackRef = useCallbackRef;
-});
-//# sourceMappingURL=useCallbackRef.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useCallbackRef.js","sourceRoot":"../src/","sources":["utils/useCallbackRef.ts"],"names":[],"mappings":";;;IAGA;;;;;;;;;;;;;;;;OAgBG;IACH,SAAgB,cAAc,CAC5B,YAAsB,EACtB,QAA2D,EAC3D,kBAA4B;QAE5B,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QAC5B,IAAA;;;;;;;;;;;;;;;;;;;;;iBAAG,CAwBN;QAEJ,2CAAyB,CAAC;YACxB,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;QAC1B,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,kBAAkB;QAClB,GAAG,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAExB,OAAO,GAAG,CAAC,MAAM,CAAC;IACpB,CAAC;IAxCD,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"]}

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

@@ -1 +0,0 @@
-export declare const isBrowser: () => boolean;

package/lib-commonjs/utils/isBrowser.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var hasDocument = typeof document === 'object' && document !== null;
-var hasWindow = typeof window === 'object' && window !== null && window.self === window;
-exports.isBrowser = function () { return hasDocument && hasWindow; };
-//# sourceMappingURL=isBrowser.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"isBrowser.js","sourceRoot":"../src/","sources":["utils/isBrowser.tsx"],"names":[],"mappings":";;AAAA,IAAM,WAAW,GAAG,OAAO,QAAQ,KAAK,QAAQ,IAAI,QAAQ,KAAK,IAAI,CAAC;AACtE,IAAM,SAAS,GAAG,OAAO,MAAM,KAAK,QAAQ,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,CAAC,IAAI,KAAK,MAAM,CAAC;AAE7E,QAAA,SAAS,GAAG,cAAM,OAAA,WAAW,IAAI,SAAS,EAAxB,CAAwB,CAAC","sourcesContent":["const hasDocument = typeof document === 'object' && document !== null;\nconst hasWindow = typeof window === 'object' && window !== null && window.self === window;\n\nexport const isBrowser = () => hasDocument && hasWindow;\n"]}