@fluentui/react-utilities 9.0.0-nightly.f81b28ceb3.1 → 9.0.0-rc.4

package/lib-commonjs/compose/resolveShorthandProps.js

@@ -1,41 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.resolveShorthandProps = void 0;
-
-var tslib_1 = /*#__PURE__*/require("tslib");
-
-var React = /*#__PURE__*/require("react");
-/**
- * Ensures that the given slots are represented using object syntax. This ensures that
- * the object can be merged along with other objects.
- * @param props - The incoming props
- * @param shorthandPropNames - An array of prop names to apply simplification to
- */
-
-
-var resolveShorthandProps = function (props, shorthandPropNames) {
-  var newProps = props;
-
-  for (var _i = 0, shorthandPropNames_1 = shorthandPropNames; _i < shorthandPropNames_1.length; _i++) {
-    var propName = shorthandPropNames_1[_i];
-    var propValue = props[propName];
-
-    if (propValue !== undefined && (typeof propValue !== 'object' || React.isValidElement(propValue))) {
-      if (newProps === props) {
-        newProps = tslib_1.__assign({}, props); // Copy props before modifying
-      }
-
-      newProps[propName] = {
-        children: propValue
-      };
-    }
-  }
-
-  return newProps;
-};
-
-exports.resolveShorthandProps = resolveShorthandProps;
-//# sourceMappingURL=resolveShorthandProps.js.map

package/lib-commonjs/compose/resolveShorthandProps.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/compose/resolveShorthandProps.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;AAGA;;;;;AAKG;;;AACI,IAAM,qBAAqB,GAAG,UACnC,KADmC,EAEnC,kBAFmC,EAEe;AAElD,MAAI,QAAQ,GAAG,KAAf;;AAEA,OAAuB,IAAA,EAAA,GAAA,CAAA,EAAA,oBAAA,GAAA,kBAAvB,EAAuB,EAAA,GAAA,oBAAA,CAAA,MAAvB,EAAuB,EAAA,EAAvB,EAA2C;AAAtC,QAAM,QAAQ,GAAA,oBAAA,CAAA,EAAA,CAAd;AACH,QAAM,SAAS,GAAG,KAAK,CAAC,QAAD,CAAvB;;AACA,QAAI,SAAS,KAAK,SAAd,KAA4B,OAAO,SAAP,KAAqB,QAArB,IAAiC,KAAK,CAAC,cAAN,CAAqB,SAArB,CAA7D,CAAJ,EAAmG;AACjG,UAAI,QAAQ,KAAK,KAAjB,EAAwB;AACtB,QAAA,QAAQ,GAAA,OAAA,CAAA,QAAA,CAAA,EAAA,EAAQ,KAAR,CAAR,CADsB,CACG;AAC1B;;AAEA,MAAA,QAAQ,CAAC,QAAD,CAAR,GAAoD;AAAE,QAAA,QAAQ,EAAE;AAAZ,OAApD;AACF;AACF;;AAED,SAAQ,QAAR;AACD,CAlBM;;AAAM,OAAA,CAAA,qBAAA,GAAqB,qBAArB","sourceRoot":""}

package/lib-commonjs/hooks/useControllableValue.d.ts

@@ -1,20 +0,0 @@
-import * as React from 'react';
-export declare type ChangeCallback<TElement extends HTMLElement, TValue, TEvent extends React.SyntheticEvent<TElement> | undefined> = (ev: TEvent, newValue: TValue | undefined) => void;
-/**
- * Default value can be a value or an initializer
- */
-declare type DefaultValue<TValue> = TValue | (() => TValue);
-/**
- * Hook to manage a value that could be either controlled or uncontrolled, such as a checked state or
- * text box string.
- * @param controlledValue - The controlled value passed in the props. This value will always be used if provided,
- * and the internal state will be updated to reflect it.
- * @param defaultUncontrolledValue - Initial value for the internal state in the uncontrolled case.
- * @returns An array of the current value and an updater callback. Like `React.useState`, the updater
- * callback always has the same identity, and it can take either a new value, or a function which
- * is passed the previous value and returns the new value.
- * @see https://reactjs.org/docs/uncontrolled-components.html
- */
-export declare function useControllableValue<TValue, TElement extends HTMLElement>(controlledValue: TValue, defaultUncontrolledValue: DefaultValue<TValue>): Readonly<[TValue, (update: React.SetStateAction<TValue>) => void]>;
-export declare function useControllableValue<TValue, TElement extends HTMLElement, TEvent extends React.SyntheticEvent<TElement> | undefined>(controlledValue: TValue, defaultUncontrolledValue: DefaultValue<TValue>, onChange: ChangeCallback<TElement, TValue, TEvent>): Readonly<[TValue, (update: React.SetStateAction<TValue>, ev?: React.FormEvent<TElement>) => void]>;
-export {};

