@fluentui/react-overflow 0.0.0-nightly-20230223-2115.1 → 0.0.0-nightly-20230227-0424.1

package/lib-commonjs/components/OverflowItem/OverflowItem.types.js

@@ -1,9 +1,6 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
- //# sourceMappingURL=OverflowItem.types.js.map
-
 //# sourceMappingURL=OverflowItem.types.js.map

package/lib-commonjs/components/OverflowItem/OverflowItem.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/OverflowItem/OverflowItem.types.js"],"sourcesContent":["import * as React from 'react';\n//# sourceMappingURL=OverflowItem.types.js.map"],"names":[],"mappings":";;;;;6DAAuB;CACvB,8CAA8C"}
+{"version":3,"mappings":"","names":[],"sourceRoot":"","sources":[],"sourcesContent":[]}

package/lib-commonjs/components/OverflowItem/index.js

@@ -1,12 +1,14 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
+exports.OverflowItem = void 0;
+var OverflowItem_1 = /*#__PURE__*/require("./OverflowItem");
 Object.defineProperty(exports, "OverflowItem", {
-    enumerable: true,
-    get: ()=>_overflowItem.OverflowItem
+  enumerable: true,
+  get: function () {
+    return OverflowItem_1.OverflowItem;
+  }
 });
-const _overflowItem = require("./OverflowItem");
- //# sourceMappingURL=index.js.map
-
 //# sourceMappingURL=index.js.map

package/lib-commonjs/components/OverflowItem/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/OverflowItem/index.js"],"sourcesContent":["export { OverflowItem } from './OverflowItem';\n//# sourceMappingURL=index.js.map"],"names":["OverflowItem"],"mappings":";;;;+BAASA;;aAAAA,0BAAY;;8BAAQ;CAC7B,iCAAiC"}
+{"version":3,"mappings":";;;;;;AACA;AAASA;EAAAC;EAAAC;IAAA,kCAAY;EAAA;AAAA","names":["Object","enumerable","get"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-overflow/src/components/OverflowItem/index.ts"],"sourcesContent":["export type { OverflowItemProps } from './OverflowItem.types';\nexport { OverflowItem } from './OverflowItem';\n"]}

package/lib-commonjs/constants.js

@@ -1,20 +1,10 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    DATA_OVERFLOWING: ()=>DATA_OVERFLOWING,
-    DATA_OVERFLOW_ITEM: ()=>DATA_OVERFLOW_ITEM,
-    DATA_OVERFLOW_MENU: ()=>DATA_OVERFLOW_MENU
+  value: true
 });
-const DATA_OVERFLOWING = 'data-overflowing';
-const DATA_OVERFLOW_ITEM = 'data-overflow-item';
-const DATA_OVERFLOW_MENU = 'data-overflow-menu'; //# sourceMappingURL=constants.js.map
-
+exports.DATA_OVERFLOW_MENU = exports.DATA_OVERFLOW_ITEM = exports.DATA_OVERFLOWING = void 0;
+exports.DATA_OVERFLOWING = 'data-overflowing';
+exports.DATA_OVERFLOW_ITEM = 'data-overflow-item';
+exports.DATA_OVERFLOW_MENU = 'data-overflow-menu';
 //# sourceMappingURL=constants.js.map

package/lib-commonjs/constants.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../lib/constants.js"],"sourcesContent":["export const DATA_OVERFLOWING = 'data-overflowing';\nexport const DATA_OVERFLOW_ITEM = 'data-overflow-item';\nexport const DATA_OVERFLOW_MENU = 'data-overflow-menu';\n//# sourceMappingURL=constants.js.map"],"names":["DATA_OVERFLOWING","DATA_OVERFLOW_ITEM","DATA_OVERFLOW_MENU"],"mappings":";;;;;;;;;;;IAAaA,gBAAgB,MAAhBA;IACAC,kBAAkB,MAAlBA;IACAC,kBAAkB,MAAlBA;;AAFN,MAAMF,mBAAmB;AACzB,MAAMC,qBAAqB;AAC3B,MAAMC,qBAAqB,sBAClC,qCAAqC"}
+{"version":3,"mappings":";;;;;;AAAaA,wBAAgB,GAAG,kBAAkB;AACrCA,0BAAkB,GAAG,oBAAoB;AACzCA,0BAAkB,GAAG,oBAAoB","names":["exports"],"sourceRoot":"","sources":["../../../../../../../packages/react-components/react-overflow/src/constants.ts"],"sourcesContent":["export const DATA_OVERFLOWING = 'data-overflowing';\nexport const DATA_OVERFLOW_ITEM = 'data-overflow-item';\nexport const DATA_OVERFLOW_MENU = 'data-overflow-menu';\n"]}

package/lib-commonjs/index.js

