@fluentui/react-utilities 9.13.1 → 9.13.2
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/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,22 @@
|
|
|
2
2
|
"name": "@fluentui/react-utilities",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "Tue, 05 Sep 2023
|
|
5
|
+
"date": "Tue, 05 Sep 2023 15:35:07 GMT",
|
|
6
|
+
"tag": "@fluentui/react-utilities_v9.13.2",
|
|
7
|
+
"version": "9.13.2",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "yuanboxue@microsoft.com",
|
|
12
|
+
"package": "@fluentui/react-utilities",
|
|
13
|
+
"commit": "e1a882487376a105505801ff30bbb9dc103c73f2",
|
|
14
|
+
"comment": "fix: `useOnScrollOutside` should invoke callback on dragging scrollbar"
|
|
15
|
+
}
|
|
16
|
+
]
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"date": "Tue, 05 Sep 2023 13:29:11 GMT",
|
|
6
21
|
"tag": "@fluentui/react-utilities_v9.13.1",
|
|
7
22
|
"version": "9.13.1",
|
|
8
23
|
"comments": {
|
|
@@ -35,7 +50,7 @@
|
|
|
35
50
|
"author": "beachball",
|
|
36
51
|
"package": "@fluentui/react-utilities",
|
|
37
52
|
"comment": "Bump @fluentui/keyboard-keys to v9.0.4",
|
|
38
|
-
"commit": "
|
|
53
|
+
"commit": "da959e66f36b429e40ae61810d08dc71c16e154a"
|
|
39
54
|
}
|
|
40
55
|
]
|
|
41
56
|
}
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,21 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-utilities
|
|
2
2
|
|
|
3
|
-
This log was last generated on Tue, 05 Sep 2023
|
|
3
|
+
This log was last generated on Tue, 05 Sep 2023 15:35:07 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.13.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-utilities_v9.13.2)
|
|
8
|
+
|
|
9
|
+
Tue, 05 Sep 2023 15:35:07 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-utilities_v9.13.1..@fluentui/react-utilities_v9.13.2)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- fix: `useOnScrollOutside` should invoke callback on dragging scrollbar ([PR #29062](https://github.com/microsoft/fluentui/pull/29062) by yuanboxue@microsoft.com)
|
|
15
|
+
|
|
7
16
|
## [9.13.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-utilities_v9.13.1)
|
|
8
17
|
|
|
9
|
-
Tue, 05 Sep 2023 13:
|
|
18
|
+
Tue, 05 Sep 2023 13:29:11 GMT
|
|
10
19
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-utilities_v9.13.0..@fluentui/react-utilities_v9.13.1)
|
|
11
20
|
|
|
12
21
|
### Patches
|
|
@@ -15,7 +24,7 @@ Tue, 05 Sep 2023 13:23:16 GMT
|
|
|
15
24
|
- chore: adds swc-plugin-de-indent-template-literal to remove indentation of consoles ([PR #29040](https://github.com/microsoft/fluentui/pull/29040) by bernardo.sunderhus@gmail.com)
|
|
16
25
|
- fix: use timeout instead of requestAnimationFrame for ssr ([PR #29015](https://github.com/microsoft/fluentui/pull/29015) by marcosvmmoura@gmail.com)
|
|
17
26
|
- bumps react peer dependencies to v16.14.0 ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
18
|
-
- Bump @fluentui/keyboard-keys to v9.0.4 ([PR #
|
|
27
|
+
- Bump @fluentui/keyboard-keys to v9.0.4 ([PR #29056](https://github.com/microsoft/fluentui/pull/29056) by beachball)
|
|
19
28
|
|
|
20
29
|
## [9.13.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-utilities_v9.13.0)
|
|
21
30
|
|
|
@@ -17,16 +17,19 @@ import { useEventCallback } from './useEventCallback';
|
|
|
17
17
|
}
|
|
18
18
|
});
|
|
19
19
|
React.useEffect(()=>{
|
|
20
|
-
var _element, _element1
|
|
20
|
+
var _element, _element1, // use capture phase because scroll does not bubble
|
|
21
|
+
_element2;
|
|
21
22
|
if (disabled) {
|
|
22
23
|
return;
|
|
23
24
|
}
|
|
24
25
|
(_element = element) === null || _element === void 0 ? void 0 : _element.addEventListener('wheel', listener);
|
|
25
26
|
(_element1 = element) === null || _element1 === void 0 ? void 0 : _element1.addEventListener('touchmove', listener);
|
|
27
|
+
(_element2 = element) === null || _element2 === void 0 ? void 0 : _element2.addEventListener('scroll', listener, true);
|
|
26
28
|
return ()=>{
|
|
27
|
-
var _element, _element1;
|
|
29
|
+
var _element, _element1, _element2;
|
|
28
30
|
(_element = element) === null || _element === void 0 ? void 0 : _element.removeEventListener('wheel', listener);
|
|
29
31
|
(_element1 = element) === null || _element1 === void 0 ? void 0 : _element1.removeEventListener('touchmove', listener);
|
|
32
|
+
(_element2 = element) === null || _element2 === void 0 ? void 0 : _element2.removeEventListener('scroll', listener, true);
|
|
30
33
|
};
|
|
31
34
|
}, [
|
|
32
35
|
listener,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useOnScrollOutside.ts"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback } from './useEventCallback';\nimport type { UseOnClickOrScrollOutsideOptions } from './useOnClickOutside';\n\n/**\n * @internal\n * Utility to perform checks where a click/touch event was made outside a component\n */\nexport const useOnScrollOutside = (options: UseOnClickOrScrollOutsideOptions) => {\n const { refs, callback, element, disabled, contains: containsProp } = options;\n\n const listener = useEventCallback((ev:
|
|
1
|
+
{"version":3,"sources":["useOnScrollOutside.ts"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback } from './useEventCallback';\nimport type { UseOnClickOrScrollOutsideOptions } from './useOnClickOutside';\n\n/**\n * @internal\n * Utility to perform checks where a click/touch event was made outside a component\n */\nexport const useOnScrollOutside = (options: UseOnClickOrScrollOutsideOptions) => {\n const { refs, callback, element, disabled, contains: containsProp } = options;\n\n const listener = useEventCallback((ev: Event) => {\n const contains: UseOnClickOrScrollOutsideOptions['contains'] =\n containsProp || ((parent, child) => !!parent?.contains(child));\n\n const target = ev.composedPath()[0] as HTMLElement;\n const isOutside = refs.every(ref => !contains(ref.current || null, target));\n\n if (isOutside && !disabled) {\n callback(ev as MouseEvent | TouchEvent);\n }\n });\n\n React.useEffect(() => {\n if (disabled) {\n return;\n }\n\n element?.addEventListener('wheel', listener);\n element?.addEventListener('touchmove', listener);\n // use capture phase because scroll does not bubble\n element?.addEventListener('scroll', listener, true);\n\n return () => {\n element?.removeEventListener('wheel', listener);\n element?.removeEventListener('touchmove', listener);\n element?.removeEventListener('scroll', listener, true);\n };\n }, [listener, element, disabled]);\n};\n"],"names":["React","useEventCallback","useOnScrollOutside","options","refs","callback","element","disabled","contains","containsProp","listener","ev","parent","child","target","composedPath","isOutside","every","ref","current","useEffect","addEventListener","removeEventListener"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ,qBAAqB;AAGtD;;;CAGC,GACD,OAAO,MAAMC,qBAAqB,CAACC;IACjC,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,UAAUC,YAAY,EAAE,GAAGN;IAEtE,MAAMO,WAAWT,iBAAiB,CAACU;QACjC,MAAMH,WACJC,gBAAiB,CAAA,CAACG,QAAQC;gBAAYD;mBAAF,CAAC,GAACA,UAAAA,oBAAAA,8BAAAA,QAAQJ,QAAQ,CAACK;SAAK;QAE9D,MAAMC,SAASH,GAAGI,YAAY,EAAE,CAAC,EAAE;QACnC,MAAMC,YAAYZ,KAAKa,KAAK,CAACC,CAAAA,MAAO,CAACV,SAASU,IAAIC,OAAO,IAAI,MAAML;QAEnE,IAAIE,aAAa,CAACT,UAAU;YAC1BF,SAASM;QACX;IACF;IAEAX,MAAMoB,SAAS,CAAC;YAKdd,UACAA,WACA,mDAAmD;QACnDA;QAPA,IAAIC,UAAU;YACZ;QACF;SAEAD,WAAAA,qBAAAA,+BAAAA,SAASe,gBAAgB,CAAC,SAASX;SACnCJ,YAAAA,qBAAAA,gCAAAA,UAASe,gBAAgB,CAAC,aAAaX;SAEvCJ,YAAAA,qBAAAA,gCAAAA,UAASe,gBAAgB,CAAC,UAAUX,UAAU;QAE9C,OAAO;gBACLJ,UACAA,WACAA;aAFAA,WAAAA,qBAAAA,+BAAAA,SAASgB,mBAAmB,CAAC,SAASZ;aACtCJ,YAAAA,qBAAAA,gCAAAA,UAASgB,mBAAmB,CAAC,aAAaZ;aAC1CJ,YAAAA,qBAAAA,gCAAAA,UAASgB,mBAAmB,CAAC,UAAUZ,UAAU;QACnD;IACF,GAAG;QAACA;QAAUJ;QAASC;KAAS;AAClC,EAAE"}
|
|
@@ -25,16 +25,18 @@ const useOnScrollOutside = (options)=>{
|
|
|
25
25
|
}
|
|
26
26
|
});
|
|
27
27
|
_react.useEffect(()=>{
|
|
28
|
-
var _element, _element1;
|
|
28
|
+
var _element, _element1, _element2;
|
|
29
29
|
if (disabled) {
|
|
30
30
|
return;
|
|
31
31
|
}
|
|
32
32
|
(_element = element) === null || _element === void 0 ? void 0 : _element.addEventListener('wheel', listener);
|
|
33
33
|
(_element1 = element) === null || _element1 === void 0 ? void 0 : _element1.addEventListener('touchmove', listener);
|
|
34
|
+
(_element2 = element) === null || _element2 === void 0 ? void 0 : _element2.addEventListener('scroll', listener, true);
|
|
34
35
|
return ()=>{
|
|
35
|
-
var _element, _element1;
|
|
36
|
+
var _element, _element1, _element2;
|
|
36
37
|
(_element = element) === null || _element === void 0 ? void 0 : _element.removeEventListener('wheel', listener);
|
|
37
38
|
(_element1 = element) === null || _element1 === void 0 ? void 0 : _element1.removeEventListener('touchmove', listener);
|
|
39
|
+
(_element2 = element) === null || _element2 === void 0 ? void 0 : _element2.removeEventListener('scroll', listener, true);
|
|
38
40
|
};
|
|
39
41
|
}, [
|
|
40
42
|
listener,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useOnScrollOutside.js"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback } from './useEventCallback';\n/**\n * @internal\n * Utility to perform checks where a click/touch event was made outside a component\n */ export const useOnScrollOutside = (options)=>{\n const { refs, callback, element, disabled, contains: containsProp } = options;\n const listener = useEventCallback((ev)=>{\n const contains = containsProp || ((parent, child)=>{\n var _parent;\n return !!((_parent = parent) === null || _parent === void 0 ? void 0 : _parent.contains(child));\n });\n const target = ev.composedPath()[0];\n const isOutside = refs.every((ref)=>!contains(ref.current || null, target));\n if (isOutside && !disabled) {\n callback(ev);\n }\n });\n React.useEffect(()=>{\n var _element, _element1;\n if (disabled) {\n return;\n }\n (_element = element) === null || _element === void 0 ? void 0 : _element.addEventListener('wheel', listener);\n (_element1 = element) === null || _element1 === void 0 ? void 0 : _element1.addEventListener('touchmove', listener);\n return ()=>{\n var _element, _element1;\n (_element = element) === null || _element === void 0 ? void 0 : _element.removeEventListener('wheel', listener);\n (_element1 = element) === null || _element1 === void 0 ? void 0 : _element1.removeEventListener('touchmove', listener);\n };\n }, [\n listener,\n element,\n disabled\n ]);\n};\n"],"names":["useOnScrollOutside","options","refs","callback","element","disabled","contains","containsProp","listener","useEventCallback","ev","parent","child","_parent","target","composedPath","isOutside","every","ref","current","React","useEffect","_element","_element1","addEventListener","removeEventListener"],"mappings":";;;;+BAKiBA;;;eAAAA;;;;iEALM;kCACU;AAItB,MAAMA,qBAAqB,CAACC;IACnC,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,UAAUC,YAAY,EAAE,GAAGN;IACtE,MAAMO,WAAWC,IAAAA,kCAAgB,EAAC,CAACC;QAC/B,MAAMJ,WAAWC,gBAAiB,CAAA,CAACI,QAAQC;YACvC,IAAIC;YACJ,OAAO,CAAC,CAAE,CAAA,AAACA,CAAAA,UAAUF,MAAK,MAAO,QAAQE,YAAY,KAAK,IAAI,KAAK,IAAIA,QAAQP,QAAQ,CAACM,MAAK;QACjG,CAAA;QACA,MAAME,SAASJ,GAAGK,YAAY,EAAE,CAAC,EAAE;QACnC,MAAMC,YAAYd,KAAKe,KAAK,CAAC,CAACC,MAAM,CAACZ,SAASY,IAAIC,OAAO,IAAI,MAAML;QACnE,IAAIE,aAAa,CAACX,UAAU;YACxBF,SAASO;QACb;IACJ;IACAU,OAAMC,SAAS,CAAC;QACZ,IAAIC,UAAUC;
|
|
1
|
+
{"version":3,"sources":["useOnScrollOutside.js"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback } from './useEventCallback';\n/**\n * @internal\n * Utility to perform checks where a click/touch event was made outside a component\n */ export const useOnScrollOutside = (options)=>{\n const { refs, callback, element, disabled, contains: containsProp } = options;\n const listener = useEventCallback((ev)=>{\n const contains = containsProp || ((parent, child)=>{\n var _parent;\n return !!((_parent = parent) === null || _parent === void 0 ? void 0 : _parent.contains(child));\n });\n const target = ev.composedPath()[0];\n const isOutside = refs.every((ref)=>!contains(ref.current || null, target));\n if (isOutside && !disabled) {\n callback(ev);\n }\n });\n React.useEffect(()=>{\n var _element, _element1, // use capture phase because scroll does not bubble\n _element2;\n if (disabled) {\n return;\n }\n (_element = element) === null || _element === void 0 ? void 0 : _element.addEventListener('wheel', listener);\n (_element1 = element) === null || _element1 === void 0 ? void 0 : _element1.addEventListener('touchmove', listener);\n (_element2 = element) === null || _element2 === void 0 ? void 0 : _element2.addEventListener('scroll', listener, true);\n return ()=>{\n var _element, _element1, _element2;\n (_element = element) === null || _element === void 0 ? void 0 : _element.removeEventListener('wheel', listener);\n (_element1 = element) === null || _element1 === void 0 ? void 0 : _element1.removeEventListener('touchmove', listener);\n (_element2 = element) === null || _element2 === void 0 ? void 0 : _element2.removeEventListener('scroll', listener, true);\n };\n }, [\n listener,\n element,\n disabled\n ]);\n};\n"],"names":["useOnScrollOutside","options","refs","callback","element","disabled","contains","containsProp","listener","useEventCallback","ev","parent","child","_parent","target","composedPath","isOutside","every","ref","current","React","useEffect","_element","_element1","_element2","addEventListener","removeEventListener"],"mappings":";;;;+BAKiBA;;;eAAAA;;;;iEALM;kCACU;AAItB,MAAMA,qBAAqB,CAACC;IACnC,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,UAAUC,YAAY,EAAE,GAAGN;IACtE,MAAMO,WAAWC,IAAAA,kCAAgB,EAAC,CAACC;QAC/B,MAAMJ,WAAWC,gBAAiB,CAAA,CAACI,QAAQC;YACvC,IAAIC;YACJ,OAAO,CAAC,CAAE,CAAA,AAACA,CAAAA,UAAUF,MAAK,MAAO,QAAQE,YAAY,KAAK,IAAI,KAAK,IAAIA,QAAQP,QAAQ,CAACM,MAAK;QACjG,CAAA;QACA,MAAME,SAASJ,GAAGK,YAAY,EAAE,CAAC,EAAE;QACnC,MAAMC,YAAYd,KAAKe,KAAK,CAAC,CAACC,MAAM,CAACZ,SAASY,IAAIC,OAAO,IAAI,MAAML;QACnE,IAAIE,aAAa,CAACX,UAAU;YACxBF,SAASO;QACb;IACJ;IACAU,OAAMC,SAAS,CAAC;QACZ,IAAIC,UAAUC,WACdC;QACA,IAAInB,UAAU;YACV;QACJ;QACCiB,CAAAA,WAAWlB,OAAM,MAAO,QAAQkB,aAAa,KAAK,IAAI,KAAK,IAAIA,SAASG,gBAAgB,CAAC,SAASjB;QAClGe,CAAAA,YAAYnB,OAAM,MAAO,QAAQmB,cAAc,KAAK,IAAI,KAAK,IAAIA,UAAUE,gBAAgB,CAAC,aAAajB;QACzGgB,CAAAA,YAAYpB,OAAM,MAAO,QAAQoB,cAAc,KAAK,IAAI,KAAK,IAAIA,UAAUC,gBAAgB,CAAC,UAAUjB,UAAU;QACjH,OAAO;YACH,IAAIc,UAAUC,WAAWC;YACxBF,CAAAA,WAAWlB,OAAM,MAAO,QAAQkB,aAAa,KAAK,IAAI,KAAK,IAAIA,SAASI,mBAAmB,CAAC,SAASlB;YACrGe,CAAAA,YAAYnB,OAAM,MAAO,QAAQmB,cAAc,KAAK,IAAI,KAAK,IAAIA,UAAUG,mBAAmB,CAAC,aAAalB;YAC5GgB,CAAAA,YAAYpB,OAAM,MAAO,QAAQoB,cAAc,KAAK,IAAI,KAAK,IAAIA,UAAUE,mBAAmB,CAAC,UAAUlB,UAAU;QACxH;IACJ,GAAG;QACCA;QACAJ;QACAC;KACH;AACL"}
|