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

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

@@ -1,31 +0,0 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.resolvePositioningShorthand = void 0;
-    // Look up table for shorthand to avoid parsing strings
-    var shorthandLookup = {
-        above: { position: 'above', align: 'center' },
-        'above-start': { position: 'above', align: 'start' },
-        'above-end': { position: 'above', align: 'end' },
-        below: { position: 'below', align: 'center' },
-        'below-start': { position: 'below', align: 'start' },
-        'below-end': { position: 'below', align: 'end' },
-        before: { position: 'before', align: 'center' },
-        'before-top': { position: 'before', align: 'top' },
-        'before-bottom': { position: 'before', align: 'bottom' },
-        after: { position: 'after', align: 'center' },
-        'after-top': { position: 'after', align: 'top' },
-        'after-bottom': { position: 'after', align: 'bottom' },
-    };
-    function resolvePositioningShorthand(shorthand) {
-        if (shorthand === undefined || shorthand === null) {
-            return {};
-        }
-        if (typeof shorthand === 'string') {
-            return shorthandLookup[shorthand];
-        }
-        return shorthand;
-    }
-    exports.resolvePositioningShorthand = resolvePositioningShorthand;
-});
-//# sourceMappingURL=resolvePositioningShorthand.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"resolvePositioningShorthand.js","sourceRoot":"../src/","sources":["utils/resolvePositioningShorthand.ts"],"names":[],"mappings":";;;;IAEA,uDAAuD;IACvD,IAAM,eAAe,GAAoF;QACvG,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE;QAC7C,aAAa,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;QACpD,WAAW,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE;QAChD,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE;QAC7C,aAAa,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;QACpD,WAAW,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE;QAChD,MAAM,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;QAC/C,YAAY,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE;QAClD,eAAe,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;QACxD,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE;QAC7C,WAAW,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE;QAChD,cAAc,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE;KACvD,CAAC;IAEF,SAAgB,2BAA2B,CACzC,SAAkD;QAElD,IAAI,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,IAAI,EAAE;YACjD,OAAO,EAAE,CAAC;SACX;QAED,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;YACjC,OAAO,eAAe,CAAC,SAAS,CAAC,CAAC;SACnC;QAED,OAAO,SAAuC,CAAC;IACjD,CAAC;IAZD,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"]}

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,55 +0,0 @@
-define(["require", "exports", "react", "@fluentui/react-utilities"], function (require, exports, React, react_utilities_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useCallbackRef = void 0;
-    /**
-     * 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,GAAG,GAAI,KAAK,CAAC,QAAQ,CAAC,cAAM,OAAA,CAAC;YAClC,QAAQ;YACR,KAAK,EAAE,YAAY;YACnB,gBAAgB;YAChB,QAAQ,UAAA;YACR,8BAA8B;YAC9B,MAAM,EAAE;gBACN,IAAI,OAAO;oBACT,OAAO,GAAG,CAAC,KAAK,CAAC;gBACnB,CAAC;gBACD,IAAI,OAAO,CAAC,KAAK;oBACf,IAAM,IAAI,GAAG,GAAG,CAAC,KAAK,CAAC;oBAEvB,IAAI,IAAI,KAAK,KAAK,EAAE;wBAClB,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC;wBAElB,IAAI,kBAAkB,IAAI,OAAO,CAAC,OAAO,EAAE;4BACzC,OAAO;yBACR;wBAED,GAAG,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;qBAC3B;gBACH,CAAC;aACF;SACF,CAAC,EAxBiC,CAwBjC,CAAC,GAxBO,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"]}