@@ -1,37 +1,89 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    Overflow: ()=>_overflow.Overflow,
-    DATA_OVERFLOWING: ()=>_constants.DATA_OVERFLOWING,
-    DATA_OVERFLOW_ITEM: ()=>_constants.DATA_OVERFLOW_ITEM,
-    DATA_OVERFLOW_MENU: ()=>_constants.DATA_OVERFLOW_MENU,
-    useIsOverflowGroupVisible: ()=>_useIsOverflowGroupVisible.useIsOverflowGroupVisible,
-    useIsOverflowItemVisible: ()=>_useIsOverflowItemVisible.useIsOverflowItemVisible,
-    useOverflowContainer: ()=>_useOverflowContainer.useOverflowContainer,
-    useOverflowCount: ()=>_useOverflowCount.useOverflowCount,
-    useOverflowItem: ()=>_useOverflowItem.useOverflowItem,
-    useOverflowMenu: ()=>_useOverflowMenu.useOverflowMenu,
-    useOverflowContext: ()=>_overflowContext.useOverflowContext,
-    OverflowItem: ()=>_overflowItem.OverflowItem
-});
-const _overflow = require("./components/Overflow");
-const _constants = require("./constants");
-const _useIsOverflowGroupVisible = require("./useIsOverflowGroupVisible");
-const _useIsOverflowItemVisible = require("./useIsOverflowItemVisible");
-const _useOverflowContainer = require("./useOverflowContainer");
-const _useOverflowCount = require("./useOverflowCount");
-const _useOverflowItem = require("./useOverflowItem");
-const _useOverflowMenu = require("./useOverflowMenu");
-const _overflowContext = require("./overflowContext");
-const _overflowItem = require("./components/OverflowItem/OverflowItem");
- //# sourceMappingURL=index.js.map
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OverflowItem = exports.useOverflowContext = exports.useOverflowMenu = exports.useOverflowItem = exports.useOverflowCount = exports.useOverflowContainer = exports.useIsOverflowItemVisible = exports.useIsOverflowGroupVisible = exports.DATA_OVERFLOW_MENU = exports.DATA_OVERFLOW_ITEM = exports.DATA_OVERFLOWING = exports.Overflow = void 0;
+var Overflow_1 = /*#__PURE__*/require("./components/Overflow");
+Object.defineProperty(exports, "Overflow", {
+  enumerable: true,
+  get: function () {
+    return Overflow_1.Overflow;
+  }
+});
+var constants_1 = /*#__PURE__*/require("./constants");
+Object.defineProperty(exports, "DATA_OVERFLOWING", {
+  enumerable: true,
+  get: function () {
+    return constants_1.DATA_OVERFLOWING;
+  }
+});
+Object.defineProperty(exports, "DATA_OVERFLOW_ITEM", {
+  enumerable: true,
+  get: function () {
+    return constants_1.DATA_OVERFLOW_ITEM;
+  }
+});
+Object.defineProperty(exports, "DATA_OVERFLOW_MENU", {
+  enumerable: true,
+  get: function () {
+    return constants_1.DATA_OVERFLOW_MENU;
+  }
+});
+var useIsOverflowGroupVisible_1 = /*#__PURE__*/require("./useIsOverflowGroupVisible");
+Object.defineProperty(exports, "useIsOverflowGroupVisible", {
+  enumerable: true,
+  get: function () {
+    return useIsOverflowGroupVisible_1.useIsOverflowGroupVisible;
+  }
+});
+var useIsOverflowItemVisible_1 = /*#__PURE__*/require("./useIsOverflowItemVisible");
+Object.defineProperty(exports, "useIsOverflowItemVisible", {
+  enumerable: true,
+  get: function () {
+    return useIsOverflowItemVisible_1.useIsOverflowItemVisible;
+  }
+});
+var useOverflowContainer_1 = /*#__PURE__*/require("./useOverflowContainer");
+Object.defineProperty(exports, "useOverflowContainer", {
+  enumerable: true,
+  get: function () {
+    return useOverflowContainer_1.useOverflowContainer;
+  }
+});
+var useOverflowCount_1 = /*#__PURE__*/require("./useOverflowCount");
+Object.defineProperty(exports, "useOverflowCount", {
+  enumerable: true,
+  get: function () {
+    return useOverflowCount_1.useOverflowCount;
+  }
+});
+var useOverflowItem_1 = /*#__PURE__*/require("./useOverflowItem");
+Object.defineProperty(exports, "useOverflowItem", {
+  enumerable: true,
+  get: function () {
+    return useOverflowItem_1.useOverflowItem;
+  }
+});
+var useOverflowMenu_1 = /*#__PURE__*/require("./useOverflowMenu");
+Object.defineProperty(exports, "useOverflowMenu", {
+  enumerable: true,
+  get: function () {
+    return useOverflowMenu_1.useOverflowMenu;
+  }
+});
+var overflowContext_1 = /*#__PURE__*/require("./overflowContext");
+Object.defineProperty(exports, "useOverflowContext", {
+  enumerable: true,
+  get: function () {
+    return overflowContext_1.useOverflowContext;
+  }
+});
+var OverflowItem_1 = /*#__PURE__*/require("./components/OverflowItem/OverflowItem");
+Object.defineProperty(exports, "OverflowItem", {
+  enumerable: true,
+  get: function () {
+    return OverflowItem_1.OverflowItem;
+  }
+});
 //# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../lib/index.js"],"sourcesContent":["export { Overflow } from './components/Overflow';\nexport { DATA_OVERFLOWING, DATA_OVERFLOW_ITEM, DATA_OVERFLOW_MENU } from './constants';\nexport { useIsOverflowGroupVisible } from './useIsOverflowGroupVisible';\nexport { useIsOverflowItemVisible } from './useIsOverflowItemVisible';\nexport { useOverflowContainer } from './useOverflowContainer';\nexport { useOverflowCount } from './useOverflowCount';\nexport { useOverflowItem } from './useOverflowItem';\nexport { useOverflowMenu } from './useOverflowMenu';\nexport { useOverflowContext } from './overflowContext';\nexport { OverflowItem } from './components/OverflowItem/OverflowItem';\n//# sourceMappingURL=index.js.map"],"names":["Overflow","DATA_OVERFLOWING","DATA_OVERFLOW_ITEM","DATA_OVERFLOW_MENU","useIsOverflowGroupVisible","useIsOverflowItemVisible","useOverflowContainer","useOverflowCount","useOverflowItem","useOverflowMenu","useOverflowContext","OverflowItem"],"mappings":";;;;;;;;;;;IAASA,QAAQ,MAARA,kBAAQ;IACRC,gBAAgB,MAAhBA,2BAAgB;IAAEC,kBAAkB,MAAlBA,6BAAkB;IAAEC,kBAAkB,MAAlBA,6BAAkB;IACxDC,yBAAyB,MAAzBA,oDAAyB;IACzBC,wBAAwB,MAAxBA,kDAAwB;IACxBC,oBAAoB,MAApBA,0CAAoB;IACpBC,gBAAgB,MAAhBA,kCAAgB;IAChBC,eAAe,MAAfA,gCAAe;IACfC,eAAe,MAAfA,gCAAe;IACfC,kBAAkB,MAAlBA,mCAAkB;IAClBC,YAAY,MAAZA,0BAAY;;0BATI;2BACgD;2CAC/B;0CACD;sCACJ;kCACJ;iCACD;iCACA;iCACG;8BACN;CAC7B,iCAAiC"}
