@fluentui/react-overflow 0.0.0-nightly-20230317-0436.1 → 0.0.0-nightly-20230317-1454.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (60) hide show
  1. package/.swcrc +39 -0
  2. package/CHANGELOG.json +11 -11
  3. package/CHANGELOG.md +8 -8
  4. package/lib/components/Overflow.js +7 -7
  5. package/lib/components/Overflow.js.map +1 -1
  6. package/lib/components/OverflowItem/OverflowItem.js +3 -3
  7. package/lib/components/OverflowItem/OverflowItem.js.map +1 -1
  8. package/lib/components/OverflowItem/OverflowItem.types.js +1 -1
  9. package/lib/components/OverflowItem/OverflowItem.types.js.map +1 -1
  10. package/lib/components/OverflowItem/index.js +1 -1
  11. package/lib/components/OverflowItem/index.js.map +1 -1
  12. package/lib/constants.js +3 -3
  13. package/lib/constants.js.map +1 -1
  14. package/lib/index.js +10 -10
  15. package/lib/index.js.map +1 -1
  16. package/lib/overflowContext.js +1 -1
  17. package/lib/overflowContext.js.map +1 -1
  18. package/lib/types.js +1 -1
  19. package/lib/types.js.map +1 -1
  20. package/lib/useIsOverflowGroupVisible.js +1 -1
  21. package/lib/useIsOverflowGroupVisible.js.map +1 -1
  22. package/lib/useIsOverflowItemVisible.js +1 -1
  23. package/lib/useIsOverflowItemVisible.js.map +1 -1
  24. package/lib/useOverflowContainer.js +18 -18
  25. package/lib/useOverflowContainer.js.map +1 -1
  26. package/lib/useOverflowCount.js +1 -1
  27. package/lib/useOverflowCount.js.map +1 -1
  28. package/lib/useOverflowItem.js +4 -4
  29. package/lib/useOverflowItem.js.map +1 -1
  30. package/lib/useOverflowMenu.js +5 -5
  31. package/lib/useOverflowMenu.js.map +1 -1
  32. package/lib-commonjs/components/Overflow.js +62 -70
  33. package/lib-commonjs/components/Overflow.js.map +1 -1
  34. package/lib-commonjs/components/OverflowItem/OverflowItem.js +16 -21
  35. package/lib-commonjs/components/OverflowItem/OverflowItem.js.map +1 -1
  36. package/lib-commonjs/components/OverflowItem/OverflowItem.types.js +5 -2
  37. package/lib-commonjs/components/OverflowItem/OverflowItem.types.js.map +1 -1
  38. package/lib-commonjs/components/OverflowItem/index.js +6 -8
  39. package/lib-commonjs/components/OverflowItem/index.js.map +1 -1
  40. package/lib-commonjs/constants.js +16 -6
  41. package/lib-commonjs/constants.js.map +1 -1
  42. package/lib-commonjs/index.js +34 -86
  43. package/lib-commonjs/index.js.map +1 -1
  44. package/lib-commonjs/overflowContext.js +21 -16
  45. package/lib-commonjs/overflowContext.js.map +1 -1
  46. package/lib-commonjs/types.js +5 -2
  47. package/lib-commonjs/types.js.map +1 -1
  48. package/lib-commonjs/useIsOverflowGroupVisible.js +9 -11
  49. package/lib-commonjs/useIsOverflowGroupVisible.js.map +1 -1
  50. package/lib-commonjs/useIsOverflowItemVisible.js +9 -11
  51. package/lib-commonjs/useIsOverflowItemVisible.js.map +1 -1
  52. package/lib-commonjs/useOverflowContainer.js +87 -80
  53. package/lib-commonjs/useOverflowContainer.js.map +1 -1
  54. package/lib-commonjs/useOverflowCount.js +14 -15
  55. package/lib-commonjs/useOverflowCount.js.map +1 -1
  56. package/lib-commonjs/useOverflowItem.js +27 -27
  57. package/lib-commonjs/useOverflowItem.js.map +1 -1
  58. package/lib-commonjs/useOverflowMenu.js +41 -30
  59. package/lib-commonjs/useOverflowMenu.js.map +1 -1
  60. package/package.json +7 -7
