feat: Fluent UI Outlook Lite + connections mockup

node_modules/@fluentui/react-overflow/lib-commonjs/components/Overflow.js

@@ -0,0 +1,69 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Overflow", {
+    enumerable: true,
+    get: function() {
+        return Overflow;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _react1 = require("@griffel/react");
+const _reactutilities = require("@fluentui/react-utilities");
+const _overflowContext = require("../overflowContext");
+const _useOverflowContainer = require("../useOverflowContainer");
+const _useOverflowStylesstyles = require("./useOverflowStyles.styles");
+const Overflow = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const styles = (0, _useOverflowStylesstyles.useOverflowStyles)();
+    const { children, minimumVisible, overflowAxis = 'horizontal', overflowDirection, padding, onOverflowChange, hasHiddenItems } = props;
+    const [overflowState, setOverflowState] = _react.useState({
+        hasOverflow: false,
+        itemVisibility: {},
+        groupVisibility: {}
+    });
+    // useOverflowContainer wraps this method in a useEventCallback.
+    const update = (data)=>{
+        const { visibleItems, invisibleItems, groupVisibility } = data;
+        const itemVisibility = {};
+        visibleItems.forEach((item)=>{
+            itemVisibility[item.id] = true;
+        });
+        invisibleItems.forEach((x)=>itemVisibility[x.id] = false);
+        const newState = {
+            hasOverflow: data.invisibleItems.length > 0,
+            itemVisibility,
+            groupVisibility
+        };
+        onOverflowChange === null || onOverflowChange === void 0 ? void 0 : onOverflowChange(null, {
+            ...newState
+        });
+        setOverflowState(newState);
+    };
+    const { containerRef, registerItem, updateOverflow, registerOverflowMenu, registerDivider } = (0, _useOverflowContainer.useOverflowContainer)(update, {
+        overflowDirection,
+        overflowAxis,
+        padding,
+        minimumVisible,
+        hasHiddenItems,
+        onUpdateItemVisibility: _useOverflowContainer.updateVisibilityAttribute
+    });
+    const child = (0, _reactutilities.getTriggerChild)(children);
+    const clonedChild = (0, _reactutilities.applyTriggerPropsToChildren)(children, {
+        ref: (0, _reactutilities.useMergedRefs)(containerRef, ref, (0, _reactutilities.getReactElementRef)(child)),
+        className: (0, _react1.mergeClasses)('fui-Overflow', styles.overflowMenu, styles.overflowingItems, child === null || child === void 0 ? void 0 : child.props.className)
+    });
+    return /*#__PURE__*/ _react.createElement(_overflowContext.OverflowContext.Provider, {
+        value: {
+            itemVisibility: overflowState.itemVisibility,
+            groupVisibility: overflowState.groupVisibility,
+            hasOverflow: overflowState.hasOverflow,
+            registerItem,
+            updateOverflow,
+            registerOverflowMenu,
+            registerDivider
+        }
+    }, clonedChild);
+});

node_modules/@fluentui/react-overflow/lib-commonjs/components/OverflowDivider/OverflowDivider.js

@@ -0,0 +1,22 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "OverflowDivider", {
+    enumerable: true,
+    get: function() {
+        return OverflowDivider;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _useOverflowDivider = require("../../useOverflowDivider");
+const OverflowDivider = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const { groupId, children } = props;
+    const containerRef = (0, _useOverflowDivider.useOverflowDivider)(groupId);
+    return (0, _reactutilities.applyTriggerPropsToChildren)(children, {
+        ref: (0, _reactutilities.useMergedRefs)(containerRef, ref)
+    });
+});

node_modules/@fluentui/react-overflow/lib-commonjs/components/OverflowDivider/OverflowDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/OverflowDivider/OverflowDivider.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { applyTriggerPropsToChildren, useMergedRefs } from '@fluentui/react-utilities';\nimport { useOverflowDivider } from '../../useOverflowDivider';\nimport { OverflowDividerProps } from './OverflowDivider.types';\n\n/**\n * Attaches overflow item behavior to its child registered with the OverflowContext.\n * It does not render an element of its own.\n */\nexport const OverflowDivider = React.forwardRef((props: OverflowDividerProps, ref) => {\n  const { groupId, children } = props;\n\n  const containerRef = useOverflowDivider(groupId);\n  return applyTriggerPropsToChildren(children, {\n    ref: useMergedRefs(containerRef, ref),\n  });\n});\n"],"names":["React","applyTriggerPropsToChildren","useMergedRefs","useOverflowDivider","OverflowDivider","forwardRef","props","ref","groupId","children","containerRef"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;gCAC4B,4BAA4B;oCACpD,2BAA2B;AAOvD,MAAMI,kBAAAA,WAAAA,GAAkBJ,OAAMK,UAAU,CAAC,CAACC,OAA6BC;IAC5E,MAAM,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGH;IAE9B,MAAMI,mBAAeP,sCAAAA,EAAmBK;IACxC,WAAOP,2CAAAA,EAA4BQ,UAAU;QAC3CF,SAAKL,6BAAAA,EAAcQ,cAAcH;IACnC;AACF,GAAG"}

node_modules/@fluentui/react-overflow/lib-commonjs/components/OverflowDivider/OverflowDivider.types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));

node_modules/@fluentui/react-overflow/lib-commonjs/components/OverflowDivider/OverflowDivider.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/OverflowDivider/OverflowDivider.types.ts"],"sourcesContent":["import * as React from 'react';\n\n/**\n * OverflowDividerProps\n */\nexport type OverflowDividerProps = {\n  /**\n   * Assigns the item to a group, group visibility can be watched.\n   */\n  groupId: string;\n  /**\n   * The single child that has overflow item behavior attached.\n   */\n  children: React.ReactElement;\n};\n"],"names":["React"],"mappings":";;;;;iEAAuB,QAAQ"}