+{"version":3,"mappings":";;;;;;AAAA;AAASA;EAAAC;EAAAC;IAAA,0BAAQ;EAAA;AAAA;AAEjB;AAASF;EAAAC;EAAAC;IAAA,mCAAgB;EAAA;AAAA;AAAEF;EAAAC;EAAAC;IAAA,qCAAkB;EAAA;AAAA;AAAEF;EAAAC;EAAAC;IAAA,qCAAkB;EAAA;AAAA;AAEjE;AAASF;EAAAC;EAAAC;IAAA,4DAAyB;EAAA;AAAA;AAClC;AAASF;EAAAC;EAAAC;IAAA,0DAAwB;EAAA;AAAA;AACjC;AAASF;EAAAC;EAAAC;IAAA,kDAAoB;EAAA;AAAA;AAC7B;AAASF;EAAAC;EAAAC;IAAA,0CAAgB;EAAA;AAAA;AACzB;AAASF;EAAAC;EAAAC;IAAA,wCAAe;EAAA;AAAA;AACxB;AAASF;EAAAC;EAAAC;IAAA,wCAAe;EAAA;AAAA;AAExB;AAASF;EAAAC;EAAAC;IAAA,2CAAkB;EAAA;AAAA;AAG3B;AAASF;EAAAC;EAAAC;IAAA,kCAAY;EAAA;AAAA","names":["Object","enumerable","get"],"sourceRoot":"","sources":["../../../../../../../packages/react-components/react-overflow/src/index.ts"],"sourcesContent":["export { Overflow } from './components/Overflow';\nexport type { OverflowProps } from './components/Overflow';\nexport { DATA_OVERFLOWING, DATA_OVERFLOW_ITEM, DATA_OVERFLOW_MENU } from './constants';\nexport type { UseOverflowContainerReturn } from './types';\nexport { useIsOverflowGroupVisible } from './useIsOverflowGroupVisible';\nexport { useIsOverflowItemVisible } from './useIsOverflowItemVisible';\nexport { useOverflowContainer } from './useOverflowContainer';\nexport { useOverflowCount } from './useOverflowCount';\nexport { useOverflowItem } from './useOverflowItem';\nexport { useOverflowMenu } from './useOverflowMenu';\n\nexport { useOverflowContext } from './overflowContext';\n\nexport type { OverflowItemProps } from './components/OverflowItem/OverflowItem.types';\nexport { OverflowItem } from './components/OverflowItem/OverflowItem';\n"]}

package/lib-commonjs/overflowContext.js

@@ -1,30 +1,22 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    OverflowContext: ()=>OverflowContext,
-    useOverflowContext: ()=>useOverflowContext
+  value: true
 });
-const _reactContextSelector = require("@fluentui/react-context-selector");
-const OverflowContext = /*#__PURE__*/ (0, _reactContextSelector.createContext)(undefined);
+exports.useOverflowContext = exports.OverflowContext = void 0;
+const react_context_selector_1 = /*#__PURE__*/require("@fluentui/react-context-selector");
+exports.OverflowContext = /*#__PURE__*/react_context_selector_1.createContext(undefined);
 const overflowContextDefaultValue = {
-    itemVisibility: {},
-    groupVisibility: {},
-    hasOverflow: false,
-    registerItem: ()=>()=>null,
-    updateOverflow: ()=>null,
-    registerOverflowMenu: ()=>()=>null
+  itemVisibility: {},
+  groupVisibility: {},
+  hasOverflow: false,
+  registerItem: () => () => null,
+  updateOverflow: () => null,
+  registerOverflowMenu: () => () => null
 };
-const useOverflowContext = (selector)=>(0, _reactContextSelector.useContextSelector)(OverflowContext, function() {
-        let ctx = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : overflowContextDefaultValue;
-        return selector(ctx);
-    }); //# sourceMappingURL=overflowContext.js.map
-
+/**
+ * @internal
+ */
+const useOverflowContext = selector => react_context_selector_1.useContextSelector(exports.OverflowContext, (ctx = overflowContextDefaultValue) => selector(ctx));
+exports.useOverflowContext = useOverflowContext;
 //# sourceMappingURL=overflowContext.js.map

package/lib-commonjs/overflowContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../lib/overflowContext.js"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nexport const OverflowContext = /*#__PURE__*/createContext(undefined);\nconst overflowContextDefaultValue = {\n  itemVisibility: {},\n  groupVisibility: {},\n  hasOverflow: false,\n  registerItem: () => () => null,\n  updateOverflow: () => null,\n  registerOverflowMenu: () => () => null\n};\n/**\n * @internal\n */\nexport const useOverflowContext = selector => useContextSelector(OverflowContext, function () {\n  let ctx = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : overflowContextDefaultValue;\n  return selector(ctx);\n});\n//# sourceMappingURL=overflowContext.js.map"],"names":["OverflowContext","useOverflowContext","createContext","undefined","overflowContextDefaultValue","itemVisibility","groupVisibility","hasOverflow","registerItem","updateOverflow","registerOverflowMenu","selector","useContextSelector","ctx","arguments","length"],"mappings":";;;;;;;;;;;IACaA,eAAe,MAAfA;IAYAC,kBAAkB,MAAlBA;;sCAbqC;AAC3C,MAAMD,kBAAkB,WAAW,GAAEE,IAAAA,mCAAa,EAACC;AAC1D,MAAMC,8BAA8B;IAClCC,gBAAgB,CAAC;IACjBC,iBAAiB,CAAC;IAClBC,aAAa,KAAK;IAClBC,cAAc,IAAM,IAAM,IAAI;IAC9BC,gBAAgB,IAAM,IAAI;IAC1BC,sBAAsB,IAAM,IAAM,IAAI;AACxC;AAIO,MAAMT,qBAAqBU,CAAAA,WAAYC,IAAAA,wCAAkB,EAACZ,iBAAiB,WAAY;QAC5F,IAAIa,MAAMC,UAAUC,MAAM,GAAG,KAAKD,SAAS,CAAC,EAAE,KAAK,KAAK,IAAIA,SAAS,CAAC,EAAE,GAAGV,2BAA2B;QACtG,OAAOO,SAASE;IAClB,IACA,2CAA2C"}
+{"version":3,"mappings":";;;;;;AACA;AAcaA,uBAAe,gBAAGC,sCAAa,CAC1CC,SAAS,CACuB;AAElC,MAAMC,2BAA2B,GAAyB;EACxDC,cAAc,EAAE,EAAE;EAClBC,eAAe,EAAE,EAAE;EACnBC,WAAW,EAAE,KAAK;EAClBC,YAAY,EAAE,MAAM,MAAM,IAAI;EAC9BC,cAAc,EAAE,MAAM,IAAI;EAC1BC,oBAAoB,EAAE,MAAM,MAAM;CACnC;AAED;;;AAGO,MAAMC,kBAAkB,GAAmBC,QAA8D,IAC9GV,2CAAkB,CAACD,uBAAe,EAAE,CAACY,GAAG,GAAGT,2BAA2B,KAAKQ,QAAQ,CAACC,GAAG,CAAC,CAAC;AAD9EZ,0BAAkB","names":["exports","react_context_selector_1","undefined","overflowContextDefaultValue","itemVisibility","groupVisibility","hasOverflow","registerItem","updateOverflow","registerOverflowMenu","useOverflowContext","selector","ctx"],"sourceRoot":"","sources":["../../../../../../../packages/react-components/react-overflow/src/overflowContext.ts"],"sourcesContent":["import type { OverflowGroupState, OverflowItemEntry } from '@fluentui/priority-overflow';\nimport { ContextSelector, createContext, useContextSelector, Context } from '@fluentui/react-context-selector';\n\n/**\n * @internal\n */\nexport interface OverflowContextValue {\n  itemVisibility: Record<string, boolean>;\n  groupVisibility: Record<string, OverflowGroupState>;\n  hasOverflow: boolean;\n  registerItem: (item: OverflowItemEntry) => () => void;\n  registerOverflowMenu: (el: HTMLElement) => () => void;\n  updateOverflow: (padding?: number) => void;\n}\n\nexport const OverflowContext = createContext<OverflowContextValue | undefined>(\n  undefined,\n) as Context<OverflowContextValue>;\n\nconst overflowContextDefaultValue: OverflowContextValue = {\n  itemVisibility: {},\n  groupVisibility: {},\n  hasOverflow: false,\n  registerItem: () => () => null,\n  updateOverflow: () => null,\n  registerOverflowMenu: () => () => null,\n};\n\n/**\n * @internal\n */\nexport const useOverflowContext = <SelectedValue>(selector: ContextSelector<OverflowContextValue, SelectedValue>) =>\n  useContextSelector(OverflowContext, (ctx = overflowContextDefaultValue) => selector(ctx));\n"]}