package/lib-commonjs/hooks/useControllableValue.js

@@ -1,73 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useControllableValue = void 0;
-
-var React = /*#__PURE__*/require("react");
-
-var useConst_1 = /*#__PURE__*/require("./useConst");
-
-function useControllableValue(controlledValue, defaultUncontrolledValue, onChange) {
-  var _a = React.useState(defaultUncontrolledValue),
-      value = _a[0],
-      setValue = _a[1];
-
-  var isControlled = useIsControlled(controlledValue);
-  var currentValue = isControlled ? controlledValue : value; // Duplicate the current value and onChange in refs so they're accessible from
-  // setValueOrCallOnChange without creating a new callback every time
-
-  var valueRef = React.useRef(currentValue);
-  var onChangeRef = React.useRef(onChange);
-  React.useEffect(function () {
-    valueRef.current = currentValue;
-    onChangeRef.current = onChange;
-  }); // To match the behavior of the setter returned by React.useState, this callback's identity
-  // should never change. This means it MUST NOT directly reference variables that can change.
-
-  var setValueOrCallOnChange = useConst_1.useConst(function () {
-    return function (update, ev) {
-      // Assuming here that TValue is not a function, because a controllable value will typically
-      // be something a user can enter as input
-      var newValue = typeof update === 'function' ? update(valueRef.current) : update;
-
-      if (onChangeRef.current) {
-        onChangeRef.current(ev, newValue);
-      }
-
-      if (!isControlled) {
-        setValue(newValue);
-      }
-    };
-  });
-  return [currentValue, setValueOrCallOnChange];
-}
-
-exports.useControllableValue = useControllableValue;
-/**
- * Helper hook to handle previous comparison of controlled/uncontrolled
- * Prints an error when isControlled value switches between subsequent renders
- */
-
-var useIsControlled = function (controlledValue) {
-  var isControlled = useConst_1.useConst(controlledValue !== undefined);
-
-  if (process.env.NODE_ENV !== 'production') {
-    // We don't want these warnings in production even though it is against native behaviour
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    React.useEffect(function () {
-      if (isControlled !== (controlledValue !== undefined)) {
-        var error = new Error();
-        var controlWarning = isControlled ? 'a controlled value to be uncontrolled' : 'an uncontrolled value to be controlled';
-        var undefinedWarning = isControlled ? 'defined to an undefined' : 'undefined to a defined'; // eslint-disable-next-line no-console
-
-        console.error([// Default react error
-        'A component is changing ' + controlWarning + '. This is likely caused by the value', 'changing from ' + undefinedWarning + ' value, which should not happen.', 'Decide between using a controlled or uncontrolled input element for the lifetime of the component.', 'More info: https://reactjs.org/link/controlled-components', error.stack].join(' '));
-      }
-    }, [isControlled, controlledValue]);
-  }
-
-  return isControlled;
-};
-//# sourceMappingURL=useControllableValue.js.map

