@fluentui/react-overflow 0.0.0-nightly-20230317-1454.1 → 0.0.0-nightly-20230321-0440.1

package/lib-commonjs/components/Overflow.js

@@ -1,69 +1,77 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Overflow", {
-    enumerable: true,
-    get: ()=>Overflow
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _react1 = require("@griffel/react");
-const _reactUtilities = require("@fluentui/react-utilities");
-const _overflowContext = require("../overflowContext");
-const _useOverflowContainer = require("../useOverflowContainer");
-const useStyles = /*#__PURE__*/ (0, _react1["__styles"])({
-    overflowMenu: {
-        Brvla84: "fyfkpbf"
-    },
-    overflowingItems: {
-        Hevnzl: "ftz08xh"
-    }
+exports.Overflow = void 0;
+const React = /*#__PURE__*/require("react");
+const react_1 = /*#__PURE__*/require("@griffel/react");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+const overflowContext_1 = /*#__PURE__*/require("../overflowContext");
+const useOverflowContainer_1 = /*#__PURE__*/require("../useOverflowContainer");
+const constants_1 = /*#__PURE__*/require("../constants");
+const useStyles = /*#__PURE__*/react_1.__styles({
+  overflowMenu: {
+    Brvla84: "fyfkpbf"
+  },
+  overflowingItems: {
+    Hevnzl: "ftz08xh"
+  }
 }, {
-    d: [
-        ".fyfkpbf [data-overflow-menu]{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}",
-        ".ftz08xh>[data-overflowing]{display:none;}"
-    ]
+  d: [".fyfkpbf [data-overflow-menu]{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}", ".ftz08xh>[data-overflowing]{display:none;}"]
 });
-const Overflow = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
-    const styles = useStyles();
-    const { children , minimumVisible , overflowAxis ="horizontal" , overflowDirection , padding  } = props;
-    const [hasOverflow, setHasOverflow] = _react.useState(false);
-    const [itemVisibility, setItemVisibility] = _react.useState({});
-    const [groupVisibility, setGroupVisibility] = _react.useState({});
-    // useOverflowContainer wraps this method in a useEventCallback.
-    // TODO: Do we need a useEventCallback here too?
-    const update = (data)=>{
-        setHasOverflow(()=>data.invisibleItems.length > 0);
-        setItemVisibility(()=>{
-            const newState = {};
-            data.visibleItems.forEach((x)=>newState[x.id] = true);
-            data.invisibleItems.forEach((x)=>newState[x.id] = false);
-            return newState;
-        });
-        setGroupVisibility(data.groupVisibility);
-    };
-    const { containerRef , registerItem , updateOverflow , registerOverflowMenu  } = (0, _useOverflowContainer.useOverflowContainer)(update, {
-        overflowDirection,
-        overflowAxis,
-        padding,
-        minimumVisible,
-        onUpdateItemVisibility: _useOverflowContainer.updateVisibilityAttribute
-    });
-    const clonedChild = (0, _reactUtilities.applyTriggerPropsToChildren)(children, {
-        ref: (0, _reactUtilities.useMergedRefs)(containerRef, ref),
-        className: (0, _react1.mergeClasses)(styles.overflowMenu, styles.overflowingItems, children.props.className)
+/**
+ * Provides an OverflowContext for OverflowItem descendants.
+ */
+exports.Overflow = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const styles = useStyles();
+  const {
+    children,
+    minimumVisible,
+    overflowAxis = 'horizontal',
+    overflowDirection,
+    padding
+  } = props;
+  const [hasOverflow, setHasOverflow] = React.useState(false);
+  const [itemVisibility, setItemVisibility] = React.useState({});
+  const [groupVisibility, setGroupVisibility] = React.useState({});
+  // useOverflowContainer wraps this method in a useEventCallback.
+  // TODO: Do we need a useEventCallback here too?
+  const update = data => {
+    setHasOverflow(() => data.invisibleItems.length > 0);
+    setItemVisibility(() => {
+      const newState = {};
+      data.visibleItems.forEach(x => newState[x.id] = true);
+      data.invisibleItems.forEach(x => newState[x.id] = false);
+      return newState;
     });
-    return /*#__PURE__*/ _react.createElement(_overflowContext.OverflowContext.Provider, {
-        value: {
-            itemVisibility,
-            groupVisibility,
-            hasOverflow,
-            registerItem,
-            updateOverflow,
-            registerOverflowMenu
-        }
-    }, clonedChild);
-}); //# sourceMappingURL=Overflow.js.map
-
+    setGroupVisibility(data.groupVisibility);
+  };
+  const {
+    containerRef,
+    registerItem,
+    updateOverflow,
+    registerOverflowMenu
+  } = useOverflowContainer_1.useOverflowContainer(update, {
+    overflowDirection,
+    overflowAxis,
+    padding,
+    minimumVisible,
+    onUpdateItemVisibility: useOverflowContainer_1.updateVisibilityAttribute
+  });
+  const clonedChild = react_utilities_1.applyTriggerPropsToChildren(children, {
+    ref: react_utilities_1.useMergedRefs(containerRef, ref),
+    className: react_1.mergeClasses(styles.overflowMenu, styles.overflowingItems, children.props.className)
+  });
+  return React.createElement(overflowContext_1.OverflowContext.Provider, {
+    value: {
+      itemVisibility,
+      groupVisibility,
+      hasOverflow,
+      registerItem,
+      updateOverflow,
+      registerOverflowMenu
+    }
+  }, clonedChild);
+});
 //# sourceMappingURL=Overflow.js.map