package/lib-commonjs/types.js

@@ -1,9 +1,6 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
- //# sourceMappingURL=types.js.map
-
 //# sourceMappingURL=types.js.map

package/lib-commonjs/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../lib/types.js"],"sourcesContent":["import * as React from 'react';\n//# sourceMappingURL=types.js.map"],"names":[],"mappings":";;;;;6DAAuB;CACvB,iCAAiC"}
+{"version":3,"mappings":"","names":[],"sourceRoot":"","sources":[],"sourcesContent":[]}

package/lib-commonjs/useIsOverflowGroupVisible.js

@@ -1,14 +1,16 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useIsOverflowGroupVisible", {
-    enumerable: true,
-    get: ()=>useIsOverflowGroupVisible
+  value: true
 });
-const _overflowContext = require("./overflowContext");
+exports.useIsOverflowGroupVisible = void 0;
+const overflowContext_1 = /*#__PURE__*/require("./overflowContext");
+/**
+ * @param id - unique identifier for a group of overflow items
+ * @returns visibility state of the group
+ */
 function useIsOverflowGroupVisible(id) {
-    return (0, _overflowContext.useOverflowContext)((ctx)=>ctx.groupVisibility[id]);
-} //# sourceMappingURL=useIsOverflowGroupVisible.js.map
-
+  return overflowContext_1.useOverflowContext(ctx => ctx.groupVisibility[id]);
+}
+exports.useIsOverflowGroupVisible = useIsOverflowGroupVisible;
 //# sourceMappingURL=useIsOverflowGroupVisible.js.map

package/lib-commonjs/useIsOverflowGroupVisible.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../lib/useIsOverflowGroupVisible.js"],"sourcesContent":["import { useOverflowContext } from './overflowContext';\n/**\n * @param id - unique identifier for a group of overflow items\n * @returns visibility state of the group\n */\nexport function useIsOverflowGroupVisible(id) {\n  return useOverflowContext(ctx => ctx.groupVisibility[id]);\n}\n//# sourceMappingURL=useIsOverflowGroupVisible.js.map"],"names":["useIsOverflowGroupVisible","id","useOverflowContext","ctx","groupVisibility"],"mappings":";;;;+BAKgBA;;aAAAA;;iCALmB;AAK5B,SAASA,0BAA0BC,EAAE,EAAE;IAC5C,OAAOC,IAAAA,mCAAkB,EAACC,CAAAA,MAAOA,IAAIC,eAAe,CAACH,GAAG;AAC1D,EACA,qDAAqD"}
+{"version":3,"mappings":";;;;;;AACA;AAEA;;;;AAIA,SAAgBA,yBAAyB,CAACC,EAAU;EAClD,OAAOC,oCAAkB,CAACC,GAAG,IAAIA,GAAG,CAACC,eAAe,CAACH,EAAE,CAAC,CAAC;AAC3D;AAFAI","names":["useIsOverflowGroupVisible","id","overflowContext_1","ctx","groupVisibility","exports"],"sourceRoot":"","sources":["../../../../../../../packages/react-components/react-overflow/src/useIsOverflowGroupVisible.ts"],"sourcesContent":["import { OverflowGroupState } from '@fluentui/priority-overflow';\nimport { useOverflowContext } from './overflowContext';\n\n/**\n * @param id - unique identifier for a group of overflow items\n * @returns visibility state of the group\n */\nexport function useIsOverflowGroupVisible(id: string): OverflowGroupState {\n  return useOverflowContext(ctx => ctx.groupVisibility[id]);\n}\n"]}

package/lib-commonjs/useIsOverflowItemVisible.js

@@ -1,14 +1,16 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useIsOverflowItemVisible", {
-    enumerable: true,
-    get: ()=>useIsOverflowItemVisible
+  value: true
 });
-const _overflowContext = require("./overflowContext");
+exports.useIsOverflowItemVisible = void 0;
+const overflowContext_1 = /*#__PURE__*/require("./overflowContext");
+/**
+ * @param id - unique identifier for the item used by the overflow manager
+ * @returns visibility state of an overflow item
+ */
 function useIsOverflowItemVisible(id) {
-    return !!(0, _overflowContext.useOverflowContext)((ctx)=>ctx.itemVisibility[id]);
-} //# sourceMappingURL=useIsOverflowItemVisible.js.map
-
+  return !!overflowContext_1.useOverflowContext(ctx => ctx.itemVisibility[id]);
+}
+exports.useIsOverflowItemVisible = useIsOverflowItemVisible;
 //# sourceMappingURL=useIsOverflowItemVisible.js.map