node_modules/@fluentui/react-overflow/lib-commonjs/components/OverflowItem/OverflowItem.js

@@ -0,0 +1,25 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "OverflowItem", {
+    enumerable: true,
+    get: function() {
+        return OverflowItem;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _useOverflowItem = require("../../useOverflowItem");
+const OverflowItem = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const { id, groupId, priority, pinned, children } = props;
+    const containerRef = (0, _useOverflowItem.useOverflowItem)(id, priority, groupId, pinned);
+    const child = (0, _reactutilities.getTriggerChild)(children);
+    return (0, _reactutilities.applyTriggerPropsToChildren)(children, {
+        ref: (0, _reactutilities.useMergedRefs)(containerRef, ref, (0, _reactutilities.getReactElementRef)(child))
+    });
+});
+// type casting here is required to ensure internal type FluentTriggerComponent is not leaked
+OverflowItem.isFluentTriggerComponent = true;

node_modules/@fluentui/react-overflow/lib-commonjs/components/OverflowItem/OverflowItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/OverflowItem/OverflowItem.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n  applyTriggerPropsToChildren,\n  getReactElementRef,\n  type FluentTriggerComponent,\n  getTriggerChild,\n  useMergedRefs,\n} from '@fluentui/react-utilities';\nimport { useOverflowItem } from '../../useOverflowItem';\nimport { OverflowItemProps } from './OverflowItem.types';\n\n/**\n * Attaches overflow item behavior to its child registered with the OverflowContext.\n * It does not render an element of its own.\n *\n * Behaves similarly to other `*Trigger` components in Fluent UI React.\n */\nexport const OverflowItem = React.forwardRef((props: OverflowItemProps, ref) => {\n  const { id, groupId, priority, pinned, children } = props;\n\n  const containerRef = useOverflowItem(id, priority, groupId, pinned);\n  const child = getTriggerChild(children);\n\n  return applyTriggerPropsToChildren(children, {\n    ref: useMergedRefs(containerRef, ref, getReactElementRef(child)),\n  });\n});\n\n// type casting here is required to ensure internal type FluentTriggerComponent is not leaked\n(OverflowItem as FluentTriggerComponent).isFluentTriggerComponent = true;\n"],"names":["React","applyTriggerPropsToChildren","getReactElementRef","getTriggerChild","useMergedRefs","useOverflowItem","OverflowItem","forwardRef","props","ref","id","groupId","priority","pinned","children","containerRef","child","isFluentTriggerComponent"],"mappings":"AAAA;;;;;+BAmBaM;;;;;;;iEAjBU,QAAQ;gCAOxB,4BAA4B;iCACH,wBAAwB;AASjD,qBAAMA,WAAAA,GAAeN,OAAMO,UAAU,CAAC,CAACC,OAA0BC;IACtE,MAAM,EAAEC,EAAE,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,QAAQ,EAAE,GAAGN;IAEpD,MAAMO,mBAAeV,gCAAAA,EAAgBK,IAAIE,UAAUD,SAASE;IAC5D,MAAMG,YAAQb,+BAAAA,EAAgBW;IAE9B,WAAOb,2CAAAA,EAA4Ba,UAAU;QAC3CL,SAAKL,6BAAAA,EAAcW,cAAcN,SAAKP,kCAAAA,EAAmBc;IAC3D;AACF,GAAG;AAEH,6FAA6F;AAC5FV,aAAwCW,wBAAwB,GAAG"}

node_modules/@fluentui/react-overflow/lib-commonjs/components/OverflowItem/OverflowItem.types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));

node_modules/@fluentui/react-overflow/lib-commonjs/components/OverflowItem/OverflowItem.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/OverflowItem/OverflowItem.types.ts"],"sourcesContent":["import * as React from 'react';\n\n/**\n * OverflowItemProps\n */\nexport type OverflowItemProps = {\n  /**\n   * The unique identifier for the item used by the overflow manager.\n   */\n  id: string;\n  /**\n   * Assigns the item to a group, group visibility can be watched.\n   */\n  groupId?: string;\n  /**\n   * The single child that has overflow item behavior attached.\n   */\n  children: React.ReactElement;\n} & (\n  | {\n      /**\n       * If true, the item will never overflow and will always be visible.\n       * Mutually exclusive with `priority`.\n       */\n      pinned?: boolean;\n      priority?: never;\n    }\n  | {\n      pinned?: never;\n      /**\n       * A higher priority means the item overflows later.\n       * Mutually exclusive with `pinned`.\n       */\n      priority?: number;\n    }\n);\n"],"names":["React"],"mappings":";;;;;iEAAuB,QAAQ"}

node_modules/@fluentui/react-overflow/lib-commonjs/components/OverflowItem/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "OverflowItem", {
+    enumerable: true,
+    get: function() {
+        return _OverflowItem.OverflowItem;
+    }
+});
+const _OverflowItem = require("./OverflowItem");

node_modules/@fluentui/react-overflow/lib-commonjs/components/OverflowItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/OverflowItem/index.ts"],"sourcesContent":["export type { OverflowItemProps } from './OverflowItem.types';\nexport { OverflowItem } from './OverflowItem';\n"],"names":["OverflowItem"],"mappings":";;;;;;;eACSA,0BAAY;;;8BAAQ,iBAAiB"}

node_modules/@fluentui/react-overflow/lib-commonjs/components/useOverflowStyles.styles.js

@@ -0,0 +1,25 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useOverflowStyles", {
+    enumerable: true,
+    get: function() {
+        return useOverflowStyles;
+    }
+});
+const _react = require("@griffel/react");
+const useOverflowStyles = /*#__PURE__*/ (0, _react.__styles)({
+    overflowMenu: {
+        Brvla84: "fyfkpbf"
+    },
+    overflowingItems: {
+        zb22lx: "f10570jf"
+    }
+}, {
+    d: [
+        ".fyfkpbf [data-overflow-menu]{flex-shrink:0;}",
+        ".f10570jf [data-overflowing]{display:none;}"
+    ]
+});

