@fluentui/react-overflow 0.0.0-nightly-20220513-0417.1 → 0.0.0-nightly-20220516-0419.1

package/CHANGELOG.json

@@ -2,9 +2,9 @@
   "name": "@fluentui/react-overflow",
   "entries": [
     {
-      "date": "Fri, 13 May 2022 04:27:00 GMT",
-      "tag": "@fluentui/react-overflow_v0.0.0-nightly-20220513-0417.1",
-      "version": "0.0.0-nightly-20220513-0417.1",
+      "date": "Mon, 16 May 2022 04:32:23 GMT",
+      "tag": "@fluentui/react-overflow_v0.0.0-nightly-20220516-0419.1",
+      "version": "0.0.0-nightly-20220516-0419.1",
       "comments": {
         "prerelease": [
           {
@@ -13,11 +13,35 @@
             "commit": "4ae08d6ecf85ac29593ddc2abb23f8a073711b38",
             "comment": "feat: Initial beta release"
           },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-overflow",
+            "commit": "f120fe9160ad7311a87af0cfacd8d2fb26275e34",
+            "comment": "chore: Update Griffel to latest version"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-overflow",
+            "comment": "Bump @fluentui/priority-overflow to v0.0.0-nightly-20220516-0419.1",
+            "commit": "737cd1292dec6412494b80cf051d7e51e2a0993f"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-overflow",
+            "comment": "Bump @fluentui/react-context-selector to v0.0.0-nightly-20220516-0419.1",
+            "commit": "737cd1292dec6412494b80cf051d7e51e2a0993f"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-overflow",
+            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20220516-0419.1",
+            "commit": "737cd1292dec6412494b80cf051d7e51e2a0993f"
+          },
           {
             "author": "beachball",
             "package": "@fluentui/react-overflow",
-            "comment": "Bump @fluentui/priority-overflow to v0.0.0-nightly-20220513-0417.1",
-            "commit": "d214cb1888cee2c326ebf2b379d639002ec5798e"
+            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20220516-0419.1",
+            "commit": "737cd1292dec6412494b80cf051d7e51e2a0993f"
           }
         ]
       }

package/CHANGELOG.md

@@ -1,18 +1,22 @@
 # Change Log - @fluentui/react-overflow
 
-This log was last generated on Fri, 13 May 2022 04:27:00 GMT and should not be manually modified.
+This log was last generated on Mon, 16 May 2022 04:32:23 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20220513-0417.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-overflow_v0.0.0-nightly-20220513-0417.1)
+## [0.0.0-nightly-20220516-0419.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-overflow_v0.0.0-nightly-20220516-0419.1)
 
-Fri, 13 May 2022 04:27:00 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-overflow_v9.0.0-alpha.0..@fluentui/react-overflow_v0.0.0-nightly-20220513-0417.1)
+Mon, 16 May 2022 04:32:23 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-overflow_v9.0.0-alpha.0..@fluentui/react-overflow_v0.0.0-nightly-20220516-0419.1)
 
 ### Changes
 
 - feat: Initial beta release ([PR #22913](https://github.com/microsoft/fluentui/pull/22913) by lingfangao@hotmail.com)
-- Bump @fluentui/priority-overflow to v0.0.0-nightly-20220513-0417.1 ([commit](https://github.com/microsoft/fluentui/commit/d214cb1888cee2c326ebf2b379d639002ec5798e) by beachball)
+- chore: Update Griffel to latest version ([PR #22894](https://github.com/microsoft/fluentui/pull/22894) by olfedias@microsoft.com)
+- Bump @fluentui/priority-overflow to v0.0.0-nightly-20220516-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/737cd1292dec6412494b80cf051d7e51e2a0993f) by beachball)
+- Bump @fluentui/react-context-selector to v0.0.0-nightly-20220516-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/737cd1292dec6412494b80cf051d7e51e2a0993f) by beachball)
+- Bump @fluentui/react-theme to v0.0.0-nightly-20220516-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/737cd1292dec6412494b80cf051d7e51e2a0993f) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightly-20220516-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/737cd1292dec6412494b80cf051d7e51e2a0993f) by beachball)
 
 ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-overflow_v9.0.0-alpha.0)
 

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@fluentui/react-overflow",
-  "version": "0.0.0-nightly-20220513-0417.1",
+  "version": "0.0.0-nightly-20220516-0419.1",
   "description": "React bindings for @fluentui/priority-overflow",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