package/lib-commonjs/useIsOverflowItemVisible.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../lib/useIsOverflowItemVisible.js"],"sourcesContent":["import { useOverflowContext } from './overflowContext';\n/**\n * @param id - unique identifier for the item used by the overflow manager\n * @returns visibility state of an overflow item\n */\nexport function useIsOverflowItemVisible(id) {\n  return !!useOverflowContext(ctx => ctx.itemVisibility[id]);\n}\n//# sourceMappingURL=useIsOverflowItemVisible.js.map"],"names":["useIsOverflowItemVisible","id","useOverflowContext","ctx","itemVisibility"],"mappings":";;;;+BAKgBA;;aAAAA;;iCALmB;AAK5B,SAASA,yBAAyBC,EAAE,EAAE;IAC3C,OAAO,CAAC,CAACC,IAAAA,mCAAkB,EAACC,CAAAA,MAAOA,IAAIC,cAAc,CAACH,GAAG;AAC3D,EACA,oDAAoD"}
+{"version":3,"mappings":";;;;;;AAAA;AAEA;;;;AAIA,SAAgBA,wBAAwB,CAACC,EAAU;EACjD,OAAO,CAAC,CAACC,oCAAkB,CAACC,GAAG,IAAIA,GAAG,CAACC,cAAc,CAACH,EAAE,CAAC,CAAC;AAC5D;AAFAI","names":["useIsOverflowItemVisible","id","overflowContext_1","ctx","itemVisibility","exports"],"sourceRoot":"","sources":["../../../../../../../packages/react-components/react-overflow/src/useIsOverflowItemVisible.ts"],"sourcesContent":["import { useOverflowContext } from './overflowContext';\n\n/**\n * @param id - unique identifier for the item used by the overflow manager\n * @returns visibility state of an overflow item\n */\nexport function useIsOverflowItemVisible(id: string): boolean {\n  return !!useOverflowContext(ctx => ctx.itemVisibility[id]);\n}\n"]}

package/lib-commonjs/useOverflowContainer.js