node_modules/@fluentui/react-overflow/lib-commonjs/components/useOverflowStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useOverflowStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from '@griffel/react';\nimport { DATA_OVERFLOWING, DATA_OVERFLOW_MENU } from '../constants';\nexport const useOverflowStyles = makeStyles({\n    overflowMenu: {\n        [`& [${DATA_OVERFLOW_MENU}]`]: {\n            flexShrink: 0\n        }\n    },\n    overflowingItems: {\n        [`& [${DATA_OVERFLOWING}]`]: {\n            display: 'none'\n        }\n    }\n});\n"],"names":["__styles","DATA_OVERFLOWING","DATA_OVERFLOW_MENU","useOverflowStyles","overflowMenu","Brvla84","overflowingItems","zb22lx","d"],"mappings":"AAAA,YAAY;;;;;;;;;;;uBACe,gBAAgB;AAEpC,MAAMG,iBAAiB,GAAA,WAAA,OAAGH,eAAA,EAAA;IAAAI,YAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,gBAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;KAAA;AAAA,CAWhC,CAAC"}

node_modules/@fluentui/react-overflow/lib-commonjs/components/useOverflowStyles.styles.raw.js

@@ -0,0 +1,25 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useOverflowStyles", {
+    enumerable: true,
+    get: function() {
+        return useOverflowStyles;
+    }
+});
+const _react = require("@griffel/react");
+const _constants = require("../constants");
+const useOverflowStyles = (0, _react.makeStyles)({
+    overflowMenu: {
+        [`& [${_constants.DATA_OVERFLOW_MENU}]`]: {
+            flexShrink: 0
+        }
+    },
+    overflowingItems: {
+        [`& [${_constants.DATA_OVERFLOWING}]`]: {
+            display: 'none'
+        }
+    }
+});

node_modules/@fluentui/react-overflow/lib-commonjs/components/useOverflowStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/useOverflowStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles } from '@griffel/react';\nimport { DATA_OVERFLOWING, DATA_OVERFLOW_MENU } from '../constants';\n\nexport const useOverflowStyles = makeStyles({\n  overflowMenu: {\n    [`& [${DATA_OVERFLOW_MENU}]`]: {\n      flexShrink: 0,\n    },\n  },\n\n  overflowingItems: {\n    [`& [${DATA_OVERFLOWING}]`]: {\n      display: 'none',\n    },\n  },\n});\n"],"names":["makeStyles","DATA_OVERFLOWING","DATA_OVERFLOW_MENU","useOverflowStyles","overflowMenu","flexShrink","overflowingItems","display"],"mappings":"AAAA;;;;;;;;;;;uBAE2B,iBAAiB;2BACS,eAAe;AAE7D,MAAMG,wBAAoBH,iBAAAA,EAAW;IAC1CI,cAAc;QACZ,CAAC,CAAC,GAAG,EAAEF,6BAAAA,CAAmB,CAAC,CAAC,CAAC,EAAE;YAC7BG,YAAY;QACd;IACF;IAEAC,kBAAkB;QAChB,CAAC,CAAC,GAAG,EAAEL,2BAAAA,CAAiB,CAAC,CAAC,CAAC,EAAE;YAC3BM,SAAS;QACX;IACF;AACF,GAAG"}

node_modules/@fluentui/react-overflow/lib-commonjs/constants.js

@@ -0,0 +1,28 @@
+"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: function() {
+        return DATA_OVERFLOWING;
+    },
+    DATA_OVERFLOW_DIVIDER: function() {
+        return DATA_OVERFLOW_DIVIDER;
+    },
+    DATA_OVERFLOW_ITEM: function() {
+        return DATA_OVERFLOW_ITEM;
+    },
+    DATA_OVERFLOW_MENU: function() {
+        return DATA_OVERFLOW_MENU;
+    }
+});
+const DATA_OVERFLOWING = 'data-overflowing';
+const DATA_OVERFLOW_ITEM = 'data-overflow-item';
+const DATA_OVERFLOW_MENU = 'data-overflow-menu';
+const DATA_OVERFLOW_DIVIDER = 'data-overflow-divider';

node_modules/@fluentui/react-overflow/lib-commonjs/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../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';\nexport const DATA_OVERFLOW_DIVIDER = 'data-overflow-divider';\n"],"names":["DATA_OVERFLOWING","DATA_OVERFLOW_ITEM","DATA_OVERFLOW_MENU","DATA_OVERFLOW_DIVIDER"],"mappings":";;;;;;;;;;;oBAAaA;;;yBAGAG;;;sBAFAF;;;sBACAC;;;;AAFN,MAAMF,mBAAmB,mBAAmB;AAC5C,MAAMC,qBAAqB,qBAAqB;AAChD,MAAMC,qBAAqB,qBAAqB;AAChD,MAAMC,wBAAwB,wBAAwB"}

node_modules/@fluentui/react-overflow/lib-commonjs/index.js