@@ -1,77 +1,69 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
5
4
  });
6
- exports.Overflow = void 0;
7
- const React = /*#__PURE__*/require("react");
8
- const react_1 = /*#__PURE__*/require("@griffel/react");
9
- const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
10
- const overflowContext_1 = /*#__PURE__*/require("../overflowContext");
11
- const useOverflowContainer_1 = /*#__PURE__*/require("../useOverflowContainer");
12
- const constants_1 = /*#__PURE__*/require("../constants");
13
- const useStyles = /*#__PURE__*/react_1.__styles({
14
- overflowMenu: {
15
- Brvla84: "fyfkpbf"
16
- },
17
- overflowingItems: {
18
- Hevnzl: "ftz08xh"
19
- }
20
- }, {
21
- d: [".fyfkpbf [data-overflow-menu]{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}", ".ftz08xh>[data-overflowing]{display:none;}"]
5
+ Object.defineProperty(exports, "Overflow", {
6
+ enumerable: true,
7
+ get: ()=>Overflow
22
8
  });
23
- /**
24
- * Provides an OverflowContext for OverflowItem descendants.
25
- */
26
- exports.Overflow = /*#__PURE__*/React.forwardRef((props, ref) => {
27
- const styles = useStyles();
28
- const {
29
- children,
30
- minimumVisible,
31
- overflowAxis = 'horizontal',
32
- overflowDirection,
33
- padding
34
- } = props;
35
- const [hasOverflow, setHasOverflow] = React.useState(false);
36
- const [itemVisibility, setItemVisibility] = React.useState({});
37
- const [groupVisibility, setGroupVisibility] = React.useState({});
38
- // useOverflowContainer wraps this method in a useEventCallback.
39
- // TODO: Do we need a useEventCallback here too?
40
- const update = data => {
41
- setHasOverflow(() => data.invisibleItems.length > 0);
42
- setItemVisibility(() => {
43
- const newState = {};
44
- data.visibleItems.forEach(x => newState[x.id] = true);
45
- data.invisibleItems.forEach(x => newState[x.id] = false);
46
- return newState;
47
- });
48
- setGroupVisibility(data.groupVisibility);
49
- };
50
- const {
51
- containerRef,
52
- registerItem,
53
- updateOverflow,
54
- registerOverflowMenu
55
- } = useOverflowContainer_1.useOverflowContainer(update, {
56
- overflowDirection,
57
- overflowAxis,
58
- padding,
59
- minimumVisible,
60
- onUpdateItemVisibility: useOverflowContainer_1.updateVisibilityAttribute
61
- });
62
- const clonedChild = react_utilities_1.applyTriggerPropsToChildren(children, {
63
- ref: react_utilities_1.useMergedRefs(containerRef, ref),
64
- className: react_1.mergeClasses(styles.overflowMenu, styles.overflowingItems, children.props.className)
65
- });
66
- return React.createElement(overflowContext_1.OverflowContext.Provider, {
67
- value: {
68
- itemVisibility,
69
- groupVisibility,
70
- hasOverflow,
71
- registerItem,
72
- updateOverflow,
73
- registerOverflowMenu
9
+ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
+ const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
+ const _react1 = require("@griffel/react");
12
+ const _reactUtilities = require("@fluentui/react-utilities");
13
+ const _overflowContext = require("../overflowContext");
14
+ const _useOverflowContainer = require("../useOverflowContainer");
15
+ const useStyles = /*#__PURE__*/ (0, _react1["__styles"])({
16
+ overflowMenu: {
17
+ Brvla84: "fyfkpbf"
18
+ },
19
+ overflowingItems: {
20
+ Hevnzl: "ftz08xh"
74
21
  }
75
- }, clonedChild);
22
+ }, {
23
+ d: [
24
+ ".fyfkpbf [data-overflow-menu]{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}",
25
+ ".ftz08xh>[data-overflowing]{display:none;}"
26
+ ]
76
27
  });
28
+ const Overflow = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
29
+ const styles = useStyles();
30
+ const { children , minimumVisible , overflowAxis ="horizontal" , overflowDirection , padding } = props;
31
+ const [hasOverflow, setHasOverflow] = _react.useState(false);
32
+ const [itemVisibility, setItemVisibility] = _react.useState({});
33
+ const [groupVisibility, setGroupVisibility] = _react.useState({});
34
+ // useOverflowContainer wraps this method in a useEventCallback.
35
+ // TODO: Do we need a useEventCallback here too?
36
+ const update = (data)=>{
37
+ setHasOverflow(()=>data.invisibleItems.length > 0);
38
+ setItemVisibility(()=>{
39
+ const newState = {};
40
+ data.visibleItems.forEach((x)=>newState[x.id] = true);
41
+ data.invisibleItems.forEach((x)=>newState[x.id] = false);
42
+ return newState;
43
+ });
44
+ setGroupVisibility(data.groupVisibility);
45
+ };
46
+ const { containerRef , registerItem , updateOverflow , registerOverflowMenu } = (0, _useOverflowContainer.useOverflowContainer)(update, {
47
+ overflowDirection,
48
+ overflowAxis,
49
+ padding,
50
+ minimumVisible,
51
+ onUpdateItemVisibility: _useOverflowContainer.updateVisibilityAttribute
52
+ });
53
+ const clonedChild = (0, _reactUtilities.applyTriggerPropsToChildren)(children, {
54
+ ref: (0, _reactUtilities.useMergedRefs)(containerRef, ref),
55
+ className: (0, _react1.mergeClasses)(styles.overflowMenu, styles.overflowingItems, children.props.className)
56
+ });
57
+ return /*#__PURE__*/ _react.createElement(_overflowContext.OverflowContext.Provider, {
58
+ value: {
59
+ itemVisibility,
60
+ groupVisibility,
61
+ hasOverflow,
62
+ registerItem,
63
+ updateOverflow,
64
+ registerOverflowMenu
65
+ }
66
+ }, clonedChild);
67
+ }); //# sourceMappingURL=Overflow.js.map
68
+
77
69
  //# sourceMappingURL=Overflow.js.map
@@ -1 +1 @@
1
- {"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"}
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"}
@@ -1,26 +1,21 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
5
4
  });
6
- exports.OverflowItem = void 0;
7
- const React = /*#__PURE__*/require("react");
8
- const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
9
- const useOverflowItem_1 = /*#__PURE__*/require("../../useOverflowItem");
10
- /**
11
- * Attaches overflow item behavior to its child registered with the OverflowContext.
12
- * It does not render an element of its own.
13
- */
14
- exports.OverflowItem = /*#__PURE__*/React.forwardRef((props, ref) => {
15
- const {
16
- id,
17
- groupId,
18
- priority,
19
- children
20
- } = props;
21
- const containerRef = useOverflowItem_1.useOverflowItem(id, priority, groupId);
22
- return react_utilities_1.applyTriggerPropsToChildren(children, {
23
- ref: react_utilities_1.useMergedRefs(containerRef, ref)
24
- });
5
+ Object.defineProperty(exports, "OverflowItem", {
6
+ enumerable: true,
7
+ get: ()=>OverflowItem
25
8
  });
9
+ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
+ const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
+ const _reactUtilities = require("@fluentui/react-utilities");
12
+ const _useOverflowItem = require("../../useOverflowItem");
13
+ const OverflowItem = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
14
+ const { id , groupId , priority , children } = props;
15
+ const containerRef = (0, _useOverflowItem.useOverflowItem)(id, priority, groupId);
16
+ return (0, _reactUtilities.applyTriggerPropsToChildren)(children, {
17
+ ref: (0, _reactUtilities.useMergedRefs)(containerRef, ref)
18
+ });
19
+ }); //# sourceMappingURL=OverflowItem.js.map
20
+
26
21
  //# sourceMappingURL=OverflowItem.js.map
@@ -1 +1 @@
1
- {"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"}
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"}
@@ -1,6 +1,9 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
5
4
  });