package/lib-commonjs/hooks/useControllableValue.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/hooks/useControllableValue.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,UAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAqCA,SAAgB,oBAAhB,CAKE,eALF,EAME,wBANF,EAOE,QAPF,EAOqD;AAE7C,MAAA,EAAA,GAAoB,KAAK,CAAC,QAAN,CAAmC,wBAAnC,CAApB;AAAA,MAAC,KAAK,GAAA,EAAA,CAAA,CAAA,CAAN;AAAA,MAAQ,QAAQ,GAAA,EAAA,CAAA,CAAA,CAAhB;;AACN,MAAM,YAAY,GAAG,eAAe,CAAC,eAAD,CAApC;AACA,MAAM,YAAY,GAAG,YAAY,GAAG,eAAH,GAAqB,KAAtD,CAJmD,CAMnD;AACA;;AACA,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAN,CAAa,YAAb,CAAjB;AACA,MAAM,WAAW,GAAG,KAAK,CAAC,MAAN,CAAa,QAAb,CAApB;AACA,EAAA,KAAK,CAAC,SAAN,CAAgB,YAAA;AACd,IAAA,QAAQ,CAAC,OAAT,GAAmB,YAAnB;AACA,IAAA,WAAW,CAAC,OAAZ,GAAsB,QAAtB;AACD,GAHD,EAVmD,CAenD;AACA;;AACA,MAAM,sBAAsB,GAAG,UAAA,CAAA,QAAA,CAAS,YAAA;AAAM,WAAA,UAAC,MAAD,EAAmD,EAAnD,EAA8D;AAC1G;AACA;AACA,UAAM,QAAQ,GAAG,OAAO,MAAP,KAAkB,UAAlB,GAAgC,MAAmB,CAAC,QAAQ,CAAC,OAAV,CAAnD,GAAwE,MAAzF;;AAEA,UAAI,WAAW,CAAC,OAAhB,EAAyB;AACvB,QAAA,WAAW,CAAC,OAAZ,CAAoB,EAApB,EAAyB,QAAzB;AACD;;AAED,UAAI,CAAC,YAAL,EAAmB;AACjB,QAAA,QAAQ,CAAC,QAAD,CAAR;AACD;AAX2C,KAAA;AAY7C,GAZ8B,CAA/B;AAcA,SAAO,CAAC,YAAD,EAAe,sBAAf,CAAP;AACD;;AAvCD,OAAA,CAAA,oBAAA,GAAA,oBAAA;AAyCA;;;AAGG;;AACH,IAAM,eAAe,GAAG,UAAS,eAAT,EAAgC;AACtD,MAAM,YAAY,GAAG,UAAA,CAAA,QAAA,CAAkB,eAAe,KAAK,SAAtC,CAArB;;AAEA,MAAI,OAAO,CAAC,GAAR,CAAY,QAAZ,KAAyB,YAA7B,EAA2C;AACzC;AACA;AACA,IAAA,KAAK,CAAC,SAAN,CAAgB,YAAA;AACd,UAAI,YAAY,MAAM,eAAe,KAAK,SAA1B,CAAhB,EAAsD;AACpD,YAAM,KAAK,GAAG,IAAI,KAAJ,EAAd;AAEA,YAAM,cAAc,GAAG,YAAY,GAC/B,uCAD+B,GAE/B,wCAFJ;AAIA,YAAM,gBAAgB,GAAG,YAAY,GAAG,yBAAH,GAA+B,wBAApE,CAPoD,CASpD;;AACA,QAAA,OAAO,CAAC,KAAR,CACE,CACE;AACA,qCAA6B,cAA7B,GAA8C,sCAFhD,EAGE,mBAAmB,gBAAnB,GAAsC,kCAHxC,EAIE,oGAJF,EAKE,2DALF,EAME,KAAK,CAAC,KANR,EAOE,IAPF,CAOO,GAPP,CADF;AAUD;AACF,KAtBD,EAsBG,CAAC,YAAD,EAAe,eAAf,CAtBH;AAuBD;;AAED,SAAO,YAAP;AACD,CAhCD","sourceRoot":""}

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

@@ -1,5 +0,0 @@
-import * as React from 'react';
-/**
- * Similar to React.Children.only, but drills into fragments rather than treating them as a single child
- */
-export declare const onlyChild: <P>(child: string | number | boolean | {} | React.ReactNodeArray | React.ReactPortal | React.ReactElement<P, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null | undefined) => React.ReactElement<P, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>;

package/lib-commonjs/utils/onlyChild.js

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.onlyChild = void 0;
-
-var React = /*#__PURE__*/require("react");
-/**
- * Similar to React.Children.only, but drills into fragments rather than treating them as a single child
- */
-
-
-var onlyChild = function (child) {
-  if (!React.isValidElement(child)) {
-    throw new Error("Component's child must be a single element");
-  }
-
-  return child.type === React.Fragment ? exports.onlyChild(child.props.children) : child;
-};
-
-exports.onlyChild = onlyChild;
-//# sourceMappingURL=onlyChild.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/utils/onlyChild.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;AAEA;;AAEG;;;AACI,IAAM,SAAS,GAAG,UACvB,KADuB,EAC8F;AAErH,MAAI,CAAC,KAAK,CAAC,cAAN,CAAqB,KAArB,CAAL,EAAkC;AAChC,UAAM,IAAI,KAAJ,CAAU,4CAAV,CAAN;AACD;;AAED,SAAO,KAAK,CAAC,IAAN,KAAe,KAAK,CAAC,QAArB,GAAgC,OAAA,CAAA,SAAA,CAAU,KAAK,CAAC,KAAN,CAAY,QAAtB,CAAhC,GAAkE,KAAzE;AACD,CARM;;AAAM,OAAA,CAAA,SAAA,GAAS,SAAT","sourceRoot":""}