@@ -0,0 +1,73 @@
+"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: function() {
+        return _constants.DATA_OVERFLOWING;
+    },
+    DATA_OVERFLOW_DIVIDER: function() {
+        return _constants.DATA_OVERFLOW_DIVIDER;
+    },
+    DATA_OVERFLOW_ITEM: function() {
+        return _constants.DATA_OVERFLOW_ITEM;
+    },
+    DATA_OVERFLOW_MENU: function() {
+        return _constants.DATA_OVERFLOW_MENU;
+    },
+    Overflow: function() {
+        return _Overflow.Overflow;
+    },
+    OverflowDivider: function() {
+        return _OverflowDivider.OverflowDivider;
+    },
+    OverflowItem: function() {
+        return _OverflowItem.OverflowItem;
+    },
+    useIsOverflowGroupVisible: function() {
+        return _useIsOverflowGroupVisible.useIsOverflowGroupVisible;
+    },
+    useIsOverflowItemVisible: function() {
+        return _useIsOverflowItemVisible.useIsOverflowItemVisible;
+    },
+    useOverflowContainer: function() {
+        return _useOverflowContainer.useOverflowContainer;
+    },
+    useOverflowContext: function() {
+        return _overflowContext.useOverflowContext;
+    },
+    useOverflowCount: function() {
+        return _useOverflowCount.useOverflowCount;
+    },
+    useOverflowDivider: function() {
+        return _useOverflowDivider.useOverflowDivider;
+    },
+    useOverflowItem: function() {
+        return _useOverflowItem.useOverflowItem;
+    },
+    useOverflowMenu: function() {
+        return _useOverflowMenu.useOverflowMenu;
+    },
+    useOverflowVisibility: function() {
+        return _useOverflowVisibility.useOverflowVisibility;
+    }
+});
+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 _useOverflowDivider = require("./useOverflowDivider");
+const _useOverflowVisibility = require("./useOverflowVisibility");
+const _overflowContext = require("./overflowContext");
+const _OverflowItem = require("./components/OverflowItem/OverflowItem");
+const _OverflowDivider = require("./components/OverflowDivider/OverflowDivider");

node_modules/@fluentui/react-overflow/lib-commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { Overflow } from './components/Overflow';\nexport type { OverflowProps, OnOverflowChangeData } from './components/Overflow';\nexport { DATA_OVERFLOWING, DATA_OVERFLOW_ITEM, DATA_OVERFLOW_MENU, DATA_OVERFLOW_DIVIDER } 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';\nexport { useOverflowDivider } from './useOverflowDivider';\nexport { useOverflowVisibility } from './useOverflowVisibility';\n\nexport { useOverflowContext } from './overflowContext';\n\nexport type { OverflowItemProps } from './components/OverflowItem/OverflowItem.types';\nexport { OverflowItem } from './components/OverflowItem/OverflowItem';\nexport { OverflowDivider } from './components/OverflowDivider/OverflowDivider';\n"],"names":["Overflow","DATA_OVERFLOWING","DATA_OVERFLOW_ITEM","DATA_OVERFLOW_MENU","DATA_OVERFLOW_DIVIDER","useIsOverflowGroupVisible","useIsOverflowItemVisible","useOverflowContainer","useOverflowCount","useOverflowItem","useOverflowMenu","useOverflowDivider","useOverflowVisibility","useOverflowContext","OverflowItem","OverflowDivider"],"mappings":";;;;;;;;;;;IAESC,gBAAgB;;;;eAA0CG,gCAAqB;;;eAA7DF,6BAAkB;;;eAAEC,6BAAkB;;;eAFxDH,kBAAQ;;;eAiBRe,gCAAe;;gBADH;eAAZD;;;eAZAT,oDAAyB;;IACzBC,wBAAwB;;;;eACxBC,0CAAoB;;;eAOpBM,mCAAkB;;;eANlBL,kCAAgB;;;eAGhBG,sCAAkB;;;eAFlBF,gCAAe;;;eACfC,gCAAe;;;eAEfE,4CAAqB;;;0BAXL,wBAAwB;2BAE+C,cAAc;2CAEpE,8BAA8B;0CAC/B,6BAA6B;sCACjC,yBAAyB;kCAC7B,qBAAqB;iCACtB,oBAAoB;iCACpB,oBAAoB;oCACjB,uBAAuB;uCACpB,0BAA0B;iCAE7B,oBAAoB;8BAG1B,yCAAyC;iCACtC,+CAA+C"}

node_modules/@fluentui/react-overflow/lib-commonjs/overflowContext.js

@@ -0,0 +1,31 @@
+'use client';
+"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: function() {
+        return OverflowContext;
+    },
+    useOverflowContext: function() {
+        return useOverflowContext;
+    }
+});
+const _reactcontextselector = require("@fluentui/react-context-selector");
+const OverflowContext = (0, _reactcontextselector.createContext)(undefined);
+const overflowContextDefaultValue = {
+    itemVisibility: {},
+    groupVisibility: {},
+    hasOverflow: false,
+    registerItem: ()=>()=>null,
+    updateOverflow: ()=>null,
+    registerOverflowMenu: ()=>()=>null,
+    registerDivider: ()=>()=>null
+};
+const useOverflowContext = (selector)=>(0, _reactcontextselector.useContextSelector)(OverflowContext, (ctx = overflowContextDefaultValue)=>selector(ctx));

node_modules/@fluentui/react-overflow/lib-commonjs/overflowContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/overflowContext.ts"],"sourcesContent":["'use client';\n\nimport type { OverflowGroupState, OverflowItemEntry, OverflowDividerEntry } 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  registerDivider: (divider: OverflowDividerEntry) => () => 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  registerDivider: () => () => null,\n};\n\n/**\n * @internal\n */\nexport const useOverflowContext = <SelectedValue>(\n  selector: ContextSelector<OverflowContextValue, SelectedValue>,\n): SelectedValue => useContextSelector(OverflowContext, (ctx = overflowContextDefaultValue) => selector(ctx));\n"],"names":["createContext","useContextSelector","OverflowContext","undefined","overflowContextDefaultValue","itemVisibility","groupVisibility","hasOverflow","registerItem","updateOverflow","registerOverflowMenu","registerDivider","useOverflowContext","selector","ctx"],"mappings":"AAAA;;;;;;;;;;;;mBAkBaE;;;sBAiBAU;;;;sCAhC+D,mCAAmC;AAexG,MAAMV,sBAAkBF,mCAAAA,EAC7BG,WACiC;AAEnC,MAAMC,8BAAoD;IACxDC,gBAAgB,CAAC;IACjBC,iBAAiB,CAAC;IAClBC,aAAa;IACbC,cAAc,IAAM,IAAM;IAC1BC,gBAAgB,IAAM;IACtBC,sBAAsB,IAAM,IAAM;IAClCC,iBAAiB,IAAM,IAAM;AAC/B;AAKO,MAAMC,qBAAqB,CAChCC,eACkBZ,wCAAAA,EAAmBC,iBAAiB,CAACY,MAAMV,2BAA2B,GAAKS,SAASC,MAAM"}