package/lib-commonjs/components/Overflow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/components/Overflow.js"],"sourcesContent":["import * as React from \"react\";\nimport { __styles, mergeClasses } from \"@griffel/react\";\nimport { applyTriggerPropsToChildren, useMergedRefs } from \"@fluentui/react-utilities\";\nimport { OverflowContext } from \"../overflowContext\";\nimport { updateVisibilityAttribute, useOverflowContainer } from \"../useOverflowContainer\";\nimport { DATA_OVERFLOWING, DATA_OVERFLOW_MENU } from \"../constants\";\nconst useStyles = /*#__PURE__*/__styles({\n  overflowMenu: {\n    Brvla84: \"fyfkpbf\"\n  },\n  overflowingItems: {\n    Hevnzl: \"ftz08xh\"\n  }\n}, {\n  d: [\".fyfkpbf [data-overflow-menu]{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}\", \".ftz08xh>[data-overflowing]{display:none;}\"]\n});\n/**\n * Provides an OverflowContext for OverflowItem descendants.\n */\nexport const Overflow = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const styles = useStyles();\n  const {\n    children,\n    minimumVisible,\n    overflowAxis = \"horizontal\",\n    overflowDirection,\n    padding\n  } = props;\n  const [hasOverflow, setHasOverflow] = React.useState(false);\n  const [itemVisibility, setItemVisibility] = React.useState({});\n  const [groupVisibility, setGroupVisibility] = React.useState({});\n  // useOverflowContainer wraps this method in a useEventCallback.\n  // TODO: Do we need a useEventCallback here too?\n  const update = data => {\n    setHasOverflow(() => data.invisibleItems.length > 0);\n    setItemVisibility(() => {\n      const newState = {};\n      data.visibleItems.forEach(x => newState[x.id] = true);\n      data.invisibleItems.forEach(x => newState[x.id] = false);\n      return newState;\n    });\n    setGroupVisibility(data.groupVisibility);\n  };\n  const {\n    containerRef,\n    registerItem,\n    updateOverflow,\n    registerOverflowMenu\n  } = useOverflowContainer(update, {\n    overflowDirection,\n    overflowAxis,\n    padding,\n    minimumVisible,\n    onUpdateItemVisibility: updateVisibilityAttribute\n  });\n  const clonedChild = applyTriggerPropsToChildren(children, {\n    ref: useMergedRefs(containerRef, ref),\n    className: mergeClasses(styles.overflowMenu, styles.overflowingItems, children.props.className)\n  });\n  return /*#__PURE__*/React.createElement(OverflowContext.Provider, {\n    value: {\n      itemVisibility,\n      groupVisibility,\n      hasOverflow,\n      registerItem,\n      updateOverflow,\n      registerOverflowMenu\n    }\n  }, clonedChild);\n});\n//# sourceMappingURL=Overflow.js.map"],"names":["Overflow","useStyles","__styles","overflowMenu","Brvla84","overflowingItems","Hevnzl","d","React","forwardRef","props","ref","styles","children","minimumVisible","overflowAxis","overflowDirection","padding","hasOverflow","setHasOverflow","useState","itemVisibility","setItemVisibility","groupVisibility","setGroupVisibility","update","data","invisibleItems","length","newState","visibleItems","forEach","x","id","containerRef","registerItem","updateOverflow","registerOverflowMenu","useOverflowContainer","onUpdateItemVisibility","updateVisibilityAttribute","clonedChild","applyTriggerPropsToChildren","useMergedRefs","className","mergeClasses","createElement","OverflowContext","Provider","value"],"mappings":";;;;+BAmBaA;;aAAAA;;;6DAnBU;wBACgB;gCACoB;iCAC3B;sCACgC;AAEhE,MAAMC,YAAY,WAAW,GAAEC,IAAAA,mBAAQ,EAAC;IACtCC,cAAc;QACZC,SAAS;IACX;IACAC,kBAAkB;QAChBC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAA2F;KAA6C;AAC9I;AAIO,MAAMP,WAAW,WAAW,GAAEQ,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACpE,MAAMC,SAASX;IACf,MAAM,EACJY,SAAQ,EACRC,eAAc,EACdC,cAAe,aAAY,EAC3BC,kBAAiB,EACjBC,QAAO,EACR,GAAGP;IACJ,MAAM,CAACQ,aAAaC,eAAe,GAAGX,OAAMY,QAAQ,CAAC,KAAK;IAC1D,MAAM,CAACC,gBAAgBC,kBAAkB,GAAGd,OAAMY,QAAQ,CAAC,CAAC;IAC5D,MAAM,CAACG,iBAAiBC,mBAAmB,GAAGhB,OAAMY,QAAQ,CAAC,CAAC;IAC9D,gEAAgE;IAChE,gDAAgD;IAChD,MAAMK,SAASC,CAAAA,OAAQ;QACrBP,eAAe,IAAMO,KAAKC,cAAc,CAACC,MAAM,GAAG;QAClDN,kBAAkB,IAAM;YACtB,MAAMO,WAAW,CAAC;YAClBH,KAAKI,YAAY,CAACC,OAAO,CAACC,CAAAA,IAAKH,QAAQ,CAACG,EAAEC,EAAE,CAAC,GAAG,IAAI;YACpDP,KAAKC,cAAc,CAACI,OAAO,CAACC,CAAAA,IAAKH,QAAQ,CAACG,EAAEC,EAAE,CAAC,GAAG,KAAK;YACvD,OAAOJ;QACT;QACAL,mBAAmBE,KAAKH,eAAe;IACzC;IACA,MAAM,EACJW,aAAY,EACZC,aAAY,EACZC,eAAc,EACdC,qBAAoB,EACrB,GAAGC,IAAAA,0CAAoB,EAACb,QAAQ;QAC/BT;QACAD;QACAE;QACAH;QACAyB,wBAAwBC,+CAAyB;IACnD;IACA,MAAMC,cAAcC,IAAAA,2CAA2B,EAAC7B,UAAU;QACxDF,KAAKgC,IAAAA,6BAAa,EAACT,cAAcvB;QACjCiC,WAAWC,IAAAA,oBAAY,EAACjC,OAAOT,YAAY,EAAES,OAAOP,gBAAgB,EAAEQ,SAASH,KAAK,CAACkC,SAAS;IAChG;IACA,OAAO,WAAW,GAAEpC,OAAMsC,aAAa,CAACC,gCAAe,CAACC,QAAQ,EAAE;QAChEC,OAAO;YACL5B;YACAE;YACAL;YACAiB;YACAC;YACAC;QACF;IACF,GAAGI;AACL,IACA,oCAAoC"}
+{"version":3,"names":["React","require","react_1","react_utilities_1","overflowContext_1","useOverflowContainer_1","constants_1","useStyles","__styles","overflowMenu","Brvla84","overflowingItems","Hevnzl","d","exports","Overflow","forwardRef","props","ref","styles","children","minimumVisible","overflowAxis","overflowDirection","padding","hasOverflow","setHasOverflow","useState","itemVisibility","setItemVisibility","groupVisibility","setGroupVisibility","update","data","invisibleItems","length","newState","visibleItems","forEach","x","id","containerRef","registerItem","updateOverflow","registerOverflowMenu","useOverflowContainer","onUpdateItemVisibility","updateVisibilityAttribute","clonedChild","applyTriggerPropsToChildren","useMergedRefs","className","mergeClasses","createElement","OverflowContext","Provider","value"],"sources":["../../../../../../../../packages/react-components/react-overflow/src/components/Overflow.tsx"],"sourcesContent":["import * as React from 'react';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { OnUpdateOverflow, OverflowGroupState, ObserveOptions } from '@fluentui/priority-overflow';\nimport { applyTriggerPropsToChildren, useMergedRefs } from '@fluentui/react-utilities';\n\nimport { OverflowContext } from '../overflowContext';\nimport { updateVisibilityAttribute, useOverflowContainer } from '../useOverflowContainer';\nimport { DATA_OVERFLOWING, DATA_OVERFLOW_MENU } from '../constants';\n\nconst useStyles = 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\n/**\n * Overflow Props\n */\nexport type OverflowProps = Partial<\n  Pick<ObserveOptions, 'overflowAxis' | 'overflowDirection' | 'padding' | 'minimumVisible'>\n> & {\n  children: React.ReactElement;\n};\n\n/**\n * Provides an OverflowContext for OverflowItem descendants.\n */\nexport const Overflow = React.forwardRef((props: OverflowProps, ref) => {\n  const styles = useStyles();\n\n  const { children, minimumVisible, overflowAxis = 'horizontal', overflowDirection, padding } = props;\n\n  const [hasOverflow, setHasOverflow] = React.useState(false);\n  const [itemVisibility, setItemVisibility] = React.useState<Record<string, boolean>>({});\n  const [groupVisibility, setGroupVisibility] = React.useState<Record<string, OverflowGroupState>>({});\n\n  // useOverflowContainer wraps this method in a useEventCallback.\n  // TODO: Do we need a useEventCallback here too?\n  const update: OnUpdateOverflow = data => {\n    setHasOverflow(() => data.invisibleItems.length > 0);\n    setItemVisibility(() => {\n      const newState: Record<string, boolean> = {};\n      data.visibleItems.forEach(x => (newState[x.id] = true));\n      data.invisibleItems.forEach(x => (newState[x.id] = false));\n      return newState;\n    });\n    setGroupVisibility(data.groupVisibility);\n  };\n\n  const { containerRef, registerItem, updateOverflow, registerOverflowMenu } = useOverflowContainer(update, {\n    overflowDirection,\n    overflowAxis,\n    padding,\n    minimumVisible,\n    onUpdateItemVisibility: updateVisibilityAttribute,\n  });\n\n  const clonedChild = applyTriggerPropsToChildren(children, {\n    ref: useMergedRefs(containerRef, ref),\n    className: mergeClasses(styles.overflowMenu, styles.overflowingItems, children.props.className),\n  });\n\n  return (\n    <OverflowContext.Provider\n      value={{\n        itemVisibility,\n        groupVisibility,\n        hasOverflow,\n        registerItem,\n        updateOverflow,\n        registerOverflowMenu,\n      }}\n    >\n      {clonedChild}\n    </OverflowContext.Provider>\n  );\n});\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,OAAA,gBAAAD,OAAA;AAEA,MAAAE,iBAAA,gBAAAF,OAAA;AAEA,MAAAG,iBAAA,gBAAAH,OAAA;AACA,MAAAI,sBAAA,gBAAAJ,OAAA;AACA,MAAAK,WAAA,gBAAAL,OAAA;AAEA,MAAMM,SAAS,gBAAGL,OAAA,CAAAM,QAAU;EAAAC,YAAA;IAAAC,OAAA;EAAA;EAAAC,gBAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAY1B;AAWF;;;AAGaC,OAAA,CAAAC,QAAQ,gBAAGf,KAAK,CAACgB,UAAU,CAAC,CAACC,KAAoB,EAAEC,GAAG,KAAI;EACrE,MAAMC,MAAM,GAAGZ,SAAS,EAAE;EAE1B,MAAM;IAAEa,QAAQ;IAAEC,cAAc;IAAEC,YAAY,GAAG,YAAY;IAAEC,iBAAiB;IAAEC;EAAO,CAAE,GAAGP,KAAK;EAEnG,MAAM,CAACQ,WAAW,EAAEC,cAAc,CAAC,GAAG1B,KAAK,CAAC2B,QAAQ,CAAC,KAAK,CAAC;EAC3D,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAG7B,KAAK,CAAC2B,QAAQ,CAA0B,EAAE,CAAC;EACvF,MAAM,CAACG,eAAe,EAAEC,kBAAkB,CAAC,GAAG/B,KAAK,CAAC2B,QAAQ,CAAqC,EAAE,CAAC;EAEpG;EACA;EACA,MAAMK,MAAM,GAAqBC,IAAI,IAAG;IACtCP,cAAc,CAAC,MAAMO,IAAI,CAACC,cAAc,CAACC,MAAM,GAAG,CAAC,CAAC;IACpDN,iBAAiB,CAAC,MAAK;MACrB,MAAMO,QAAQ,GAA4B,EAAE;MAC5CH,IAAI,CAACI,YAAY,CAACC,OAAO,CAACC,CAAC,IAAKH,QAAQ,CAACG,CAAC,CAACC,EAAE,CAAC,GAAG,IAAK,CAAC;MACvDP,IAAI,CAACC,cAAc,CAACI,OAAO,CAACC,CAAC,IAAKH,QAAQ,CAACG,CAAC,CAACC,EAAE,CAAC,GAAG,KAAM,CAAC;MAC1D,OAAOJ,QAAQ;IACjB,CAAC,CAAC;IACFL,kBAAkB,CAACE,IAAI,CAACH,eAAe,CAAC;EAC1C,CAAC;EAED,MAAM;IAAEW,YAAY;IAAEC,YAAY;IAAEC,cAAc;IAAEC;EAAoB,CAAE,GAAGvC,sBAAA,CAAAwC,oBAAoB,CAACb,MAAM,EAAE;IACxGT,iBAAiB;IACjBD,YAAY;IACZE,OAAO;IACPH,cAAc;IACdyB,sBAAsB,EAAEzC,sBAAA,CAAA0C;GACzB,CAAC;EAEF,MAAMC,WAAW,GAAG7C,iBAAA,CAAA8C,2BAA2B,CAAC7B,QAAQ,EAAE;IACxDF,GAAG,EAAEf,iBAAA,CAAA+C,aAAa,CAACT,YAAY,EAAEvB,GAAG,CAAC;IACrCiC,SAAS,EAAEjD,OAAA,CAAAkD,YAAY,CAACjC,MAAM,CAACV,YAAY,EAAEU,MAAM,CAACR,gBAAgB,EAAES,QAAQ,CAACH,KAAK,CAACkC,SAAS;GAC/F,CAAC;EAEF,OACEnD,KAAA,CAAAqD,aAAA,CAACjD,iBAAA,CAAAkD,eAAe,CAACC,QAAQ;IACvBC,KAAK,EAAE;MACL5B,cAAc;MACdE,eAAe;MACfL,WAAW;MACXiB,YAAY;MACZC,cAAc;MACdC;;EACD,GAEAI,WAAW,CACa;AAE/B,CAAC,CAAC"}

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

@@ -1,21 +1,26 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "OverflowItem", {
-    enumerable: true,
-    get: ()=>OverflowItem
+exports.OverflowItem = void 0;
+const React = /*#__PURE__*/require("react");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+const useOverflowItem_1 = /*#__PURE__*/require("../../useOverflowItem");
+/**
+ * Attaches overflow item behavior to its child registered with the OverflowContext.
+ * It does not render an element of its own.
+ */
+exports.OverflowItem = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    id,
+    groupId,
+    priority,
+    children
+  } = props;
+  const containerRef = useOverflowItem_1.useOverflowItem(id, priority, groupId);
+  return react_utilities_1.applyTriggerPropsToChildren(children, {
+    ref: react_utilities_1.useMergedRefs(containerRef, ref)
+  });
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactUtilities = require("@fluentui/react-utilities");
-const _useOverflowItem = require("../../useOverflowItem");
-const OverflowItem = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
-    const { id , groupId , priority , children  } = props;
-    const containerRef = (0, _useOverflowItem.useOverflowItem)(id, priority, groupId);
-    return (0, _reactUtilities.applyTriggerPropsToChildren)(children, {
-        ref: (0, _reactUtilities.useMergedRefs)(containerRef, ref)
-    });
-}); //# sourceMappingURL=OverflowItem.js.map
-
 //# sourceMappingURL=OverflowItem.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/OverflowItem/OverflowItem.js"],"sourcesContent":["import * as React from \"react\";\nimport { applyTriggerPropsToChildren, useMergedRefs } from \"@fluentui/react-utilities\";\nimport { useOverflowItem } from \"../../useOverflowItem\";\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 OverflowItem = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const {\n    id,\n    groupId,\n    priority,\n    children\n  } = props;\n  const containerRef = useOverflowItem(id, priority, groupId);\n  return applyTriggerPropsToChildren(children, {\n    ref: useMergedRefs(containerRef, ref)\n  });\n});\n//# sourceMappingURL=OverflowItem.js.map"],"names":["OverflowItem","React","forwardRef","props","ref","id","groupId","priority","children","containerRef","useOverflowItem","applyTriggerPropsToChildren","useMergedRefs"],"mappings":";;;;+BAOaA;;aAAAA;;;6DAPU;gCACoC;iCAC3B;AAKzB,MAAMA,eAAe,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACxE,MAAM,EACJC,GAAE,EACFC,QAAO,EACPC,SAAQ,EACRC,SAAQ,EACT,GAAGL;IACJ,MAAMM,eAAeC,IAAAA,gCAAe,EAACL,IAAIE,UAAUD;IACnD,OAAOK,IAAAA,2CAA2B,EAACH,UAAU;QAC3CJ,KAAKQ,IAAAA,6BAAa,EAACH,cAAcL;IACnC;AACF,IACA,wCAAwC"}
