@fluentui/react-overflow 0.0.0-nightly-20230316-0427.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.
- package/.swcrc +39 -0
- package/CHANGELOG.json +32 -11
- package/CHANGELOG.md +18 -8
- package/lib/components/Overflow.js +7 -7
- package/lib/components/Overflow.js.map +1 -1
- package/lib/components/OverflowItem/OverflowItem.js +3 -3
- package/lib/components/OverflowItem/OverflowItem.js.map +1 -1
- package/lib/components/OverflowItem/OverflowItem.types.js +1 -1
- package/lib/components/OverflowItem/OverflowItem.types.js.map +1 -1
- package/lib/components/OverflowItem/index.js +1 -1
- package/lib/components/OverflowItem/index.js.map +1 -1
- package/lib/constants.js +3 -3
- package/lib/constants.js.map +1 -1
- package/lib/index.js +10 -10
- package/lib/index.js.map +1 -1
- package/lib/overflowContext.js +1 -1
- package/lib/overflowContext.js.map +1 -1
- package/lib/types.js +1 -1
- package/lib/types.js.map +1 -1
- package/lib/useIsOverflowGroupVisible.js +1 -1
- package/lib/useIsOverflowGroupVisible.js.map +1 -1
- package/lib/useIsOverflowItemVisible.js +1 -1
- package/lib/useIsOverflowItemVisible.js.map +1 -1
- package/lib/useOverflowContainer.js +18 -18
- package/lib/useOverflowContainer.js.map +1 -1
- package/lib/useOverflowCount.js +1 -1
- package/lib/useOverflowCount.js.map +1 -1
- package/lib/useOverflowItem.js +4 -4
- package/lib/useOverflowItem.js.map +1 -1
- package/lib/useOverflowMenu.js +5 -5
- package/lib/useOverflowMenu.js.map +1 -1
- package/lib-commonjs/components/Overflow.js +62 -70
- package/lib-commonjs/components/Overflow.js.map +1 -1
- package/lib-commonjs/components/OverflowItem/OverflowItem.js +16 -21
- package/lib-commonjs/components/OverflowItem/OverflowItem.js.map +1 -1
- package/lib-commonjs/components/OverflowItem/OverflowItem.types.js +5 -2
- package/lib-commonjs/components/OverflowItem/OverflowItem.types.js.map +1 -1
- package/lib-commonjs/components/OverflowItem/index.js +6 -8
- package/lib-commonjs/components/OverflowItem/index.js.map +1 -1
- package/lib-commonjs/constants.js +16 -6
- package/lib-commonjs/constants.js.map +1 -1
- package/lib-commonjs/index.js +34 -86
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/overflowContext.js +21 -16
- package/lib-commonjs/overflowContext.js.map +1 -1
- package/lib-commonjs/types.js +5 -2
- package/lib-commonjs/types.js.map +1 -1
- package/lib-commonjs/useIsOverflowGroupVisible.js +9 -11
- package/lib-commonjs/useIsOverflowGroupVisible.js.map +1 -1
- package/lib-commonjs/useIsOverflowItemVisible.js +9 -11
- package/lib-commonjs/useIsOverflowItemVisible.js.map +1 -1
- package/lib-commonjs/useOverflowContainer.js +87 -80
- package/lib-commonjs/useOverflowContainer.js.map +1 -1
- package/lib-commonjs/useOverflowCount.js +14 -15
- package/lib-commonjs/useOverflowCount.js.map +1 -1
- package/lib-commonjs/useOverflowItem.js +27 -27
- package/lib-commonjs/useOverflowItem.js.map +1 -1
- package/lib-commonjs/useOverflowMenu.js +41 -30
- package/lib-commonjs/useOverflowMenu.js.map +1 -1
- package/package.json +7 -7
@@ -1,77 +1,69 @@
|
|
1
1
|
"use strict";
|
2
|
-
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
4
|
-
|
3
|
+
value: true
|
5
4
|
});
|
6
|
-
exports
|
7
|
-
|
8
|
-
|
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
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
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
|
-
|
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,"
|
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
|
-
|
3
|
+
value: true
|
5
4
|
});
|
6
|
-
exports
|
7
|
-
|
8
|
-
|
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,"
|
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
|
-
|
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,"
|
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
|
-
|
3
|
+
value: true
|
5
4
|
});
|
6
|
-
exports.OverflowItem = void 0;
|
7
|
-
var OverflowItem_1 = /*#__PURE__*/require("./OverflowItem");
|
8
5
|
Object.defineProperty(exports, "OverflowItem", {
|
9
|
-
|
10
|
-
|
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,"
|
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
|
-
|
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
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
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,"
|
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"}
|
package/lib-commonjs/index.js
CHANGED
@@ -1,89 +1,37 @@
|
|
1
1
|
"use strict";
|
2
|
-
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
4
|
-
|
5
|
-
});
|
6
|
-
|
7
|
-
var
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
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,"
|
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
|
-
|
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
|
-
|
7
|
-
const
|
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
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
18
|
+
itemVisibility: {},
|
19
|
+
groupVisibility: {},
|
20
|
+
hasOverflow: false,
|
21
|
+
registerItem: ()=>()=>null,
|
22
|
+
updateOverflow: ()=>null,
|
23
|
+
registerOverflowMenu: ()=>()=>null
|
16
24
|
};
|
17
|
-
|
18
|
-
|
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,"
|
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"}
|
package/lib-commonjs/types.js
CHANGED
@@ -1,6 +1,9 @@
|
|
1
1
|
"use strict";
|
2
|
-
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
4
|
-
|
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,"
|
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
|
-
|
3
|
+
value: true
|
4
|
+
});
|
5
|
+
Object.defineProperty(exports, "useIsOverflowGroupVisible", {
|
6
|
+
enumerable: true,
|
7
|
+
get: ()=>useIsOverflowGroupVisible
|
5
8
|
});
|
6
|
-
|
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
|
-
|
14
|
-
}
|
15
|
-
|
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,"
|
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
|
-
|
3
|
+
value: true
|
4
|
+
});
|
5
|
+
Object.defineProperty(exports, "useIsOverflowItemVisible", {
|
6
|
+
enumerable: true,
|
7
|
+
get: ()=>useIsOverflowItemVisible
|
5
8
|
});
|
6
|
-
|
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
|
-
|
14
|
-
}
|
15
|
-
|
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,"
|
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"}
|