node_modules/@fluentui/react-overflow/lib-commonjs/types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));

node_modules/@fluentui/react-overflow/lib-commonjs/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/types.ts"],"sourcesContent":["import * as React from 'react';\nimport { OverflowContextValue } from './overflowContext';\n\n/**\n * @internal\n */\nexport interface UseOverflowContainerReturn<TElement extends HTMLElement>\n  extends Pick<OverflowContextValue, 'registerItem' | 'updateOverflow' | 'registerOverflowMenu' | 'registerDivider'> {\n  /**\n   * Ref to apply to the container that will overflow\n   */\n  containerRef: React.RefObject<TElement | null>;\n}\n"],"names":["React"],"mappings":";;;;;iEAAuB,QAAQ"}

node_modules/@fluentui/react-overflow/lib-commonjs/useIsOverflowGroupVisible.js

@@ -0,0 +1,15 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useIsOverflowGroupVisible", {
+    enumerable: true,
+    get: function() {
+        return useIsOverflowGroupVisible;
+    }
+});
+const _overflowContext = require("./overflowContext");
+function useIsOverflowGroupVisible(id) {
+    return (0, _overflowContext.useOverflowContext)((ctx)=>ctx.groupVisibility[id]);
+}

node_modules/@fluentui/react-overflow/lib-commonjs/useIsOverflowGroupVisible.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useIsOverflowGroupVisible.ts"],"sourcesContent":["'use client';\n\nimport { 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"],"names":["useOverflowContext","useIsOverflowGroupVisible","id","ctx","groupVisibility"],"mappings":"AAAA;;;;;;;;;;;iCAGmC,oBAAoB;AAMhD,SAASC,0BAA0BC,EAAU;IAClD,WAAOF,mCAAAA,EAAmBG,CAAAA,MAAOA,IAAIC,eAAe,CAACF,GAAG;AAC1D"}

node_modules/@fluentui/react-overflow/lib-commonjs/useIsOverflowItemVisible.js

@@ -0,0 +1,15 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useIsOverflowItemVisible", {
+    enumerable: true,
+    get: function() {
+        return useIsOverflowItemVisible;
+    }
+});
+const _overflowContext = require("./overflowContext");
+function useIsOverflowItemVisible(id) {
+    return !!(0, _overflowContext.useOverflowContext)((ctx)=>ctx.itemVisibility[id]);
+}

node_modules/@fluentui/react-overflow/lib-commonjs/useIsOverflowItemVisible.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useIsOverflowItemVisible.ts"],"sourcesContent":["'use client';\n\nimport { 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"],"names":["useOverflowContext","useIsOverflowItemVisible","id","ctx","itemVisibility"],"mappings":"AAAA;;;;;;;;;;;iCAEmC,oBAAoB;AAMhD,SAASC,yBAAyBC,EAAU;IACjD,OAAO,CAAC,KAACF,mCAAAA,EAAmBG,CAAAA,MAAOA,IAAIC,cAAc,CAACF,GAAG;AAC3D"}

node_modules/@fluentui/react-overflow/lib-commonjs/useOverflowContainer.js

@@ -0,0 +1,129 @@
+'use client';
+"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, {
+    updateVisibilityAttribute: function() {
+        return updateVisibilityAttribute;
+    },
+    useOverflowContainer: function() {
+        return useOverflowContainer;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _priorityoverflow = require("@fluentui/priority-overflow");
+const _reactutilities = require("@fluentui/react-utilities");
+const _constants = require("./constants");
+const noop = ()=>null;
+const useOverflowContainer = (update, options)=>{
+    'use no memo';
+    const { overflowAxis = 'horizontal', overflowDirection = 'end', padding = 10, minimumVisible = 0, onUpdateItemVisibility = noop, hasHiddenItems = false } = options;
+    const onUpdateOverflow = (0, _reactutilities.useEventCallback)(update);
+    const overflowOptions = _react.useMemo(()=>({
+            overflowAxis,
+            overflowDirection,
+            padding,
+            minimumVisible,
+            onUpdateItemVisibility,
+            onUpdateOverflow,
+            hasHiddenItems
+        }), [
+        minimumVisible,
+        onUpdateItemVisibility,
+        overflowAxis,
+        overflowDirection,
+        padding,
+        onUpdateOverflow,
+        hasHiddenItems
+    ]);
+    const firstMount = (0, _reactutilities.useFirstMount)();
+    // DOM ref to the overflow container element
+    const containerRef = _react.useRef(null);
+    const [overflowManager, setOverflowManager] = _react.useState(()=>(0, _reactutilities.canUseDOM)() ? (0, _priorityoverflow.createOverflowManager)() : null);
+    // On first mount there is no need to create an overflow manager and re-render
+    (0, _reactutilities.useIsomorphicLayoutEffect)(()=>{
+        if (firstMount && containerRef.current) {
+            overflowManager === null || overflowManager === void 0 ? void 0 : overflowManager.observe(containerRef.current, overflowOptions);
+        }
+    }, [
+        firstMount,
+        overflowManager,
+        overflowOptions
+    ]);
+    (0, _reactutilities.useIsomorphicLayoutEffect)(()=>{
+        if (!containerRef.current || !(0, _reactutilities.canUseDOM)() || firstMount) {
+            return;
+        }
+        const newOverflowManager = (0, _priorityoverflow.createOverflowManager)();
+        newOverflowManager.observe(containerRef.current, overflowOptions);
+        setOverflowManager(newOverflowManager);
+    // We don't want to re-create the overflow manager when the first mount flag changes from true to false
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        overflowOptions
+    ]);
+    /* Clean up overflow manager on unmount */ _react.useEffect(()=>()=>{
+            overflowManager === null || overflowManager === void 0 ? void 0 : overflowManager.disconnect();
+        }, [
+        overflowManager
+    ]);
+    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 registerDivider = _react.useCallback((divider)=>{
+        const el = divider.element;
+        overflowManager === null || overflowManager === void 0 ? void 0 : overflowManager.addDivider(divider);
+        el.setAttribute(_constants.DATA_OVERFLOW_DIVIDER, '');
+        return ()=>{
+            divider.groupId && (overflowManager === null || overflowManager === void 0 ? void 0 : overflowManager.removeDivider(divider.groupId));
+            el.removeAttribute(_constants.DATA_OVERFLOW_DIVIDER);
+        };
+    }, [
+        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
+    ]);
+    const updateOverflow = _react.useCallback(()=>{
+        overflowManager === null || overflowManager === void 0 ? void 0 : overflowManager.update();
+    }, [
+        overflowManager
+    ]);
+    return {
+        registerItem,
+        registerDivider,
+        registerOverflowMenu,
+        updateOverflow,
+        containerRef
+    };
+};
+const updateVisibilityAttribute = ({ item, visible })=>{
+    if (visible) {
+        item.element.removeAttribute(_constants.DATA_OVERFLOWING);
+    } else {
+        item.element.setAttribute(_constants.DATA_OVERFLOWING, '');
+    }
+};

node_modules/@fluentui/react-overflow/lib-commonjs/useOverflowCount.js

@@ -0,0 +1,20 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useOverflowCount", {
+    enumerable: true,
+    get: function() {
+        return useOverflowCount;
+    }
+});
+const _overflowContext = require("./overflowContext");
+const useOverflowCount = ()=>(0, _overflowContext.useOverflowContext)((v)=>{
+        return Object.entries(v.itemVisibility).reduce((acc, [id, visible])=>{
+            if (!visible) {
+                acc++;
+            }
+            return acc;
+        }, 0);
+    });