5
+ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
6
+ const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
7
+ //# sourceMappingURL=OverflowItem.types.js.map
8
+
6
9
  //# sourceMappingURL=OverflowItem.types.js.map
@@ -1 +1 @@
1
- {"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":""}
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"}
@@ -1,14 +1,12 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
5
4
  });
6
- exports.OverflowItem = void 0;
7
- var OverflowItem_1 = /*#__PURE__*/require("./OverflowItem");
8
5
  Object.defineProperty(exports, "OverflowItem", {
9
- enumerable: true,
10
- get: function () {
11
- return OverflowItem_1.OverflowItem;
12
- }
6
+ enumerable: true,
7
+ get: ()=>_overflowItem.OverflowItem
13
8
  });
9
+ const _overflowItem = require("./OverflowItem");
10
+ //# sourceMappingURL=index.js.map
11
+
14
12
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"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"}
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"}
@@ -1,10 +1,20 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: all[name]
9
+ });
10
+ }
11
+ _export(exports, {
12
+ DATA_OVERFLOWING: ()=>DATA_OVERFLOWING,
13
+ DATA_OVERFLOW_ITEM: ()=>DATA_OVERFLOW_ITEM,
14
+ DATA_OVERFLOW_MENU: ()=>DATA_OVERFLOW_MENU
5
15
  });