@@ -1,94 +1,86 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    useOverflowContainer: ()=>useOverflowContainer,
-    updateVisibilityAttribute: ()=>updateVisibilityAttribute
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _priorityOverflow = require("@fluentui/priority-overflow");
-const _reactUtilities = require("@fluentui/react-utilities");
-const _constants = require("./constants");
-const useOverflowContainer = (update, options)=>{
-    const { overflowAxis , overflowDirection , padding , minimumVisible , onUpdateItemVisibility  } = options;
-    // DOM ref to the overflow container element
-    const containerRef = _react.useRef(null);
-    const updateOverflowItems = (0, _reactUtilities.useEventCallback)(update);
-    const [overflowManager] = _react.useState(()=>(0, _reactUtilities.canUseDOM)() ? (0, _priorityOverflow.createOverflowManager)() : null);
-    (0, _reactUtilities.useIsomorphicLayoutEffect)(()=>{
-        if (!containerRef.current) {
-            return;
-        }
-        if (overflowManager) {
-            overflowManager.observe(containerRef.current, {
-                overflowDirection: overflowDirection ?? 'end',
-                overflowAxis: overflowAxis ?? 'horizontal',
-                padding: padding ?? 10,
-                minimumVisible: minimumVisible ?? 0,
-                onUpdateItemVisibility: onUpdateItemVisibility ?? (()=>undefined),
-                onUpdateOverflow: updateOverflowItems ?? (()=>undefined)
-            });
-            return ()=>{
-                overflowManager.disconnect();
-            };
-        }
-    }, [
-        updateOverflowItems,
-        overflowManager,
-        overflowDirection,
-        overflowAxis,
-        padding,
-        minimumVisible,
-        onUpdateItemVisibility
-    ]);
-    const registerItem = _react.useCallback((item)=>{
-        overflowManager === null || overflowManager === void 0 ? void 0 : overflowManager.addItem(item);
-        item.element.setAttribute(_constants.DATA_OVERFLOW_ITEM, '');
-        return ()=>{
-            item.element.removeAttribute(_constants.DATA_OVERFLOWING);
-            item.element.removeAttribute(_constants.DATA_OVERFLOW_ITEM);
-            overflowManager === null || overflowManager === void 0 ? void 0 : overflowManager.removeItem(item.id);
-        };
-    }, [
-        overflowManager
-    ]);
-    const updateOverflow = _react.useCallback(()=>{
-        overflowManager === null || overflowManager === void 0 ? void 0 : overflowManager.update();
-    }, [
-        overflowManager
-    ]);
-    const registerOverflowMenu = _react.useCallback((el)=>{
-        overflowManager === null || overflowManager === void 0 ? void 0 : overflowManager.addOverflowMenu(el);
-        el.setAttribute(_constants.DATA_OVERFLOW_MENU, '');
-        return ()=>{
-            overflowManager === null || overflowManager === void 0 ? void 0 : overflowManager.removeOverflowMenu();
-            el.removeAttribute(_constants.DATA_OVERFLOW_MENU);
-        };
-    }, [
-        overflowManager
-    ]);
-    return {
-        containerRef,
-        registerItem,
-        updateOverflow,
-        registerOverflowMenu
+exports.updateVisibilityAttribute = exports.useOverflowContainer = void 0;
+const React = /*#__PURE__*/require("react");
+const priority_overflow_1 = /*#__PURE__*/require("@fluentui/priority-overflow");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+const constants_1 = /*#__PURE__*/require("./constants");
+/**
+ * @internal
+ * @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
+ */
+const useOverflowContainer = (update, options) => {
+  const {
+    overflowAxis,
+    overflowDirection,
+    padding,
+    minimumVisible,
+    onUpdateItemVisibility
+  } = options;
+  // DOM ref to the overflow container element
+  const containerRef = React.useRef(null);
+  const updateOverflowItems = react_utilities_1.useEventCallback(update);
+  const [overflowManager] = React.useState(() => react_utilities_1.canUseDOM() ? priority_overflow_1.createOverflowManager() : null);
+  react_utilities_1.useIsomorphicLayoutEffect(() => {
+    if (!containerRef.current) {
+      return;
+    }
+    if (overflowManager) {
+      overflowManager.observe(containerRef.current, {
+        overflowDirection: overflowDirection !== null && overflowDirection !== void 0 ? overflowDirection : 'end',
+        overflowAxis: overflowAxis !== null && overflowAxis !== void 0 ? overflowAxis : 'horizontal',
+        padding: padding !== null && padding !== void 0 ? padding : 10,
+        minimumVisible: minimumVisible !== null && minimumVisible !== void 0 ? minimumVisible : 0,
+        onUpdateItemVisibility: onUpdateItemVisibility !== null && onUpdateItemVisibility !== void 0 ? onUpdateItemVisibility : () => undefined,
+        onUpdateOverflow: updateOverflowItems !== null && updateOverflowItems !== void 0 ? updateOverflowItems : () => undefined
+      });
+      return () => {
+        overflowManager.disconnect();
+      };
+    }
+  }, [updateOverflowItems, overflowManager, overflowDirection, overflowAxis, padding, minimumVisible, onUpdateItemVisibility]);
+  const registerItem = React.useCallback(item => {
+    overflowManager === null || overflowManager === void 0 ? void 0 : overflowManager.addItem(item);
+    item.element.setAttribute(constants_1.DATA_OVERFLOW_ITEM, '');
+    return () => {
+      item.element.removeAttribute(constants_1.DATA_OVERFLOWING);
+      item.element.removeAttribute(constants_1.DATA_OVERFLOW_ITEM);
+      overflowManager === null || overflowManager === void 0 ? void 0 : overflowManager.removeItem(item.id);
     };
+  }, [overflowManager]);
+  const updateOverflow = React.useCallback(() => {
+    overflowManager === null || overflowManager === void 0 ? void 0 : overflowManager.update();
+  }, [overflowManager]);
+  const registerOverflowMenu = React.useCallback(el => {
+    overflowManager === null || overflowManager === void 0 ? void 0 : overflowManager.addOverflowMenu(el);
+    el.setAttribute(constants_1.DATA_OVERFLOW_MENU, '');
+    return () => {
+      overflowManager === null || overflowManager === void 0 ? void 0 : overflowManager.removeOverflowMenu();
+      el.removeAttribute(constants_1.DATA_OVERFLOW_MENU);
+    };
+  }, [overflowManager]);
+  return {
+    containerRef,
+    registerItem,
+    updateOverflow,
+    registerOverflowMenu
+  };
 };
-const updateVisibilityAttribute = (param)=>{
-    let { item , visible  } = param;
-    if (visible) {
-        item.element.removeAttribute(_constants.DATA_OVERFLOWING);
-    } else {
-        item.element.setAttribute(_constants.DATA_OVERFLOWING, '');
-    }
-}; //# sourceMappingURL=useOverflowContainer.js.map
-
+exports.useOverflowContainer = useOverflowContainer;
+const updateVisibilityAttribute = ({
+  item,
+  visible
+}) => {
+  if (visible) {
+    item.element.removeAttribute(constants_1.DATA_OVERFLOWING);
+  } else {
+    item.element.setAttribute(constants_1.DATA_OVERFLOWING, '');
+  }
+};
+exports.updateVisibilityAttribute = updateVisibilityAttribute;
 //# sourceMappingURL=useOverflowContainer.js.map

package/lib-commonjs/useOverflowContainer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../lib/useOverflowContainer.js"],"sourcesContent":["import * as React from 'react';\nimport { createOverflowManager } from '@fluentui/priority-overflow';\nimport { canUseDOM, useEventCallback, useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport { DATA_OVERFLOWING, DATA_OVERFLOW_ITEM, DATA_OVERFLOW_MENU } from './constants';\n/**\n * @internal\n * @param update - Callback when overflow state changes\n * @param options - Options to configure the overflow container\n * @returns - ref to attach to an intrinsic HTML element and imperative functions\n */\nexport const useOverflowContainer = (update, options) => {\n  const {\n    overflowAxis,\n    overflowDirection,\n    padding,\n    minimumVisible,\n    onUpdateItemVisibility\n  } = options;\n  // DOM ref to the overflow container element\n  const containerRef = React.useRef(null);\n  const updateOverflowItems = useEventCallback(update);\n  const [overflowManager] = React.useState(() => canUseDOM() ? createOverflowManager() : null);\n  useIsomorphicLayoutEffect(() => {\n    if (!containerRef.current) {\n      return;\n    }\n    if (overflowManager) {\n      overflowManager.observe(containerRef.current, {\n        overflowDirection: overflowDirection ?? 'end',\n        overflowAxis: overflowAxis ?? 'horizontal',\n        padding: padding ?? 10,\n        minimumVisible: minimumVisible ?? 0,\n        onUpdateItemVisibility: onUpdateItemVisibility ?? (() => undefined),\n        onUpdateOverflow: updateOverflowItems ?? (() => undefined)\n      });\n      return () => {\n        overflowManager.disconnect();\n      };\n    }\n  }, [updateOverflowItems, overflowManager, overflowDirection, overflowAxis, padding, minimumVisible, onUpdateItemVisibility]);\n  const registerItem = React.useCallback(item => {\n    overflowManager === null || overflowManager === void 0 ? void 0 : overflowManager.addItem(item);\n    item.element.setAttribute(DATA_OVERFLOW_ITEM, '');\n    return () => {\n      item.element.removeAttribute(DATA_OVERFLOWING);\n      item.element.removeAttribute(DATA_OVERFLOW_ITEM);\n      overflowManager === null || overflowManager === void 0 ? void 0 : overflowManager.removeItem(item.id);\n    };\n  }, [overflowManager]);\n  const updateOverflow = React.useCallback(() => {\n    overflowManager === null || overflowManager === void 0 ? void 0 : overflowManager.update();\n  }, [overflowManager]);\n  const registerOverflowMenu = React.useCallback(el => {\n    overflowManager === null || overflowManager === void 0 ? void 0 : overflowManager.addOverflowMenu(el);\n    el.setAttribute(DATA_OVERFLOW_MENU, '');\n    return () => {\n      overflowManager === null || overflowManager === void 0 ? void 0 : overflowManager.removeOverflowMenu();\n      el.removeAttribute(DATA_OVERFLOW_MENU);\n    };\n  }, [overflowManager]);\n  return {\n    containerRef,\n    registerItem,\n    updateOverflow,\n    registerOverflowMenu\n  };\n};\nexport const updateVisibilityAttribute = param => {\n  let {\n    item,\n    visible\n  } = param;\n  if (visible) {\n    item.element.removeAttribute(DATA_OVERFLOWING);\n  } else {\n    item.element.setAttribute(DATA_OVERFLOWING, '');\n  }\n};\n//# sourceMappingURL=useOverflowContainer.js.map"],"names":["useOverflowContainer","updateVisibilityAttribute","update","options","overflowAxis","overflowDirection","padding","minimumVisible","onUpdateItemVisibility","containerRef","React","useRef","updateOverflowItems","useEventCallback","overflowManager","useState","canUseDOM","createOverflowManager","useIsomorphicLayoutEffect","current","observe","undefined","onUpdateOverflow","disconnect","registerItem","useCallback","item","addItem","element","setAttribute","DATA_OVERFLOW_ITEM","removeAttribute","DATA_OVERFLOWING","removeItem","id","updateOverflow","registerOverflowMenu","el","addOverflowMenu","DATA_OVERFLOW_MENU","removeOverflowMenu","param","visible"],"mappings":";;;;;;;;;;;IAUaA,oBAAoB,MAApBA;IAyDAC,yBAAyB,MAAzBA;;;6DAnEU;kCACe;gCACiC;2BACE;AAOlE,MAAMD,uBAAuB,CAACE,QAAQC,UAAY;IACvD,MAAM,EACJC,aAAY,EACZC,kBAAiB,EACjBC,QAAO,EACPC,eAAc,EACdC,uBAAsB,EACvB,GAAGL;IACJ,4CAA4C;IAC5C,MAAMM,eAAeC,OAAMC,MAAM,CAAC,IAAI;IACtC,MAAMC,sBAAsBC,IAAAA,gCAAgB,EAACX;IAC7C,MAAM,CAACY,gBAAgB,GAAGJ,OAAMK,QAAQ,CAAC,IAAMC,IAAAA,yBAAS,MAAKC,IAAAA,uCAAqB,MAAK,IAAI;IAC3FC,IAAAA,yCAAyB,EAAC,IAAM;QAC9B,IAAI,CAACT,aAAaU,OAAO,EAAE;YACzB;QACF,CAAC;QACD,IAAIL,iBAAiB;YACnBA,gBAAgBM,OAAO,CAACX,aAAaU,OAAO,EAAE;gBAC5Cd,mBAAmBA,qBAAqB;gBACxCD,cAAcA,gBAAgB;gBAC9BE,SAASA,WAAW;gBACpBC,gBAAgBA,kBAAkB;gBAClCC,wBAAwBA,0BAA2B,CAAA,IAAMa,SAAQ;gBACjEC,kBAAkBV,uBAAwB,CAAA,IAAMS,SAAQ;YAC1D;YACA,OAAO,IAAM;gBACXP,gBAAgBS,UAAU;YAC5B;QACF,CAAC;IACH,GAAG;QAACX;QAAqBE;QAAiBT;QAAmBD;QAAcE;QAASC;QAAgBC;KAAuB;IAC3H,MAAMgB,eAAed,OAAMe,WAAW,CAACC,CAAAA,OAAQ;QAC7CZ,oBAAoB,IAAI,IAAIA,oBAAoB,KAAK,IAAI,KAAK,IAAIA,gBAAgBa,OAAO,CAACD,KAAK;QAC/FA,KAAKE,OAAO,CAACC,YAAY,CAACC,6BAAkB,EAAE;QAC9C,OAAO,IAAM;YACXJ,KAAKE,OAAO,CAACG,eAAe,CAACC,2BAAgB;YAC7CN,KAAKE,OAAO,CAACG,eAAe,CAACD,6BAAkB;YAC/ChB,oBAAoB,IAAI,IAAIA,oBAAoB,KAAK,IAAI,KAAK,IAAIA,gBAAgBmB,UAAU,CAACP,KAAKQ,EAAE,CAAC;QACvG;IACF,GAAG;QAACpB;KAAgB;IACpB,MAAMqB,iBAAiBzB,OAAMe,WAAW,CAAC,IAAM;QAC7CX,oBAAoB,IAAI,IAAIA,oBAAoB,KAAK,IAAI,KAAK,IAAIA,gBAAgBZ,MAAM,EAAE;IAC5F,GAAG;QAACY;KAAgB;IACpB,MAAMsB,uBAAuB1B,OAAMe,WAAW,CAACY,CAAAA,KAAM;QACnDvB,oBAAoB,IAAI,IAAIA,oBAAoB,KAAK,IAAI,KAAK,IAAIA,gBAAgBwB,eAAe,CAACD,GAAG;QACrGA,GAAGR,YAAY,CAACU,6BAAkB,EAAE;QACpC,OAAO,IAAM;YACXzB,oBAAoB,IAAI,IAAIA,oBAAoB,KAAK,IAAI,KAAK,IAAIA,gBAAgB0B,kBAAkB,EAAE;YACtGH,GAAGN,eAAe,CAACQ,6BAAkB;QACvC;IACF,GAAG;QAACzB;KAAgB;IACpB,OAAO;QACLL;QACAe;QACAW;QACAC;IACF;AACF;AACO,MAAMnC,4BAA4BwC,CAAAA,QAAS;IAChD,IAAI,EACFf,KAAI,EACJgB,QAAO,EACR,GAAGD;IACJ,IAAIC,SAAS;QACXhB,KAAKE,OAAO,CAACG,eAAe,CAACC,2BAAgB;IAC/C,OAAO;QACLN,KAAKE,OAAO,CAACC,YAAY,CAACG,2BAAgB,EAAE;IAC9C,CAAC;AACH,GACA,gDAAgD"}
+{"version":3,"mappings":"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","names":["useOverflowContainer","update","options","overflowAxis","overflowDirection","padding","minimumVisible","onUpdateItemVisibility","containerRef","React","useRef","updateOverflowItems","react_utilities_1","overflowManager","useState","priority_overflow_1","current","observe","undefined","onUpdateOverflow","disconnect","registerItem","useCallback","item","addItem","element","setAttribute","constants_1","removeAttribute","removeItem","id","updateOverflow","registerOverflowMenu","el","addOverflowMenu","removeOverflowMenu","exports","updateVisibilityAttribute","visible"],"sourceRoot":"","sources":["../../../../../../../packages/react-components/react-overflow/src/useOverflowContainer.ts"],"sourcesContent":["import * as React from 'react';\nimport { createOverflowManager } from '@fluentui/priority-overflow';\n\n/**\n * @internal\n */\nimport type {\n  OnUpdateItemVisibility,\n  OnUpdateOverflow,\n  OverflowItemEntry,\n  OverflowManager,\n  ObserveOptions,\n} from '@fluentui/priority-overflow';\nimport { canUseDOM, useEventCallback, useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport { UseOverflowContainerReturn } from './types';\nimport { DATA_OVERFLOWING, DATA_OVERFLOW_ITEM, DATA_OVERFLOW_MENU } from './constants';\n\n/**\n * @internal\n * @param update - Callback when overflow state changes\n * @param options - Options to configure the overflow container\n * @returns - ref to attach to an intrinsic HTML element and imperative functions\n */\nexport const useOverflowContainer = <TElement extends HTMLElement>(\n  update: OnUpdateOverflow,\n  options: Omit<ObserveOptions, 'onUpdateOverflow'>,\n): UseOverflowContainerReturn<TElement> => {\n  const { overflowAxis, overflowDirection, padding, minimumVisible, onUpdateItemVisibility } = options;\n\n  // DOM ref to the overflow container element\n  const containerRef = React.useRef<TElement>(null);\n  const updateOverflowItems = useEventCallback(update);\n\n  const [overflowManager] = React.useState<OverflowManager | null>(() =>\n    canUseDOM() ? createOverflowManager() : null,\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    if (!containerRef.current) {\n      return;\n    }\n\n    if (overflowManager) {\n      overflowManager.observe(containerRef.current, {\n        overflowDirection: overflowDirection ?? 'end',\n        overflowAxis: overflowAxis ?? 'horizontal',\n        padding: padding ?? 10,\n        minimumVisible: minimumVisible ?? 0,\n        onUpdateItemVisibility: onUpdateItemVisibility ?? (() => undefined),\n        onUpdateOverflow: updateOverflowItems ?? (() => undefined),\n      });\n\n      return () => {\n        overflowManager.disconnect();\n      };\n    }\n  }, [\n    updateOverflowItems,\n    overflowManager,\n    overflowDirection,\n    overflowAxis,\n    padding,\n    minimumVisible,\n    onUpdateItemVisibility,\n  ]);\n\n  const registerItem = React.useCallback(\n    (item: OverflowItemEntry) => {\n      overflowManager?.addItem(item);\n      item.element.setAttribute(DATA_OVERFLOW_ITEM, '');\n\n      return () => {\n        item.element.removeAttribute(DATA_OVERFLOWING);\n        item.element.removeAttribute(DATA_OVERFLOW_ITEM);\n        overflowManager?.removeItem(item.id);\n      };\n    },\n    [overflowManager],\n  );\n\n  const updateOverflow = React.useCallback(() => {\n    overflowManager?.update();\n  }, [overflowManager]);\n\n  const registerOverflowMenu = React.useCallback(\n    (el: HTMLElement) => {\n      overflowManager?.addOverflowMenu(el);\n      el.setAttribute(DATA_OVERFLOW_MENU, '');\n\n      return () => {\n        overflowManager?.removeOverflowMenu();\n        el.removeAttribute(DATA_OVERFLOW_MENU);\n      };\n    },\n    [overflowManager],\n  );\n\n  return {\n    containerRef,\n    registerItem,\n    updateOverflow,\n    registerOverflowMenu,\n  };\n};\n\nexport const updateVisibilityAttribute: OnUpdateItemVisibility = ({ item, visible }) => {\n  if (visible) {\n    item.element.removeAttribute(DATA_OVERFLOWING);\n  } else {\n    item.element.setAttribute(DATA_OVERFLOWING, '');\n  }\n};\n"]}

package/lib-commonjs/useOverflowCount.js

@@ -1,20 +1,20 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "useOverflowCount", {
-    enumerable: true,
-    get: ()=>useOverflowCount
+exports.useOverflowCount = void 0;
+const overflowContext_1 = /*#__PURE__*/require("./overflowContext");
+/**
+ * @returns Number of items that are overflowing
+ */
+const useOverflowCount = () => overflowContext_1.useOverflowContext(v => {
+  return Object.entries(v.itemVisibility).reduce((acc, [id, visible]) => {
+    if (!visible) {
+      acc++;
+    }
+    return acc;
+  }, 0);
 });
-const _overflowContext = require("./overflowContext");
-const useOverflowCount = ()=>(0, _overflowContext.useOverflowContext)((v)=>{
-        return Object.entries(v.itemVisibility).reduce((acc, param)=>{
-            let [id, visible] = param;
-            if (!visible) {
-                acc++;
-            }
-            return acc;
-        }, 0);
-    }); //# sourceMappingURL=useOverflowCount.js.map
-
+exports.useOverflowCount = useOverflowCount;
 //# sourceMappingURL=useOverflowCount.js.map

package/lib-commonjs/useOverflowCount.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../lib/useOverflowCount.js"],"sourcesContent":["import { useOverflowContext } from './overflowContext';\n/**\n * @returns Number of items that are overflowing\n */\nexport const useOverflowCount = () => useOverflowContext(v => {\n  return Object.entries(v.itemVisibility).reduce((acc, param) => {\n    let [id, visible] = param;\n    if (!visible) {\n      acc++;\n    }\n    return acc;\n  }, 0);\n});\n//# sourceMappingURL=useOverflowCount.js.map"],"names":["useOverflowCount","useOverflowContext","v","Object","entries","itemVisibility","reduce","acc","param","id","visible"],"mappings":";;;;+BAIaA;;aAAAA;;iCAJsB;AAI5B,MAAMA,mBAAmB,IAAMC,IAAAA,mCAAkB,EAACC,CAAAA,IAAK;QAC5D,OAAOC,OAAOC,OAAO,CAACF,EAAEG,cAAc,EAAEC,MAAM,CAAC,CAACC,KAAKC,QAAU;YAC7D,IAAI,CAACC,IAAIC,QAAQ,GAAGF;YACpB,IAAI,CAACE,SAAS;gBACZH;YACF,CAAC;YACD,OAAOA;QACT,GAAG;IACL,IACA,4CAA4C"}
+{"version":3,"mappings":";;;;;;AAAA;AAEA;;;AAGO,MAAMA,gBAAgB,GAAG,MAC9BC,oCAAkB,CAACC,CAAC,IAAG;EACrB,OAAOC,MAAM,CAACC,OAAO,CAACF,CAAC,CAACG,cAAc,CAAC,CAACC,MAAM,CAAC,CAACC,GAAG,EAAE,CAACC,EAAE,EAAEC,OAAO,CAAC,KAAI;IACpE,IAAI,CAACA,OAAO,EAAE;MACZF,GAAG,EAAE;;IAGP,OAAOA,GAAG;EACZ,CAAC,EAAE,CAAC,CAAC;AACP,CAAC,CAAC;AATSG,wBAAgB","names":["useOverflowCount","overflowContext_1","v","Object","entries","itemVisibility","reduce","acc","id","visible","exports"],"sourceRoot":"","sources":["../../../../../../../packages/react-components/react-overflow/src/useOverflowCount.ts"],"sourcesContent":["import { useOverflowContext } from './overflowContext';\n\n/**\n * @returns Number of items that are overflowing\n */\nexport const useOverflowCount = () =>\n  useOverflowContext(v => {\n    return Object.entries(v.itemVisibility).reduce((acc, [id, visible]) => {\n      if (!visible) {\n        acc++;\n      }\n\n      return acc;\n    }, 0);\n  });\n"]}