node_modules/@fluentui/react-overflow/lib-commonjs/useOverflowCount.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useOverflowCount.ts"],"sourcesContent":["'use client';\n\nimport { useOverflowContext } from './overflowContext';\n\n/**\n * @returns Number of items that are overflowing\n */\nexport const useOverflowCount = (): number =>\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"],"names":["useOverflowContext","useOverflowCount","v","Object","entries","itemVisibility","reduce","acc","id","visible"],"mappings":"AAAA;;;;;;;;;;;iCAEmC,oBAAoB;AAKhD,MAAMC,mBAAmB,QAC9BD,mCAAAA,EAAmBE,CAAAA;QACjB,OAAOC,OAAOC,OAAO,CAACF,EAAEG,cAAc,EAAEC,MAAM,CAAC,CAACC,KAAK,CAACC,IAAIC,QAAQ;YAChE,IAAI,CAACA,SAAS;gBACZF;YACF;YAEA,OAAOA;QACT,GAAG;IACL,GAAG"}

node_modules/@fluentui/react-overflow/lib-commonjs/useOverflowDivider.js

@@ -0,0 +1,31 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useOverflowDivider", {
+    enumerable: true,
+    get: function() {
+        return useOverflowDivider;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _overflowContext = require("./overflowContext");
+function useOverflowDivider(groupId) {
+    const ref = _react.useRef(null);
+    const registerDivider = (0, _overflowContext.useOverflowContext)((v)=>v.registerDivider);
+    (0, _reactutilities.useIsomorphicLayoutEffect)(()=>{
+        if (ref.current && groupId) {
+            return registerDivider({
+                element: ref.current,
+                groupId
+            });
+        }
+    }, [
+        registerDivider,
+        groupId
+    ]);
+    return ref;
+}

node_modules/@fluentui/react-overflow/lib-commonjs/useOverflowDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useOverflowDivider.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport { useOverflowContext } from './overflowContext';\n\n/**\n * @internal\n * Registers an overflow item\n * @param groupId - assigns the item to a group, group visibility can be watched\n * @returns ref to assign to an intrinsic HTML element\n */\nexport function useOverflowDivider<TElement extends HTMLElement>(groupId?: string): React.RefObject<TElement | null> {\n  const ref = React.useRef<TElement | null>(null);\n  const registerDivider = useOverflowContext(v => v.registerDivider);\n\n  useIsomorphicLayoutEffect(() => {\n    if (ref.current && groupId) {\n      return registerDivider({\n        element: ref.current,\n        groupId,\n      });\n    }\n  }, [registerDivider, groupId]);\n\n  return ref;\n}\n"],"names":["React","useIsomorphicLayoutEffect","useOverflowContext","useOverflowDivider","groupId","ref","useRef","registerDivider","v","current","element"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;gCACW,4BAA4B;iCACnC,oBAAoB;AAQhD,SAASG,mBAAiDC,OAAgB;IAC/E,MAAMC,MAAML,OAAMM,MAAM,CAAkB;IAC1C,MAAMC,sBAAkBL,mCAAAA,EAAmBM,CAAAA,IAAKA,EAAED,eAAe;QAEjEN,yCAAAA,EAA0B;QACxB,IAAII,IAAII,OAAO,IAAIL,SAAS;YAC1B,OAAOG,gBAAgB;gBACrBG,SAASL,IAAII,OAAO;gBACpBL;YACF;QACF;IACF,GAAG;QAACG;QAAiBH;KAAQ;IAE7B,OAAOC;AACT"}