6
- exports.DATA_OVERFLOW_MENU = exports.DATA_OVERFLOW_ITEM = exports.DATA_OVERFLOWING = void 0;
7
- exports.DATA_OVERFLOWING = 'data-overflowing';
8
- exports.DATA_OVERFLOW_ITEM = 'data-overflow-item';
9
- exports.DATA_OVERFLOW_MENU = 'data-overflow-menu';
16
+ const DATA_OVERFLOWING = "data-overflowing";
17
+ const DATA_OVERFLOW_ITEM = "data-overflow-item";
18
+ const DATA_OVERFLOW_MENU = "data-overflow-menu"; //# sourceMappingURL=constants.js.map
19
+
10
20
  //# sourceMappingURL=constants.js.map
@@ -1 +1 @@
1
- {"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"}
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"}
@@ -1,89 +1,37 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- 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;
7
- var Overflow_1 = /*#__PURE__*/require("./components/Overflow");
8
- Object.defineProperty(exports, "Overflow", {
9
- enumerable: true,
10
- get: function () {
11
- return Overflow_1.Overflow;
12
- }
13
- });
14
- var constants_1 = /*#__PURE__*/require("./constants");
15
- Object.defineProperty(exports, "DATA_OVERFLOWING", {
16
- enumerable: true,
17
- get: function () {
18
- return constants_1.DATA_OVERFLOWING;
19
- }
20
- });
21
- Object.defineProperty(exports, "DATA_OVERFLOW_ITEM", {
22
- enumerable: true,
23
- get: function () {
24
- return constants_1.DATA_OVERFLOW_ITEM;
25
- }
26
- });
27
- Object.defineProperty(exports, "DATA_OVERFLOW_MENU", {
28
- enumerable: true,
29
- get: function () {
30
- return constants_1.DATA_OVERFLOW_MENU;
31
- }
32
- });
33
- var useIsOverflowGroupVisible_1 = /*#__PURE__*/require("./useIsOverflowGroupVisible");
34
- Object.defineProperty(exports, "useIsOverflowGroupVisible", {
35
- enumerable: true,
36
- get: function () {
37
- return useIsOverflowGroupVisible_1.useIsOverflowGroupVisible;
38
- }
39
- });
40
- var useIsOverflowItemVisible_1 = /*#__PURE__*/require("./useIsOverflowItemVisible");
41
- Object.defineProperty(exports, "useIsOverflowItemVisible", {
42
- enumerable: true,
43
- get: function () {
44
- return useIsOverflowItemVisible_1.useIsOverflowItemVisible;
45
- }
46
- });
47
- var useOverflowContainer_1 = /*#__PURE__*/require("./useOverflowContainer");
48
- Object.defineProperty(exports, "useOverflowContainer", {
49
- enumerable: true,
50
- get: function () {
51
- return useOverflowContainer_1.useOverflowContainer;
52
- }
53
- });
54
- var useOverflowCount_1 = /*#__PURE__*/require("./useOverflowCount");
55
- Object.defineProperty(exports, "useOverflowCount", {
56
- enumerable: true,
57
- get: function () {
58
- return useOverflowCount_1.useOverflowCount;
59
- }
60
- });
61
- var useOverflowItem_1 = /*#__PURE__*/require("./useOverflowItem");
62
- Object.defineProperty(exports, "useOverflowItem", {
63
- enumerable: true,
64
- get: function () {
65
- return useOverflowItem_1.useOverflowItem;
66
- }
67
- });
68
- var useOverflowMenu_1 = /*#__PURE__*/require("./useOverflowMenu");
69
- Object.defineProperty(exports, "useOverflowMenu", {
70
- enumerable: true,
71
- get: function () {
72
- return useOverflowMenu_1.useOverflowMenu;
73
- }
74
- });
75
- var overflowContext_1 = /*#__PURE__*/require("./overflowContext");
76
- Object.defineProperty(exports, "useOverflowContext", {
77
- enumerable: true,
78
- get: function () {
79
- return overflowContext_1.useOverflowContext;
80
- }
81
- });
82
- var OverflowItem_1 = /*#__PURE__*/require("./components/OverflowItem/OverflowItem");
83
- Object.defineProperty(exports, "OverflowItem", {
84
- enumerable: true,
85
- get: function () {
86
- return OverflowItem_1.OverflowItem;
87
- }
88
- });
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: all[name]
9
+ });
10
+ }
11
+ _export(exports, {
12
+ Overflow: ()=>_overflow.Overflow,
13
+ DATA_OVERFLOWING: ()=>_constants.DATA_OVERFLOWING,
14
+ DATA_OVERFLOW_ITEM: ()=>_constants.DATA_OVERFLOW_ITEM,
15
+ DATA_OVERFLOW_MENU: ()=>_constants.DATA_OVERFLOW_MENU,
16
+ useIsOverflowGroupVisible: ()=>_useIsOverflowGroupVisible.useIsOverflowGroupVisible,
17
+ useIsOverflowItemVisible: ()=>_useIsOverflowItemVisible.useIsOverflowItemVisible,
18
+ useOverflowContainer: ()=>_useOverflowContainer.useOverflowContainer,
19
+ useOverflowCount: ()=>_useOverflowCount.useOverflowCount,
20
+ useOverflowItem: ()=>_useOverflowItem.useOverflowItem,
21
+ useOverflowMenu: ()=>_useOverflowMenu.useOverflowMenu,
22
+ useOverflowContext: ()=>_overflowContext.useOverflowContext,
23
+ OverflowItem: ()=>_overflowItem.OverflowItem
24
+ });
25
+ const _overflow = require("./components/Overflow");
26
+ const _constants = require("./constants");
27
+ const _useIsOverflowGroupVisible = require("./useIsOverflowGroupVisible");
28
+ const _useIsOverflowItemVisible = require("./useIsOverflowItemVisible");
29
+ const _useOverflowContainer = require("./useOverflowContainer");
30
+ const _useOverflowCount = require("./useOverflowCount");
31
+ const _useOverflowItem = require("./useOverflowItem");
32
+ const _useOverflowMenu = require("./useOverflowMenu");
33
+ const _overflowContext = require("./overflowContext");
34
+ const _overflowItem = require("./components/OverflowItem/OverflowItem");
35
+ //# sourceMappingURL=index.js.map
36
+
89
37
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"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"}
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"}
@@ -1,22 +1,27 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: all[name]
9
+ });
10
+ }
11
+ _export(exports, {
12
+ OverflowContext: ()=>OverflowContext,
13
+ useOverflowContext: ()=>useOverflowContext
5
14
  });