-  "typings": "lib/index.d.ts",
+  "typings": "dist/index.d.ts",
   "sideEffects": false,
   "repository": {
     "type": "git",
@@ -30,11 +30,11 @@
     "@fluentui/scripts": "^1.0.0"
   },
   "dependencies": {
-    "@fluentui/priority-overflow": "^0.0.0-nightly-20220513-0417.1",
-    "@fluentui/react-context-selector": "0.0.0-nightly-20220513-0417.0",
-    "@fluentui/react-theme": "0.0.0-nightly-20220513-0417.0",
-    "@fluentui/react-utilities": "0.0.0-nightly-20220513-0417.0",
-    "@griffel/react": "1.0.3",
+    "@fluentui/priority-overflow": "^0.0.0-nightly-20220516-0419.1",
+    "@fluentui/react-context-selector": "0.0.0-nightly-20220516-0419.1",
+    "@fluentui/react-theme": "0.0.0-nightly-20220516-0419.1",
+    "@fluentui/react-utilities": "0.0.0-nightly-20220516-0419.1",
+    "@griffel/react": "1.0.4",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {

package/lib/components/Overflow.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import type { ObserveOptions } from '@fluentui/priority-overflow';
-/**
- * Overflow Props
- */
-export declare type OverflowProps = Partial<Pick<ObserveOptions, 'overflowAxis' | 'overflowDirection' | 'padding' | 'minimumVisible'>> & {
-    children: React.ReactElement;
-};
-/**
- * Provides an OverflowContext for OverflowItem descendants.
- */
-export declare const Overflow: React.ForwardRefExoticComponent<Partial<Pick<ObserveOptions, "padding" | "overflowDirection" | "overflowAxis" | "minimumVisible">> & {
-    children: React.ReactElement;
-} & React.RefAttributes<unknown>>;

package/lib/components/OverflowItem/OverflowItem.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { OverflowItemProps } from './OverflowItem.types';
-/**
- * Attaches overflow item behavior to its child registered with the OverflowContext.
- * It does not render an element of its own.
- */
-export declare const OverflowItem: React.ForwardRefExoticComponent<OverflowItemProps & React.RefAttributes<unknown>>;

package/lib/components/OverflowItem/OverflowItem.types.d.ts

@@ -1,22 +0,0 @@
-import * as React from 'react';
-/**
- * OverflowItemProps
- */
-export declare type OverflowItemProps = {
-    /**
-     * The unique identifier for the item used by the overflow manager.
-     */
-    id: string;
-    /**
-     * Assigns the item to a group, group visibility can be watched.
-     */
-    groupId?: string;
-    /**
-     * A higher priority means the item overflows later.
-     */
-    priority?: number;
-    /**
-     * The single child that has overflow item behavior attached.
-     */
-    children: React.ReactElement;
-};

package/lib/components/OverflowItem/index.d.ts

@@ -1,2 +0,0 @@
-export type { OverflowItemProps } from './OverflowItem.types';
-export { OverflowItem } from './OverflowItem';

package/lib/constants.d.ts

@@ -1,3 +0,0 @@
-export declare const DATA_OVERFLOWING = "data-overflowing";
-export declare const DATA_OVERFLOW_ITEM = "data-overflow-item";
-export declare const DATA_OVERFLOW_MENU = "data-overflow-menu";

package/lib/index.d.ts

@@ -1,12 +0,0 @@
-export { Overflow } from './components/Overflow';
-export type { OverflowProps } from './components/Overflow';
-export { DATA_OVERFLOWING, DATA_OVERFLOW_ITEM, DATA_OVERFLOW_MENU } from './constants';
-export type { UseOverflowContainerReturn } from './types';
-export { useIsOverflowGroupVisible } from './useIsOverflowGroupVisible';
-export { useIsOverflowItemVisible } from './useIsOverflowItemVisible';
-export { updateVisibilityAttribute, useOverflowContainer } from './useOverflowContainer';
-export { useOverflowCount } from './useOverflowCount';
-export { useOverflowItem } from './useOverflowItem';
-export { useOverflowMenu } from './useOverflowMenu';
-export type { OverflowItemProps } from './components/OverflowItem/OverflowItem.types';
-export { OverflowItem } from './components/OverflowItem/OverflowItem';

package/lib/overflowContext.d.ts

@@ -1,11 +0,0 @@
-import type { OverflowGroupState, OverflowItemEntry } from '@fluentui/priority-overflow';
-import { ContextSelector } from '@fluentui/react-context-selector';
-export interface OverflowContextValue {
-    itemVisibility: Record<string, boolean>;
-    groupVisibility: Record<string, OverflowGroupState>;
-    hasOverflow: boolean;
-    registerItem: (item: OverflowItemEntry) => () => void;
-    updateOverflow: (padding?: number) => void;
-}
-export declare const OverflowContext: import("@fluentui/react-context-selector").Context<OverflowContextValue>;
-export declare const useOverflowContext: <SelectedValue>(selector: ContextSelector<OverflowContextValue, SelectedValue>) => SelectedValue;

package/lib/types.d.ts

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import { OverflowContextValue } from './overflowContext';
-export interface UseOverflowContainerReturn<TElement extends HTMLElement> {
-    /**
-     * Ref to apply to the container that will overflow
-     */
-    containerRef: React.RefObject<TElement>;
-    /**
-     * Registers and overflow item
-     */
-    registerItem: OverflowContextValue['registerItem'];
-    /**
-     * Imperative function to trigger overflow update
-     */
-    updateOverflow: OverflowContextValue['updateOverflow'];
-}

package/lib/useIsOverflowGroupVisible.d.ts

@@ -1,6 +0,0 @@
-import { OverflowGroupState } from '@fluentui/priority-overflow';
-/**
- * @param id - unique identifier for a group of overflow items
- * @returns visibility state of the group
- */
-export declare function useIsOverflowGroupVisible(id: string): OverflowGroupState;

package/lib/useIsOverflowItemVisible.d.ts

@@ -1,5 +0,0 @@
-/**
- * @param id - unique identifier for the item used by the overflow manager
- * @returns visibility state of an overflow item
- */
-export declare function useIsOverflowItemVisible(id: string): boolean;

package/lib/useOverflowContainer.d.ts

@@ -1,10 +0,0 @@
-import type { OnUpdateItemVisibility, OnUpdateOverflow, ObserveOptions } from '@fluentui/priority-overflow';
-import { UseOverflowContainerReturn } from './types';
-/**
- *
- * @param update - Callback when overflow state changes
- * @param options - Options to configure the overflow container
- * @returns - ref to attach to an intrinsic HTML element and imperative functions
- */
-export declare const useOverflowContainer: <TElement extends HTMLElement>(update: OnUpdateOverflow, options: Omit<ObserveOptions, 'onUpdateOverflow'>) => UseOverflowContainerReturn<TElement>;
-export declare const updateVisibilityAttribute: OnUpdateItemVisibility;

package/lib/useOverflowCount.d.ts

@@ -1,4 +0,0 @@
-/**
- * @returns Number of items that are overflowing
- */
-export declare const useOverflowCount: () => number;

package/lib/useOverflowItem.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-/**
- * Registers an overflow item
- * @param id - unique identifier for the item used by the overflow manager
- * @param priority - higher priority means the item overflows later
- * @param groupId - assigns the item to a group, group visibility can be watched
- * @returns ref to assign to an intrinsic HTML element
- */
-export declare function useOverflowItem<TElement extends HTMLElement>(id: string, priority?: number, groupId?: string): React.RefObject<TElement>;

package/lib/useOverflowMenu.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-export declare function useOverflowMenu<TElement extends HTMLElement>(id?: string): {
-    ref: React.RefObject<TElement>;
-    overflowCount: number;
-    isOverflowing: boolean;
-};

package/lib-commonjs/components/Overflow.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import type { ObserveOptions } from '@fluentui/priority-overflow';
-/**
- * Overflow Props
- */
-export declare type OverflowProps = Partial<Pick<ObserveOptions, 'overflowAxis' | 'overflowDirection' | 'padding' | 'minimumVisible'>> & {
-    children: React.ReactElement;
-};
-/**
- * Provides an OverflowContext for OverflowItem descendants.
- */
-export declare const Overflow: React.ForwardRefExoticComponent<Partial<Pick<ObserveOptions, "padding" | "overflowDirection" | "overflowAxis" | "minimumVisible">> & {
-    children: React.ReactElement;
-} & React.RefAttributes<unknown>>;

package/lib-commonjs/components/OverflowItem/OverflowItem.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { OverflowItemProps } from './OverflowItem.types';
-/**
- * Attaches overflow item behavior to its child registered with the OverflowContext.
- * It does not render an element of its own.
- */
-export declare const OverflowItem: React.ForwardRefExoticComponent<OverflowItemProps & React.RefAttributes<unknown>>;

package/lib-commonjs/components/OverflowItem/OverflowItem.types.d.ts

@@ -1,22 +0,0 @@
-import * as React from 'react';
-/**
- * OverflowItemProps
- */
-export declare type OverflowItemProps = {
-    /**
-     * The unique identifier for the item used by the overflow manager.
-     */
-    id: string;
-    /**
-     * Assigns the item to a group, group visibility can be watched.
-     */
-    groupId?: string;
-    /**
-     * A higher priority means the item overflows later.
-     */
-    priority?: number;
-    /**
-     * The single child that has overflow item behavior attached.
-     */
-    children: React.ReactElement;
-};

package/lib-commonjs/components/OverflowItem/index.d.ts

@@ -1,2 +0,0 @@
-export type { OverflowItemProps } from './OverflowItem.types';
-export { OverflowItem } from './OverflowItem';

package/lib-commonjs/constants.d.ts

@@ -1,3 +0,0 @@
-export declare const DATA_OVERFLOWING = "data-overflowing";
-export declare const DATA_OVERFLOW_ITEM = "data-overflow-item";
-export declare const DATA_OVERFLOW_MENU = "data-overflow-menu";

package/lib-commonjs/index.d.ts

@@ -1,12 +0,0 @@
-export { Overflow } from './components/Overflow';
-export type { OverflowProps } from './components/Overflow';
-export { DATA_OVERFLOWING, DATA_OVERFLOW_ITEM, DATA_OVERFLOW_MENU } from './constants';
-export type { UseOverflowContainerReturn } from './types';
-export { useIsOverflowGroupVisible } from './useIsOverflowGroupVisible';
-export { useIsOverflowItemVisible } from './useIsOverflowItemVisible';
-export { updateVisibilityAttribute, useOverflowContainer } from './useOverflowContainer';
-export { useOverflowCount } from './useOverflowCount';
-export { useOverflowItem } from './useOverflowItem';
-export { useOverflowMenu } from './useOverflowMenu';
-export type { OverflowItemProps } from './components/OverflowItem/OverflowItem.types';
-export { OverflowItem } from './components/OverflowItem/OverflowItem';

package/lib-commonjs/overflowContext.d.ts

@@ -1,11 +0,0 @@
-import type { OverflowGroupState, OverflowItemEntry } from '@fluentui/priority-overflow';
-import { ContextSelector } from '@fluentui/react-context-selector';
-export interface OverflowContextValue {
-    itemVisibility: Record<string, boolean>;
-    groupVisibility: Record<string, OverflowGroupState>;
-    hasOverflow: boolean;
-    registerItem: (item: OverflowItemEntry) => () => void;
-    updateOverflow: (padding?: number) => void;
-}
-export declare const OverflowContext: import("@fluentui/react-context-selector").Context<OverflowContextValue>;
-export declare const useOverflowContext: <SelectedValue>(selector: ContextSelector<OverflowContextValue, SelectedValue>) => SelectedValue;

package/lib-commonjs/types.d.ts

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import { OverflowContextValue } from './overflowContext';
-export interface UseOverflowContainerReturn<TElement extends HTMLElement> {
-    /**
-     * Ref to apply to the container that will overflow
-     */
-    containerRef: React.RefObject<TElement>;
-    /**
-     * Registers and overflow item
-     */
-    registerItem: OverflowContextValue['registerItem'];
-    /**
-     * Imperative function to trigger overflow update
-     */
-    updateOverflow: OverflowContextValue['updateOverflow'];
-}

package/lib-commonjs/useIsOverflowGroupVisible.d.ts

@@ -1,6 +0,0 @@
-import { OverflowGroupState } from '@fluentui/priority-overflow';
-/**
- * @param id - unique identifier for a group of overflow items
- * @returns visibility state of the group
- */
-export declare function useIsOverflowGroupVisible(id: string): OverflowGroupState;

package/lib-commonjs/useIsOverflowItemVisible.d.ts

@@ -1,5 +0,0 @@
-/**
- * @param id - unique identifier for the item used by the overflow manager
- * @returns visibility state of an overflow item
- */
-export declare function useIsOverflowItemVisible(id: string): boolean;

package/lib-commonjs/useOverflowContainer.d.ts

@@ -1,10 +0,0 @@
-import type { OnUpdateItemVisibility, OnUpdateOverflow, ObserveOptions } from '@fluentui/priority-overflow';
-import { UseOverflowContainerReturn } from './types';
-/**
- *
- * @param update - Callback when overflow state changes
- * @param options - Options to configure the overflow container
- * @returns - ref to attach to an intrinsic HTML element and imperative functions
- */
-export declare const useOverflowContainer: <TElement extends HTMLElement>(update: OnUpdateOverflow, options: Omit<ObserveOptions, 'onUpdateOverflow'>) => UseOverflowContainerReturn<TElement>;
-export declare const updateVisibilityAttribute: OnUpdateItemVisibility;

package/lib-commonjs/useOverflowCount.d.ts

@@ -1,4 +0,0 @@
-/**
- * @returns Number of items that are overflowing
- */
-export declare const useOverflowCount: () => number;

package/lib-commonjs/useOverflowItem.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-/**
- * Registers an overflow item
- * @param id - unique identifier for the item used by the overflow manager
- * @param priority - higher priority means the item overflows later
- * @param groupId - assigns the item to a group, group visibility can be watched
- * @returns ref to assign to an intrinsic HTML element
- */
-export declare function useOverflowItem<TElement extends HTMLElement>(id: string, priority?: number, groupId?: string): React.RefObject<TElement>;

package/lib-commonjs/useOverflowMenu.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-export declare function useOverflowMenu<TElement extends HTMLElement>(id?: string): {
-    ref: React.RefObject<TElement>;
-    overflowCount: number;
-    isOverflowing: boolean;
-};