node_modules/@fluentui/react-overflow/lib-commonjs/useOverflowItem.js

@@ -0,0 +1,43 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useOverflowItem", {
+    enumerable: true,
+    get: function() {
+        return useOverflowItem;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _overflowContext = require("./overflowContext");
+function useOverflowItem(id, priority, groupId, pinned) {
+    const ref = _react.useRef(null);
+    const registerItem = (0, _overflowContext.useOverflowContext)((v)=>v.registerItem);
+    (0, _reactutilities.useIsomorphicLayoutEffect)(()=>{
+        if (process.env.NODE_ENV !== 'production') {
+            if (typeof pinned !== 'undefined' && typeof priority !== 'undefined' && pinned) {
+                // eslint-disable-next-line no-console
+                console.error(`useOverflowItem: Overflow item with id "${id}" has pinned=true and priority<0. ` + `Pinned items are always visible and should not have defined priority.`);
+            }
+        }
+        if (ref.current) {
+            return registerItem({
+                element: ref.current,
+                id,
+                priority: priority !== null && priority !== void 0 ? priority : 0,
+                groupId,
+                pinned
+            });
+        }
+    }, [
+        id,
+        priority,
+        registerItem,
+        groupId,
+        pinned
+    ]);
+    return ref;
+}

node_modules/@fluentui/react-overflow/lib-commonjs/useOverflowItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useOverflowItem.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport { useOverflowContext } from './overflowContext';\n\n/**\n * @internal\n * Registers an overflow item\n * @param id - unique identifier for the item used by the overflow manager\n * @param priority - higher priority means the item overflows later\n * @param groupId - assigns the item to a group, group visibility can be watched\n * @param pinned - if true, the item will never overflow and will always be visible\n * @returns ref to assign to an intrinsic HTML element\n */\nexport function useOverflowItem<TElement extends HTMLElement>(\n  id: string,\n  priority?: number,\n  groupId?: string,\n  pinned?: boolean,\n): React.RefObject<TElement | null> {\n  const ref = React.useRef<TElement | null>(null);\n  const registerItem = useOverflowContext(v => v.registerItem);\n\n  useIsomorphicLayoutEffect(() => {\n    if (process.env.NODE_ENV !== 'production') {\n      if (typeof pinned !== 'undefined' && typeof priority !== 'undefined' && pinned) {\n        // eslint-disable-next-line no-console\n        console.error(\n          `useOverflowItem: Overflow item with id \"${id}\" has pinned=true and priority<0. ` +\n            `Pinned items are always visible and should not have defined priority.`,\n        );\n      }\n    }\n\n    if (ref.current) {\n      return registerItem({\n        element: ref.current,\n        id,\n        priority: priority ?? 0,\n        groupId,\n        pinned,\n      });\n    }\n  }, [id, priority, registerItem, groupId, pinned]);\n\n  return ref;\n}\n"],"names":["React","useIsomorphicLayoutEffect","useOverflowContext","useOverflowItem","id","priority","groupId","pinned","ref","useRef","registerItem","v","process","env","NODE_ENV","console","error","current","element"],"mappings":"AAAA;;;;;+BAegBG;;;;;;;iEAbO,QAAQ;gCACW,4BAA4B;iCACnC,oBAAoB;AAWhD,yBACLC,EAAU,EACVC,QAAiB,EACjBC,OAAgB,EAChBC,MAAgB;IAEhB,MAAMC,MAAMR,OAAMS,MAAM,CAAkB;IAC1C,MAAMC,mBAAeR,mCAAAA,EAAmBS,CAAAA,IAAKA,EAAED,YAAY;QAE3DT,yCAAAA,EAA0B;QACxB,IAAIW,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;YACzC,IAAI,OAAOP,WAAW,eAAe,OAAOF,aAAa,eAAeE,QAAQ;gBAC9E,sCAAsC;gBACtCQ,QAAQC,KAAK,CACX,CAAC,wCAAwC,EAAEZ,GAAG,kCAAkC,CAAC,GAC/E,CAAC,qEAAqE,CAAC;YAE7E;QACF;QAEA,IAAII,IAAIS,OAAO,EAAE;YACf,OAAOP,aAAa;gBAClBQ,SAASV,IAAIS,OAAO;gBACpBb;gBACAC,UAAUA,aAAAA,QAAAA,aAAAA,KAAAA,IAAAA,WAAY;gBACtBC;gBACAC;YACF;QACF;IACF,GAAG;QAACH;QAAIC;QAAUK;QAAcJ;QAASC;KAAO;IAEhD,OAAOC;AACT"}

node_modules/@fluentui/react-overflow/lib-commonjs/useOverflowMenu.js

@@ -0,0 +1,47 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useOverflowMenu", {
+    enumerable: true,
+    get: function() {
+        return useOverflowMenu;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _overflowContext = require("./overflowContext");
+const _useOverflowCount = require("./useOverflowCount");
+function useOverflowMenu(id) {
+    const elementId = (0, _reactutilities.useId)('overflow-menu', id);
+    const overflowCount = (0, _useOverflowCount.useOverflowCount)();
+    const registerOverflowMenu = (0, _overflowContext.useOverflowContext)((v)=>v.registerOverflowMenu);
+    const updateOverflow = (0, _overflowContext.useOverflowContext)((v)=>v.updateOverflow);
+    const ref = _react.useRef(null);
+    const isOverflowing = overflowCount > 0;
+    (0, _reactutilities.useIsomorphicLayoutEffect)(()=>{
+        if (ref.current) {
+            return registerOverflowMenu(ref.current);
+        }
+    }, [
+        registerOverflowMenu,
+        isOverflowing,
+        elementId
+    ]);
+    (0, _reactutilities.useIsomorphicLayoutEffect)(()=>{
+        if (isOverflowing) {
+            updateOverflow();
+        }
+    }, [
+        isOverflowing,
+        updateOverflow,
+        ref
+    ]);
+    return {
+        ref,
+        overflowCount,
+        isOverflowing
+    };
+}

node_modules/@fluentui/react-overflow/lib-commonjs/useOverflowMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useOverflowMenu.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useId, useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport { useOverflowContext } from './overflowContext';\nimport { useOverflowCount } from './useOverflowCount';\n\nexport function useOverflowMenu<TElement extends HTMLElement>(\n  id?: string,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n): { ref: React.MutableRefObject<TElement | null>; overflowCount: number; isOverflowing: boolean } {\n  const elementId = useId('overflow-menu', id);\n  const overflowCount = useOverflowCount();\n  const registerOverflowMenu = useOverflowContext(v => v.registerOverflowMenu);\n  const updateOverflow = useOverflowContext(v => v.updateOverflow);\n  const ref = React.useRef<TElement | null>(null);\n  const isOverflowing = overflowCount > 0;\n\n  useIsomorphicLayoutEffect(() => {\n    if (ref.current) {\n      return registerOverflowMenu(ref.current);\n    }\n  }, [registerOverflowMenu, isOverflowing, elementId]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (isOverflowing) {\n      updateOverflow();\n    }\n  }, [isOverflowing, updateOverflow, ref]);\n\n  return { ref, overflowCount, isOverflowing };\n}\n"],"names":["React","useId","useIsomorphicLayoutEffect","useOverflowContext","useOverflowCount","useOverflowMenu","id","elementId","overflowCount","registerOverflowMenu","v","updateOverflow","ref","useRef","isOverflowing","current"],"mappings":"AAAA;;;;;+BAOgBK;;;;;;;iEALO,QAAQ;gCACkB,4BAA4B;iCAC1C,oBAAoB;kCACtB,qBAAqB;AAE/C,yBACLC,EAAW;IAGX,MAAMC,gBAAYN,qBAAAA,EAAM,iBAAiBK;IACzC,MAAME,oBAAgBJ,kCAAAA;IACtB,MAAMK,2BAAuBN,mCAAAA,EAAmBO,CAAAA,IAAKA,EAAED,oBAAoB;IAC3E,MAAME,qBAAiBR,mCAAAA,EAAmBO,CAAAA,IAAKA,EAAEC,cAAc;IAC/D,MAAMC,MAAMZ,OAAMa,MAAM,CAAkB;IAC1C,MAAMC,gBAAgBN,gBAAgB;IAEtCN,6CAAAA,EAA0B;QACxB,IAAIU,IAAIG,OAAO,EAAE;YACf,OAAON,qBAAqBG,IAAIG,OAAO;QACzC;IACF,GAAG;QAACN;QAAsBK;QAAeP;KAAU;QAEnDL,yCAAAA,EAA0B;QACxB,IAAIY,eAAe;YACjBH;QACF;IACF,GAAG;QAACG;QAAeH;QAAgBC;KAAI;IAEvC,OAAO;QAAEA;QAAKJ;QAAeM;IAAc;AAC7C"}

node_modules/@fluentui/react-overflow/lib-commonjs/useOverflowVisibility.js

@@ -0,0 +1,25 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useOverflowVisibility", {
+    enumerable: true,
+    get: function() {
+        return useOverflowVisibility;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _overflowContext = require("./overflowContext");
+function useOverflowVisibility() {
+    const itemVisibility = (0, _overflowContext.useOverflowContext)((ctx)=>ctx.itemVisibility);
+    const groupVisibility = (0, _overflowContext.useOverflowContext)((ctx)=>ctx.groupVisibility);
+    return _react.useMemo(()=>({
+            itemVisibility,
+            groupVisibility
+        }), [
+        itemVisibility,
+        groupVisibility
+    ]);
+}

node_modules/@fluentui/react-overflow/lib-commonjs/useOverflowVisibility.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useOverflowVisibility.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useOverflowContext } from './overflowContext';\n\n/**\n * A hook that returns the visibility status of all items and groups.\n *\n * ⚠️ Heads up!\n *\n * This hook will cause the component it is in to re-render for every single time an item overflows or becomes\n * visible - use with caution\n * @returns visibility status of all items and groups\n */\nexport function useOverflowVisibility(): {\n  itemVisibility: Record<string, boolean>;\n  groupVisibility: Record<string, import('@fluentui/priority-overflow').OverflowGroupState>;\n} {\n  const itemVisibility = useOverflowContext(ctx => ctx.itemVisibility);\n  const groupVisibility = useOverflowContext(ctx => ctx.groupVisibility);\n\n  return React.useMemo(() => ({ itemVisibility, groupVisibility }), [itemVisibility, groupVisibility]);\n}\n"],"names":["React","useOverflowContext","useOverflowVisibility","itemVisibility","ctx","groupVisibility","useMemo"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;iCACI,oBAAoB;AAWhD,SAASE;IAId,MAAMC,qBAAiBF,mCAAAA,EAAmBG,CAAAA,MAAOA,IAAID,cAAc;IACnE,MAAME,kBAAkBJ,uCAAAA,EAAmBG,CAAAA,MAAOA,IAAIC,eAAe;IAErE,OAAOL,OAAMM,OAAO,CAAC,IAAO,CAAA;YAAEH;YAAgBE;SAAgB,CAAA,EAAI;QAACF;QAAgBE;KAAgB;AACrG"}