6
- exports.useOverflowContext = exports.OverflowContext = void 0;
7
- const react_context_selector_1 = /*#__PURE__*/require("@fluentui/react-context-selector");
8
- exports.OverflowContext = /*#__PURE__*/react_context_selector_1.createContext(undefined);
15
+ const _reactContextSelector = require("@fluentui/react-context-selector");
16
+ const OverflowContext = /*#__PURE__*/ (0, _reactContextSelector.createContext)(undefined);
9
17
  const overflowContextDefaultValue = {
10
- itemVisibility: {},
11
- groupVisibility: {},
12
- hasOverflow: false,
13
- registerItem: () => () => null,
14
- updateOverflow: () => null,
15
- registerOverflowMenu: () => () => null
18
+ itemVisibility: {},
19
+ groupVisibility: {},
20
+ hasOverflow: false,
21
+ registerItem: ()=>()=>null,
22
+ updateOverflow: ()=>null,
23
+ registerOverflowMenu: ()=>()=>null
16
24
  };
17
- /**
18
- * @internal
19
- */
20
- const useOverflowContext = selector => react_context_selector_1.useContextSelector(exports.OverflowContext, (ctx = overflowContextDefaultValue) => selector(ctx));
21
- exports.useOverflowContext = useOverflowContext;
25
+ const useOverflowContext = (selector)=>(0, _reactContextSelector.useContextSelector)(OverflowContext, (ctx = overflowContextDefaultValue)=>selector(ctx)); //# sourceMappingURL=overflowContext.js.map
26
+
22
27
  //# sourceMappingURL=overflowContext.js.map