+{"version":3,"names":["React","require","react_utilities_1","useOverflowItem_1","exports","OverflowItem","forwardRef","props","ref","id","groupId","priority","children","containerRef","useOverflowItem","applyTriggerPropsToChildren","useMergedRefs"],"sources":["../../../../../../../../../packages/react-components/react-overflow/src/components/OverflowItem/OverflowItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { applyTriggerPropsToChildren, useMergedRefs } 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 */\nexport const OverflowItem = React.forwardRef((props: OverflowItemProps, ref) => {\n  const { id, groupId, priority, children } = props;\n\n  const containerRef = useOverflowItem(id, priority, groupId);\n  return applyTriggerPropsToChildren(children, {\n    ref: useMergedRefs(containerRef, ref),\n  });\n});\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AACA,MAAAE,iBAAA,gBAAAF,OAAA;AAGA;;;;AAIaG,OAAA,CAAAC,YAAY,gBAAGL,KAAK,CAACM,UAAU,CAAC,CAACC,KAAwB,EAAEC,GAAG,KAAI;EAC7E,MAAM;IAAEC,EAAE;IAAEC,OAAO;IAAEC,QAAQ;IAAEC;EAAQ,CAAE,GAAGL,KAAK;EAEjD,MAAMM,YAAY,GAAGV,iBAAA,CAAAW,eAAe,CAACL,EAAE,EAAEE,QAAQ,EAAED,OAAO,CAAC;EAC3D,OAAOR,iBAAA,CAAAa,2BAA2B,CAACH,QAAQ,EAAE;IAC3CJ,GAAG,EAAEN,iBAAA,CAAAc,aAAa,CAACH,YAAY,EAAEL,GAAG;GACrC,CAAC;AACJ,CAAC,CAAC"}

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,"names":[],"sources":["../../../../../../../../../packages/react-components/react-overflow/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   * A higher priority means the item overflows later.\n   */\n  priority?: number;\n  /**\n   * The single child that has overflow item behavior attached.\n   */\n  children: React.ReactElement;\n};\n"],"mappings":""}

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,"names":["OverflowItem_1","require","Object","defineProperty","exports","enumerable","get","OverflowItem"],"sources":["../../../../../../../../../packages/react-components/react-overflow/src/components/OverflowItem/index.ts"],"sourcesContent":["export type { OverflowItemProps } from './OverflowItem.types';\nexport { OverflowItem } from './OverflowItem';\n"],"mappings":";;;;;;AACA,IAAAA,cAAA,gBAAAC,OAAA;AAASC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,cAAA,CAAAO,YAAY;EAAA;AAAA"}

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,"names":["exports","DATA_OVERFLOWING","DATA_OVERFLOW_ITEM","DATA_OVERFLOW_MENU"],"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"],"mappings":";;;;;;AAAaA,OAAA,CAAAC,gBAAgB,GAAG,kBAAkB;AACrCD,OAAA,CAAAE,kBAAkB,GAAG,oBAAoB;AACzCF,OAAA,CAAAG,kBAAkB,GAAG,oBAAoB"}

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,"names":["Overflow_1","require","Object","defineProperty","exports","enumerable","get","Overflow","constants_1","DATA_OVERFLOWING","DATA_OVERFLOW_ITEM","DATA_OVERFLOW_MENU","useIsOverflowGroupVisible_1","useIsOverflowGroupVisible","useIsOverflowItemVisible_1","useIsOverflowItemVisible","useOverflowContainer_1","useOverflowContainer","useOverflowCount_1","useOverflowCount","useOverflowItem_1","useOverflowItem","useOverflowMenu_1","useOverflowMenu","overflowContext_1","useOverflowContext","OverflowItem_1","OverflowItem"],"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"],"mappings":";;;;;;AAAA,IAAAA,UAAA,gBAAAC,OAAA;AAASC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,UAAA,CAAAO,QAAQ;EAAA;AAAA;AAEjB,IAAAC,WAAA,gBAAAP,OAAA;AAASC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAE,WAAA,CAAAC,gBAAgB;EAAA;AAAA;AAAEP,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAE,WAAA,CAAAE,kBAAkB;EAAA;AAAA;AAAER,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAE,WAAA,CAAAG,kBAAkB;EAAA;AAAA;AAEjE,IAAAC,2BAAA,gBAAAX,OAAA;AAASC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAM,2BAAA,CAAAC,yBAAyB;EAAA;AAAA;AAClC,IAAAC,0BAAA,gBAAAb,OAAA;AAASC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAQ,0BAAA,CAAAC,wBAAwB;EAAA;AAAA;AACjC,IAAAC,sBAAA,gBAAAf,OAAA;AAASC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAU,sBAAA,CAAAC,oBAAoB;EAAA;AAAA;AAC7B,IAAAC,kBAAA,gBAAAjB,OAAA;AAASC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAY,kBAAA,CAAAC,gBAAgB;EAAA;AAAA;AACzB,IAAAC,iBAAA,gBAAAnB,OAAA;AAASC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAc,iBAAA,CAAAC,eAAe;EAAA;AAAA;AACxB,IAAAC,iBAAA,gBAAArB,OAAA;AAASC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAgB,iBAAA,CAAAC,eAAe;EAAA;AAAA;AAExB,IAAAC,iBAAA,gBAAAvB,OAAA;AAASC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAkB,iBAAA,CAAAC,kBAAkB;EAAA;AAAA;AAG3B,IAAAC,cAAA,gBAAAzB,OAAA;AAASC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAoB,cAAA,CAAAC,YAAY;EAAA;AAAA"}

