@fluentui/react-utilities - npm Package Compare versions

Comparing version 9.0.0-alpha.37 to 9.0.0-alpha.38

CHANGELOG.json

@@ -5,6 +5,36 @@ {
     {
-      "date": "Tue, 03 Aug 2021 07:34:14 GMT",
+      "date": "Fri, 06 Aug 2021 07:32:58 GMT",
+      "tag": "@fluentui/react-utilities_v9.0.0-alpha.38",
+      "version": "9.0.0-alpha.38",
+      "comments": {
+        "prerelease": [
+          {
+            "comment": "Deletes descendants API",
+            "author": "[e-mail]",
+            "commit": "9ac8b044a6a524d6ce55f3f801ce0189a8087e85",
+            "package": "@fluentui/react-utilities"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 04 Aug 2021 07:34:12 GMT",
       "tag": "@fluentui/react-utilities_v9.0.0-alpha.37",
       "version": "9.0.0-alpha.37",
       "comments": {
+        "none": [
+          {
+            "comment": "Fixing various typos in the react-utilities package.",
+            "author": "[e-mail]",
+            "commit": "109e85b19d8ee37a9c31ddf8e2083471bab64526",
+            "package": "@fluentui/react-utilities"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 03 Aug 2021 07:39:30 GMT",
+      "tag": "@fluentui/react-utilities_v9.0.0-alpha.37",
+      "version": "9.0.0-alpha.37",
+      "comments": {
         "prerelease": [
@@ -11,0 +41,0 @@ {

CHANGELOG.md

 # Change Log - @fluentui/react-utilities
 
-This log was last generated on Tue, 03 Aug 2021 07:34:14 GMT and should not be manually modified.
+This log was last generated on Fri, 06 Aug 2021 07:32:58 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.0-alpha.38](https://github.com/microsoft/fluentui/tree/@fluentui/react-utilities_v9.0.0-alpha.38)
+
+Fri, 06 Aug 2021 07:32:58 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-utilities_v9.0.0-alpha.37..@fluentui/react-utilities_v9.0.0-alpha.38)
+
+### Changes
+
+- Deletes descendants API ([PR #19189](https://github.com/microsoft/fluentui/pull/19189) by [e-mail])
+
 ## [9.0.0-alpha.37](https://github.com/microsoft/fluentui/tree/@fluentui/react-utilities_v9.0.0-alpha.37)
 
-Tue, 03 Aug 2021 07:34:14 GMT 
+Tue, 03 Aug 2021 07:39:30 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-utilities_v9.0.0-alpha.36..@fluentui/react-utilities_v9.0.0-alpha.37)
@@ -11,0 +20,0 @@

dist/react-utilities.d.ts

@@ -0,1 +1,2 @@
+import { DispatchWithoutAction } from 'react';
 import * as React_2 from 'react';
@@ -82,6 +83,2 @@
 
-export declare function createDescendantContext<DescendantType extends Descendant>(name: string, initialValue?: {}): React_2.Context<DescendantContextValue<DescendantType>>;
-
-export declare function createNamedContext<ContextValueType>(name: string, defaultValue: ContextValueType): React_2.Context<ContextValueType>;
-
 export declare interface DefaultComponentProps {
@@ -103,20 +100,2 @@ as?: keyof JSX.IntrinsicElements;
 
-export declare type Descendant<ElementType = HTMLElement> = {
-    element: SomeElement<ElementType> | null;
-    index: number;
-};
-
-export declare interface DescendantContextValue<DescendantType extends Descendant> {
-    descendants: DescendantType[];
-    registerDescendant(descendant: DescendantType): void;
-    unregisterDescendant(element: DescendantType['element']): void;
-}
-
-export declare const DescendantProvider: <DescendantType extends Descendant<HTMLElement>>({ context: Ctx, children, items, set, }: {
-    context: React_2.Context<DescendantContextValue<DescendantType>>;
-    children: React_2.ReactNode;
-    items: DescendantType[];
-    set: React_2.Dispatch<React_2.SetStateAction<DescendantType[]>>;
-}) => JSX.Element;
-
 /**
@@ -411,4 +390,2 @@ * An array of DIV tag properties and events.
 
-declare type SomeElement<T> = T extends Element ? T : HTMLElement;
-
 export declare const SSRContext: React_2.Context<SSRContextValue>;
@@ -508,3 +485,3 @@
  * A useState 'like' hook that allows optional user control
- * Useful for components which allow uncontrolled and controlled behaviours for users
+ * Useful for components which allow uncontrolled and controlled behaviour for users
  * @returns - https://reactjs.org/docs/hooks-state.html
@@ -545,60 +522,10 @@ */
 /**
- * This hook registers our descendant by passing it into an array. We can then
- * search that array by to find its index when registering it in the component.
- * We use this for focus management, keyboard navigation, and typeahead
- * functionality for some components.
- *
- * The hook accepts the element node and (optionally) a key. The key is useful
- * if multiple descendants have identical text values and we need to
- * differentiate siblings for some reason.
- *
- * Our main goals with this are:
- *   1) maximum composability,
- *   2) minimal API friction
- *   3) SSR compatibility*
- *   4) concurrent safe
- *   5) index always up-to-date with the tree despite changes
- *   6) works with memoization of any component in the tree (hopefully)
- *
- * * As for SSR, the good news is that we don't actually need the index on the
- * server for most use-cases, as we are only using it to determine the order of
- * composed descendants for keyboard navigation. However, in the few cases where
- * this is not the case, we can require an explicit index from the app.
- */
-export declare function useDescendant<DescendantType extends Descendant>(descendant: Omit<DescendantType, 'index'>, context: React_2.Context<DescendantContextValue<DescendantType>>, indexProp?: number): number;
-
-/**
- * Testing this as an abstraction for compound components that use keyboard
- * navigation. Hoping this will help us prevent bugs and mismatched behavior
- * across various components, but it may also prove to be too messy of an
- * abstraction in the end.
- *
- * Currently used in:
- *   - Tabs
- *   - Accordion
- *
- */
-export declare function useDescendantKeyDown<DescendantType extends Descendant, K extends keyof DescendantType = keyof DescendantType>(context: React_2.Context<DescendantContextValue<DescendantType>>, options: {
-    currentIndex: number | null | undefined;
-    key?: K | 'option';
-    filter?: (descendant: DescendantType) => boolean;
-    orientation?: 'vertical' | 'horizontal' | 'both';
-    rotate?: boolean;
-    rtl?: boolean;
-    callback(nextOption: DescendantType | DescendantType[K]): void;
-}): (event: React_2.KeyboardEvent) => void;
-
-export declare function useDescendants<DescendantType extends Descendant>(ctx: React_2.Context<DescendantContextValue<DescendantType>>): DescendantType[];
-
-export declare function useDescendantsInit<DescendantType extends Descendant>(): [DescendantType[], React_2.Dispatch<React_2.SetStateAction<DescendantType[]>>];
-
-/**
  * https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback
  *
  * Modified `useCallback` that can be used when dependencies change too frequently. Can occur when
- * e.g. user props are depedencies which could change on every render
+ * e.g. user props are dependencies which could change on every render
  * e.g. volatile values (i.e. useState/useDispatch) are dependencies which could change frequently
  *
  * This should not be used often, but can be a useful re-render optimization since the callback is a ref and
- * will not be invalidated between rerenders
+ * will not be invalidated between re-renders
  *
@@ -624,3 +551,3 @@ * @param fn - The callback function that will be used
  */
-export declare function useForceUpdate(): () => void;
+export declare function useForceUpdate(): DispatchWithoutAction;
 
@@ -695,3 +622,3 @@ /**
 /**
- * Utility to perform checks where a click/touch event was made outside a compoent
+ * Utility to perform checks where a click/touch event was made outside a component
  */
@@ -701,3 +628,3 @@ export declare const useOnClickOutside: (options: UseOnClickOrScrollOutsideOptions) => void;
 /**
- * Utility to perform checks where a click/touch event was made outside a compoent
+ * Utility to perform checks where a click/touch event was made outside a component
  */
@@ -704,0 +631,0 @@ export declare const useOnScrollOutside: (options: UseOnClickOrScrollOutsideOptions) => void;

etc/react-utilities.api.md

@@ -7,2 +7,3 @@ ## API Report File for "@fluentui/react-utilities"
 
+import { DispatchWithoutAction } from 'react';
 import * as React_2 from 'react';
@@ -71,8 +72,2 @@
 // @public (undocumented)
-export function createDescendantContext<DescendantType extends Descendant>(name: string, initialValue?: {}): React_2.Context<DescendantContextValue<DescendantType>>;
-
-// @public (undocumented)
-export function createNamedContext<ContextValueType>(name: string, defaultValue: ContextValueType): React_2.Context<ContextValueType>;
-
-// @public (undocumented)
 export interface DefaultComponentProps {
@@ -88,26 +83,2 @@ // (undocumented)
 
-// @public (undocumented)
-export type Descendant<ElementType = HTMLElement> = {
-    element: SomeElement<ElementType> | null;
-    index: number;
-};
-
-// @public (undocumented)
-export interface DescendantContextValue<DescendantType extends Descendant> {
-    // (undocumented)
-    descendants: DescendantType[];
-    // (undocumented)
-    registerDescendant(descendant: DescendantType): void;
-    // (undocumented)
-    unregisterDescendant(element: DescendantType['element']): void;
-}
-
-// @public (undocumented)
-export const DescendantProvider: <DescendantType extends Descendant<HTMLElement>>({ context: Ctx, children, items, set, }: {
-    context: React_2.Context<DescendantContextValue<DescendantType>>;
-    children: React_2.ReactNode;
-    items: DescendantType[];
-    set: React_2.Dispatch<React_2.SetStateAction<DescendantType[]>>;
-}) => JSX.Element;
-
 // @public
@@ -327,22 +298,2 @@ export const divProperties: Record<string, number>;
 // @public
-export function useDescendant<DescendantType extends Descendant>(descendant: Omit<DescendantType, 'index'>, context: React_2.Context<DescendantContextValue<DescendantType>>, indexProp?: number): number;
-
-// @public
-export function useDescendantKeyDown<DescendantType extends Descendant, K extends keyof DescendantType = keyof DescendantType>(context: React_2.Context<DescendantContextValue<DescendantType>>, options: {
-    currentIndex: number | null | undefined;
-    key?: K | 'option';
-    filter?: (descendant: DescendantType) => boolean;
-    orientation?: 'vertical' | 'horizontal' | 'both';
-    rotate?: boolean;
-    rtl?: boolean;
-    callback(nextOption: DescendantType | DescendantType[K]): void;
-}): (event: React_2.KeyboardEvent) => void;
-
-// @public (undocumented)
-export function useDescendants<DescendantType extends Descendant>(ctx: React_2.Context<DescendantContextValue<DescendantType>>): DescendantType[];
-
-// @public (undocumented)
-export function useDescendantsInit<DescendantType extends Descendant>(): [DescendantType[], React_2.Dispatch<React_2.SetStateAction<DescendantType[]>>];
-
-// @public
 export const useEventCallback: <Args extends unknown[], Return>(fn: (...args: Args) => Return) => (...args: Args) => Return;
@@ -354,3 +305,3 @@
 // @public
-export function useForceUpdate(): () => void;
+export function useForceUpdate(): DispatchWithoutAction;
 
@@ -407,3 +358,2 @@ // @public
 // lib/compose/getSlots.d.ts:27:5 - (ae-forgotten-export) The symbol "UnionToIntersection" needs to be exported by the entry point index.d.ts
-// lib/descendants/descendants.d.ts:64:5 - (ae-forgotten-export) The symbol "SomeElement" needs to be exported by the entry point index.d.ts
 
@@ -410,0 +360,0 @@ // (No @packageDocumentation comment for this package)

lib-amd/compose/makeMergeProps.js

@@ -6,3 +6,3 @@ define(["require", "exports", "tslib", "react"], function (require, exports, tslib_1, React) {
     /**
-     * Concatination helper, which can merge class names together. Skips over falsey values.
+     * Concatenation helper, which can merge class names together. Skips over falsey values.
      *
@@ -9,0 +9,0 @@ * @public

lib-amd/hooks/index.d.ts

@@ -16,1 +16,2 @@ export * from './useControllableState';
 export * from './useUnmount';
+export * from './useForceUpdate';

lib-amd/hooks/index.js

@@ -1,2 +0,2 @@
-define(["require", "exports", "tslib", "./useControllableState", "./useBoolean", "./useConst", "./useControllableValue", "./useEventCallback", "./useFirstMount", "./useId", "./useIsomorphicLayoutEffect", "./useMergedRefs", "./useMount", "./useOnClickOutside", "./useOnScrollOutside", "./usePrevious", "./useTimeout", "./useUnmount"], function (require, exports, tslib_1, useControllableState_1, useBoolean_1, useConst_1, useControllableValue_1, useEventCallback_1, useFirstMount_1, useId_1, useIsomorphicLayoutEffect_1, useMergedRefs_1, useMount_1, useOnClickOutside_1, useOnScrollOutside_1, usePrevious_1, useTimeout_1, useUnmount_1) {
+define(["require", "exports", "tslib", "./useControllableState", "./useBoolean", "./useConst", "./useControllableValue", "./useEventCallback", "./useFirstMount", "./useId", "./useIsomorphicLayoutEffect", "./useMergedRefs", "./useMount", "./useOnClickOutside", "./useOnScrollOutside", "./usePrevious", "./useTimeout", "./useUnmount", "./useForceUpdate"], function (require, exports, tslib_1, useControllableState_1, useBoolean_1, useConst_1, useControllableValue_1, useEventCallback_1, useFirstMount_1, useId_1, useIsomorphicLayoutEffect_1, useMergedRefs_1, useMount_1, useOnClickOutside_1, useOnScrollOutside_1, usePrevious_1, useTimeout_1, useUnmount_1, useForceUpdate_1) {
     "use strict";
@@ -19,3 +19,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
     tslib_1.__exportStar(useUnmount_1, exports);
+    tslib_1.__exportStar(useForceUpdate_1, exports);
 });
 //# sourceMappingURL=index.js.map

lib-amd/hooks/useControllableState.d.ts

@@ -18,5 +18,5 @@ import * as React from 'react';
  * A useState 'like' hook that allows optional user control
- * Useful for components which allow uncontrolled and controlled behaviours for users
+ * Useful for components which allow uncontrolled and controlled behaviour for users
  * @returns - https://reactjs.org/docs/hooks-state.html
  */
 export declare const useControllableState: <State>(options: UseControllableStateOptions<State>) => [State, React.Dispatch<React.SetStateAction<State>>];

lib-amd/hooks/useControllableState.js

@@ -13,3 +13,3 @@ define(["require", "exports", "react", "./useConst"], function (require, exports, React, useConst_1) {
      * A useState 'like' hook that allows optional user control
-     * Useful for components which allow uncontrolled and controlled behaviours for users
+     * Useful for components which allow uncontrolled and controlled behaviour for users
      * @returns - https://reactjs.org/docs/hooks-state.html
@@ -16,0 +16,0 @@ */

lib-amd/hooks/useEventCallback.d.ts

@@ -5,7 +5,7 @@ /**
  * Modified `useCallback` that can be used when dependencies change too frequently. Can occur when
- * e.g. user props are depedencies which could change on every render
+ * e.g. user props are dependencies which could change on every render
  * e.g. volatile values (i.e. useState/useDispatch) are dependencies which could change frequently
  *
  * This should not be used often, but can be a useful re-render optimization since the callback is a ref and
- * will not be invalidated between rerenders
+ * will not be invalidated between re-renders
  *
@@ -12,0 +12,0 @@ * @param fn - The callback function that will be used

lib-amd/hooks/useEventCallback.js

@@ -9,7 +9,7 @@ define(["require", "exports", "react", "./useIsomorphicLayoutEffect"], function (require, exports, React, useIsomorphicLayoutEffect_1) {
      * Modified `useCallback` that can be used when dependencies change too frequently. Can occur when
-     * e.g. user props are depedencies which could change on every render
+     * e.g. user props are dependencies which could change on every render
      * e.g. volatile values (i.e. useState/useDispatch) are dependencies which could change frequently
      *
      * This should not be used often, but can be a useful re-render optimization since the callback is a ref and
-     * will not be invalidated between rerenders
+     * will not be invalidated between re-renders
      *
@@ -16,0 +16,0 @@ * @param fn - The callback function that will be used

lib-amd/hooks/useOnClickOutside.d.ts

@@ -27,4 +27,4 @@ import * as React from 'react';
 /**
- * Utility to perform checks where a click/touch event was made outside a compoent
+ * Utility to perform checks where a click/touch event was made outside a component
  */
 export declare const useOnClickOutside: (options: UseOnClickOrScrollOutsideOptions) => void;

lib-amd/hooks/useOnClickOutside.js

@@ -6,3 +6,3 @@ define(["require", "exports", "react", "./useEventCallback"], function (require, exports, React, useEventCallback_1) {
     /**
-     * Utility to perform checks where a click/touch event was made outside a compoent
+     * Utility to perform checks where a click/touch event was made outside a component
      */
@@ -9,0 +9,0 @@ var useOnClickOutside = function (options) {

lib-amd/hooks/useOnScrollOutside.d.ts

 import { UseOnClickOrScrollOutsideOptions } from './useOnClickOutside';
 /**
- * Utility to perform checks where a click/touch event was made outside a compoent
+ * Utility to perform checks where a click/touch event was made outside a component
  */
 export declare const useOnScrollOutside: (options: UseOnClickOrScrollOutsideOptions) => void;

lib-amd/hooks/useOnScrollOutside.js

@@ -6,3 +6,3 @@ define(["require", "exports", "react", "./useEventCallback"], function (require, exports, React, useEventCallback_1) {
     /**
-     * Utility to perform checks where a click/touch event was made outside a compoent
+     * Utility to perform checks where a click/touch event was made outside a component
      */
@@ -9,0 +9,0 @@ var useOnScrollOutside = function (options) {

lib-amd/index.d.ts

 export * from './compose/index';
-export * from './descendants/index';
 export * from './hooks/index';
 export * from './ssr/index';
 export * from './utils/index';

lib-amd/index.js

@@ -1,2 +0,2 @@
-define(["require", "exports", "tslib", "./compose/index", "./descendants/index", "./hooks/index", "./ssr/index", "./utils/index"], function (require, exports, tslib_1, index_1, index_2, index_3, index_4, index_5) {
+define(["require", "exports", "tslib", "./compose/index", "./hooks/index", "./ssr/index", "./utils/index"], function (require, exports, tslib_1, index_1, index_2, index_3, index_4) {
     "use strict";
@@ -8,4 +8,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
     tslib_1.__exportStar(index_4, exports);
-    tslib_1.__exportStar(index_5, exports);
 });
 //# sourceMappingURL=index.js.map

lib-commonjs/compose/makeMergeProps.js

@@ -12,3 +12,3 @@ "use strict";
 /**
- * Concatination helper, which can merge class names together. Skips over falsey values.
+ * Concatenation helper, which can merge class names together. Skips over falsey values.
  *
@@ -15,0 +15,0 @@ * @public

lib-commonjs/hooks/index.d.ts

@@ -16,1 +16,2 @@ export * from './useControllableState';
 export * from './useUnmount';
+export * from './useForceUpdate';

lib-commonjs/hooks/index.js

@@ -38,2 +38,4 @@ "use strict";
 tslib_1.__exportStar(require("./useUnmount"), exports);
+
+tslib_1.__exportStar(require("./useForceUpdate"), exports);
 //# sourceMappingURL=index.js.map

lib-commonjs/hooks/useControllableState.d.ts

@@ -18,5 +18,5 @@ import * as React from 'react';
  * A useState 'like' hook that allows optional user control
- * Useful for components which allow uncontrolled and controlled behaviours for users
+ * Useful for components which allow uncontrolled and controlled behaviour for users
  * @returns - https://reactjs.org/docs/hooks-state.html
  */
 export declare const useControllableState: <State>(options: UseControllableStateOptions<State>) => [State, React.Dispatch<React.SetStateAction<State>>];

lib-commonjs/hooks/useControllableState.js

@@ -21,3 +21,3 @@ "use strict";
  * A useState 'like' hook that allows optional user control
- * Useful for components which allow uncontrolled and controlled behaviours for users
+ * Useful for components which allow uncontrolled and controlled behaviour for users
  * @returns - https://reactjs.org/docs/hooks-state.html
@@ -24,0 +24,0 @@ */

lib-commonjs/hooks/useEventCallback.d.ts

@@ -5,7 +5,7 @@ /**
  * Modified `useCallback` that can be used when dependencies change too frequently. Can occur when
- * e.g. user props are depedencies which could change on every render
+ * e.g. user props are dependencies which could change on every render
  * e.g. volatile values (i.e. useState/useDispatch) are dependencies which could change frequently
  *
  * This should not be used often, but can be a useful re-render optimization since the callback is a ref and
- * will not be invalidated between rerenders
+ * will not be invalidated between re-renders
  *
@@ -12,0 +12,0 @@ * @param fn - The callback function that will be used

lib-commonjs/hooks/useEventCallback.js

@@ -15,7 +15,7 @@ "use strict";
  * Modified `useCallback` that can be used when dependencies change too frequently. Can occur when
- * e.g. user props are depedencies which could change on every render
+ * e.g. user props are dependencies which could change on every render
  * e.g. volatile values (i.e. useState/useDispatch) are dependencies which could change frequently
  *
  * This should not be used often, but can be a useful re-render optimization since the callback is a ref and
- * will not be invalidated between rerenders
+ * will not be invalidated between re-renders
  *
@@ -22,0 +22,0 @@ * @param fn - The callback function that will be used

lib-commonjs/hooks/useOnClickOutside.d.ts

@@ -27,4 +27,4 @@ import * as React from 'react';
 /**
- * Utility to perform checks where a click/touch event was made outside a compoent
+ * Utility to perform checks where a click/touch event was made outside a component
  */
 export declare const useOnClickOutside: (options: UseOnClickOrScrollOutsideOptions) => void;

lib-commonjs/hooks/useOnClickOutside.js

@@ -12,3 +12,3 @@ "use strict";
 /**
- * Utility to perform checks where a click/touch event was made outside a compoent
+ * Utility to perform checks where a click/touch event was made outside a component
  */
@@ -15,0 +15,0 @@

lib-commonjs/hooks/useOnScrollOutside.d.ts

 import { UseOnClickOrScrollOutsideOptions } from './useOnClickOutside';
 /**
- * Utility to perform checks where a click/touch event was made outside a compoent
+ * Utility to perform checks where a click/touch event was made outside a component
  */
 export declare const useOnScrollOutside: (options: UseOnClickOrScrollOutsideOptions) => void;

lib-commonjs/hooks/useOnScrollOutside.js

@@ -12,3 +12,3 @@ "use strict";
 /**
- * Utility to perform checks where a click/touch event was made outside a compoent
+ * Utility to perform checks where a click/touch event was made outside a component
  */
@@ -15,0 +15,0 @@

lib-commonjs/index.d.ts

 export * from './compose/index';
-export * from './descendants/index';
 export * from './hooks/index';
 export * from './ssr/index';
 export * from './utils/index';

lib-commonjs/index.js

@@ -11,4 +11,2 @@ "use strict";
 
-tslib_1.__exportStar(require("./descendants/index"), exports);
-
 tslib_1.__exportStar(require("./hooks/index"), exports);
@@ -15,0 +13,0 @@

lib/compose/makeMergeProps.js

 import { __spreadArrays } from "tslib";
 import * as React from 'react';
 /**
- * Concatination helper, which can merge class names together. Skips over falsey values.
+ * Concatenation helper, which can merge class names together. Skips over falsey values.
  *
@@ -6,0 +6,0 @@ * @public

lib/hooks/index.d.ts

@@ -16,1 +16,2 @@ export * from './useControllableState';
 export * from './useUnmount';
+export * from './useForceUpdate';

lib/hooks/index.js

@@ -16,2 +16,3 @@ export * from './useControllableState';
 export * from './useUnmount';
+export * from './useForceUpdate';
 //# sourceMappingURL=index.js.map

lib/hooks/useControllableState.d.ts

@@ -18,5 +18,5 @@ import * as React from 'react';
  * A useState 'like' hook that allows optional user control
- * Useful for components which allow uncontrolled and controlled behaviours for users
+ * Useful for components which allow uncontrolled and controlled behaviour for users
  * @returns - https://reactjs.org/docs/hooks-state.html
  */
 export declare const useControllableState: <State>(options: UseControllableStateOptions<State>) => [State, React.Dispatch<React.SetStateAction<State>>];

lib/hooks/useControllableState.js

@@ -13,3 +13,3 @@ import * as React from 'react';
  * A useState 'like' hook that allows optional user control
- * Useful for components which allow uncontrolled and controlled behaviours for users
+ * Useful for components which allow uncontrolled and controlled behaviour for users
  * @returns - https://reactjs.org/docs/hooks-state.html
@@ -16,0 +16,0 @@ */

lib/hooks/useEventCallback.d.ts

@@ -5,7 +5,7 @@ /**
  * Modified `useCallback` that can be used when dependencies change too frequently. Can occur when
- * e.g. user props are depedencies which could change on every render
+ * e.g. user props are dependencies which could change on every render
  * e.g. volatile values (i.e. useState/useDispatch) are dependencies which could change frequently
  *
  * This should not be used often, but can be a useful re-render optimization since the callback is a ref and
- * will not be invalidated between rerenders
+ * will not be invalidated between re-renders
  *
@@ -12,0 +12,0 @@ * @param fn - The callback function that will be used

lib/hooks/useEventCallback.js

@@ -7,7 +7,7 @@ import * as React from 'react';
  * Modified `useCallback` that can be used when dependencies change too frequently. Can occur when
- * e.g. user props are depedencies which could change on every render
+ * e.g. user props are dependencies which could change on every render
  * e.g. volatile values (i.e. useState/useDispatch) are dependencies which could change frequently
  *
  * This should not be used often, but can be a useful re-render optimization since the callback is a ref and
- * will not be invalidated between rerenders
+ * will not be invalidated between re-renders
  *
@@ -14,0 +14,0 @@ * @param fn - The callback function that will be used

lib/hooks/useOnClickOutside.d.ts

@@ -27,4 +27,4 @@ import * as React from 'react';
 /**
- * Utility to perform checks where a click/touch event was made outside a compoent
+ * Utility to perform checks where a click/touch event was made outside a component
  */
 export declare const useOnClickOutside: (options: UseOnClickOrScrollOutsideOptions) => void;

lib/hooks/useOnClickOutside.js

 import * as React from 'react';
 import { useEventCallback } from './useEventCallback';
 /**
- * Utility to perform checks where a click/touch event was made outside a compoent
+ * Utility to perform checks where a click/touch event was made outside a component
  */
@@ -6,0 +6,0 @@

lib/hooks/useOnScrollOutside.d.ts

 import { UseOnClickOrScrollOutsideOptions } from './useOnClickOutside';
 /**
- * Utility to perform checks where a click/touch event was made outside a compoent
+ * Utility to perform checks where a click/touch event was made outside a component
  */
 export declare const useOnScrollOutside: (options: UseOnClickOrScrollOutsideOptions) => void;

lib/hooks/useOnScrollOutside.js

 import * as React from 'react';
 import { useEventCallback } from './useEventCallback';
 /**
- * Utility to perform checks where a click/touch event was made outside a compoent
+ * Utility to perform checks where a click/touch event was made outside a component
  */
@@ -6,0 +6,0 @@

lib/index.d.ts

 export * from './compose/index';
-export * from './descendants/index';
 export * from './hooks/index';
 export * from './ssr/index';
 export * from './utils/index';

lib/index.js

 export * from './compose/index';
-export * from './descendants/index';
 export * from './hooks/index';
@@ -4,0 +3,0 @@ export * from './ssr/index';

package.json

 {
   "name": "@fluentui/react-utilities",
-  "version": "9.0.0-alpha.37",
+  "version": "9.0.0-alpha.38",
   "description": "A set of general React-specific utilities.",
@@ -5,0 +5,0 @@ "main": "lib-commonjs/index.js",

No alert changes

Worsened metrics

Total package byte prevSize

1655286

decreased by-8%

Number of package files

507

decreased by-3.43%

Lines of code

10420

decreased by-11.56%

No dependency changes