@@ -1 +1 @@
1
- {"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"}
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"}
@@ -1,6 +1,9 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
5
4
  });
5
+ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
6
+ const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
7
+ //# sourceMappingURL=types.js.map
8
+
6
9
  //# sourceMappingURL=types.js.map
@@ -1 +1 @@
1
- {"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":""}
1
+ {"version":3,"sources":["../lib/types.js"],"sourcesContent":["import * as React from \"react\";\n//# sourceMappingURL=types.js.map"],"names":[],"mappings":";;;;;6DAAuB;CACvB,iCAAiC"}
@@ -1,16 +1,14 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "useIsOverflowGroupVisible", {
6
+ enumerable: true,
7
+ get: ()=>useIsOverflowGroupVisible
5
8
  });
6
- exports.useIsOverflowGroupVisible = void 0;
7
- const overflowContext_1 = /*#__PURE__*/require("./overflowContext");
8
- /**
9
- * @param id - unique identifier for a group of overflow items
10
- * @returns visibility state of the group
11
- */
9
+ const _overflowContext = require("./overflowContext");
12
10
  function useIsOverflowGroupVisible(id) {
13
- return overflowContext_1.useOverflowContext(ctx => ctx.groupVisibility[id]);
14
- }
15
- exports.useIsOverflowGroupVisible = useIsOverflowGroupVisible;
11
+ return (0, _overflowContext.useOverflowContext)((ctx)=>ctx.groupVisibility[id]);
12
+ } //# sourceMappingURL=useIsOverflowGroupVisible.js.map
13
+
16
14
  //# sourceMappingURL=useIsOverflowGroupVisible.js.map
@@ -1 +1 @@
1
- {"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"}
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"}
@@ -1,16 +1,14 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "useIsOverflowItemVisible", {
6
+ enumerable: true,
7
+ get: ()=>useIsOverflowItemVisible
5
8
  });
6
- exports.useIsOverflowItemVisible = void 0;
7
- const overflowContext_1 = /*#__PURE__*/require("./overflowContext");
8
- /**
9
- * @param id - unique identifier for the item used by the overflow manager
10
- * @returns visibility state of an overflow item
11
- */
9
+ const _overflowContext = require("./overflowContext");
12
10
  function useIsOverflowItemVisible(id) {
13
- return !!overflowContext_1.useOverflowContext(ctx => ctx.itemVisibility[id]);
14
- }
15
- exports.useIsOverflowItemVisible = useIsOverflowItemVisible;
11
+ return !!(0, _overflowContext.useOverflowContext)((ctx)=>ctx.itemVisibility[id]);
12
+ } //# sourceMappingURL=useIsOverflowItemVisible.js.map
13
+
16
14
  //# sourceMappingURL=useIsOverflowItemVisible.js.map
@@ -1 +1 @@
1
- {"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"}
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"}