package/lib-commonjs/overflowContext.js

@@ -1,27 +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, (ctx = overflowContextDefaultValue)=>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, (ctx = overflowContextDefaultValue) => selector(ctx));\n//# sourceMappingURL=overflowContext.js.map"],"names":["OverflowContext","useOverflowContext","createContext","undefined","overflowContextDefaultValue","itemVisibility","groupVisibility","hasOverflow","registerItem","updateOverflow","registerOverflowMenu","selector","useContextSelector","ctx"],"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,CAACa,MAAMT,2BAA2B,GAAKO,SAASE,OAClI,2CAA2C"}
+{"version":3,"names":["react_context_selector_1","require","exports","OverflowContext","createContext","undefined","overflowContextDefaultValue","itemVisibility","groupVisibility","hasOverflow","registerItem","updateOverflow","registerOverflowMenu","useOverflowContext","selector","useContextSelector","ctx"],"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"],"mappings":";;;;;;AACA,MAAAA,wBAAA,gBAAAC,OAAA;AAcaC,OAAA,CAAAC,eAAe,gBAAGH,wBAAA,CAAAI,aAAa,CAC1CC,SAAS,CACuB;AAElC,MAAMC,2BAA2B,GAAyB;EACxDC,cAAc,EAAE,EAAE;EAClBC,eAAe,EAAE,EAAE;EACnBC,WAAW,EAAE,KAAK;EAClBC,YAAY,EAAEA,CAAA,KAAM,MAAM,IAAI;EAC9BC,cAAc,EAAEA,CAAA,KAAM,IAAI;EAC1BC,oBAAoB,EAAEA,CAAA,KAAM,MAAM;CACnC;AAED;;;AAGO,MAAMC,kBAAkB,GAAmBC,QAA8D,IAC9Gd,wBAAA,CAAAe,kBAAkB,CAACb,OAAA,CAAAC,eAAe,EAAE,CAACa,GAAG,GAAGV,2BAA2B,KAAKQ,QAAQ,CAACE,GAAG,CAAC,CAAC;AAD9Ed,OAAA,CAAAW,kBAAkB,GAAAA,kBAAA"}

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,"names":[],"sources":["../../../../../../../packages/react-components/react-overflow/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'> {\n  /**\n   * Ref to apply to the container that will overflow\n   */\n  containerRef: React.RefObject<TElement>;\n}\n"],"mappings":""}

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,"names":["overflowContext_1","require","useIsOverflowGroupVisible","id","useOverflowContext","ctx","groupVisibility","exports"],"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"],"mappings":";;;;;;AACA,MAAAA,iBAAA,gBAAAC,OAAA;AAEA;;;;AAIA,SAAgBC,yBAAyBA,CAACC,EAAU;EAClD,OAAOH,iBAAA,CAAAI,kBAAkB,CAACC,GAAG,IAAIA,GAAG,CAACC,eAAe,CAACH,EAAE,CAAC,CAAC;AAC3D;AAFAI,OAAA,CAAAL,yBAAA,GAAAA,yBAAA"}

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,"names":["overflowContext_1","require","useIsOverflowItemVisible","id","useOverflowContext","ctx","itemVisibility","exports"],"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"],"mappings":";;;;;;AAAA,MAAAA,iBAAA,gBAAAC,OAAA;AAEA;;;;AAIA,SAAgBC,wBAAwBA,CAACC,EAAU;EACjD,OAAO,CAAC,CAACH,iBAAA,CAAAI,kBAAkB,CAACC,GAAG,IAAIA,GAAG,CAACC,cAAc,CAACH,EAAE,CAAC,CAAC;AAC5D;AAFAI,OAAA,CAAAL,wBAAA,GAAAA,wBAAA"}