@fluentui/react-utilities 9.7.1 → 9.7.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/.swcrc +30 -0
- package/CHANGELOG.json +34 -1
- package/CHANGELOG.md +14 -2
- package/dist/index.d.ts +15 -3
- package/lib/compose/getSlots.js +3 -3
- package/lib/compose/getSlots.js.map +1 -1
- package/lib/compose/index.js.map +1 -1
- package/lib/compose/isResolvedShorthand.js.map +1 -1
- package/lib/compose/resolveShorthand.js.map +1 -1
- package/lib/compose/types.js +1 -1
- package/lib/compose/types.js.map +1 -1
- package/lib/events/index.js.map +1 -1
- package/lib/events/mouseTouchHelpers.js +1 -0
- package/lib/events/mouseTouchHelpers.js.map +1 -1
- package/lib/hooks/index.js.map +1 -1
- package/lib/hooks/useControllableState.js.map +1 -1
- package/lib/hooks/useEventCallback.js.map +1 -1
- package/lib/hooks/useFirstMount.js.map +1 -1
- package/lib/hooks/useForceUpdate.js.map +1 -1
- package/lib/hooks/useId.js.map +1 -1
- package/lib/hooks/useIsomorphicLayoutEffect.js +1 -2
- package/lib/hooks/useIsomorphicLayoutEffect.js.map +1 -1
- package/lib/hooks/useMergedRefs.js.map +1 -1
- package/lib/hooks/useOnClickOutside.js +16 -9
- package/lib/hooks/useOnClickOutside.js.map +1 -1
- package/lib/hooks/useOnScrollOutside.js +3 -1
- package/lib/hooks/useOnScrollOutside.js.map +1 -1
- package/lib/hooks/usePrevious.js.map +1 -1
- package/lib/hooks/useScrollbarWidth.js.map +1 -1
- package/lib/hooks/useTimeout.js.map +1 -1
- package/lib/index.js.map +1 -1
- package/lib/ssr/SSRContext.js +2 -2
- package/lib/ssr/SSRContext.js.map +1 -1
- package/lib/ssr/canUseDOM.js +1 -2
- package/lib/ssr/canUseDOM.js.map +1 -1
- package/lib/ssr/index.js.map +1 -1
- package/lib/trigger/applyTriggerPropsToChildren.js.map +1 -1
- package/lib/trigger/getTriggerChild.js.map +1 -1
- package/lib/trigger/index.js.map +1 -1
- package/lib/trigger/isFluentTrigger.js +1 -0
- package/lib/trigger/isFluentTrigger.js.map +1 -1
- package/lib/trigger/types.js +1 -1
- package/lib/trigger/types.js.map +1 -1
- package/lib/utils/clamp.js +1 -2
- package/lib/utils/clamp.js.map +1 -1
- package/lib/utils/getNativeElementProps.js +2 -2
- package/lib/utils/getNativeElementProps.js.map +1 -1
- package/lib/utils/getRTLSafeKey.js +1 -2
- package/lib/utils/getRTLSafeKey.js.map +1 -1
- package/lib/utils/getReactCallbackName.js +1 -0
- package/lib/utils/getReactCallbackName.js.map +1 -1
- package/lib/utils/index.js.map +1 -1
- package/lib/utils/isHTMLElement.js +12 -7
- package/lib/utils/isHTMLElement.js.map +1 -1
- package/lib/utils/isInteractiveHTMLElement.js.map +1 -1
- package/lib/utils/mergeCallbacks.js +1 -2
- package/lib/utils/mergeCallbacks.js.map +1 -1
- package/lib/utils/omit.js +1 -2
- package/lib/utils/omit.js.map +1 -1
- package/lib/utils/properties.js +24 -51
- package/lib/utils/properties.js.map +1 -1
- package/lib-commonjs/compose/getSlots.js +48 -55
- package/lib-commonjs/compose/getSlots.js.map +1 -1
- package/lib-commonjs/compose/index.js +8 -7
- package/lib-commonjs/compose/index.js.map +1 -1
- package/lib-commonjs/compose/isResolvedShorthand.js +9 -37
- package/lib-commonjs/compose/isResolvedShorthand.js.map +1 -1
- package/lib-commonjs/compose/resolveShorthand.js +25 -32
- package/lib-commonjs/compose/resolveShorthand.js.map +1 -1
- package/lib-commonjs/compose/types.js +5 -2
- package/lib-commonjs/compose/types.js.map +1 -1
- package/lib-commonjs/events/index.js +5 -4
- package/lib-commonjs/events/index.js.map +1 -1
- package/lib-commonjs/events/mouseTouchHelpers.js +40 -37
- package/lib-commonjs/events/mouseTouchHelpers.js.map +1 -1
- package/lib-commonjs/hooks/index.js +16 -15
- package/lib-commonjs/hooks/index.js.map +1 -1
- package/lib-commonjs/hooks/useControllableState.js +63 -64
- package/lib-commonjs/hooks/useControllableState.js.map +1 -1
- package/lib-commonjs/hooks/useEventCallback.js +25 -31
- package/lib-commonjs/hooks/useEventCallback.js.map +1 -1
- package/lib-commonjs/hooks/useFirstMount.js +15 -23
- package/lib-commonjs/hooks/useFirstMount.js.map +1 -1
- package/lib-commonjs/hooks/useForceUpdate.js +9 -11
- package/lib-commonjs/hooks/useForceUpdate.js.map +1 -1
- package/lib-commonjs/hooks/useId.js +47 -46
- package/lib-commonjs/hooks/useId.js.map +1 -1
- package/lib-commonjs/hooks/useIsomorphicLayoutEffect.js +10 -16
- package/lib-commonjs/hooks/useIsomorphicLayoutEffect.js.map +1 -1
- package/lib-commonjs/hooks/useMergedRefs.js +25 -27
- package/lib-commonjs/hooks/useMergedRefs.js.map +1 -1
- package/lib-commonjs/hooks/useOnClickOutside.js +118 -114
- package/lib-commonjs/hooks/useOnClickOutside.js.map +1 -1
- package/lib-commonjs/hooks/useOnScrollOutside.js +35 -36
- package/lib-commonjs/hooks/useOnScrollOutside.js.map +1 -1
- package/lib-commonjs/hooks/usePrevious.js +17 -15
- package/lib-commonjs/hooks/usePrevious.js.map +1 -1
- package/lib-commonjs/hooks/useScrollbarWidth.js +32 -32
- package/lib-commonjs/hooks/useScrollbarWidth.js.map +1 -1
- package/lib-commonjs/hooks/useTimeout.js +30 -30
- package/lib-commonjs/hooks/useTimeout.js.map +1 -1
- package/lib-commonjs/index.js +52 -214
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/ssr/SSRContext.js +57 -59
- package/lib-commonjs/ssr/SSRContext.js.map +1 -1
- package/lib-commonjs/ssr/canUseDOM.js +12 -12
- package/lib-commonjs/ssr/canUseDOM.js.map +1 -1
- package/lib-commonjs/ssr/index.js +6 -5
- package/lib-commonjs/ssr/index.js.map +1 -1
- package/lib-commonjs/trigger/applyTriggerPropsToChildren.js +29 -31
- package/lib-commonjs/trigger/applyTriggerPropsToChildren.js.map +1 -1
- package/lib-commonjs/trigger/getTriggerChild.js +16 -36
- package/lib-commonjs/trigger/getTriggerChild.js.map +1 -1
- package/lib-commonjs/trigger/index.js +8 -7
- package/lib-commonjs/trigger/index.js.map +1 -1
- package/lib-commonjs/trigger/isFluentTrigger.js +10 -11
- package/lib-commonjs/trigger/isFluentTrigger.js.map +1 -1
- package/lib-commonjs/trigger/types.js +5 -2
- package/lib-commonjs/trigger/types.js.map +1 -1
- package/lib-commonjs/utils/clamp.js +10 -9
- package/lib-commonjs/utils/clamp.js.map +1 -1
- package/lib-commonjs/utils/getNativeElementProps.js +54 -61
- package/lib-commonjs/utils/getNativeElementProps.js.map +1 -1
- package/lib-commonjs/utils/getRTLSafeKey.js +22 -21
- package/lib-commonjs/utils/getRTLSafeKey.js.map +1 -1
- package/lib-commonjs/utils/getReactCallbackName.js +24 -24
- package/lib-commonjs/utils/getReactCallbackName.js.map +1 -1
- package/lib-commonjs/utils/index.js +12 -11
- package/lib-commonjs/utils/index.js.map +1 -1
- package/lib-commonjs/utils/isHTMLElement.js +22 -15
- package/lib-commonjs/utils/isHTMLElement.js.map +1 -1
- package/lib-commonjs/utils/isInteractiveHTMLElement.js +20 -24
- package/lib-commonjs/utils/isInteractiveHTMLElement.js.map +1 -1
- package/lib-commonjs/utils/mergeCallbacks.js +14 -13
- package/lib-commonjs/utils/mergeCallbacks.js.map +1 -1
- package/lib-commonjs/utils/omit.js +18 -17
- package/lib-commonjs/utils/omit.js.map +1 -1
- package/lib-commonjs/utils/properties.js +327 -223
- package/lib-commonjs/utils/properties.js.map +1 -1
- package/package.json +5 -4
- package/lib-amd/compose/getSlots.js +0 -58
- package/lib-amd/compose/getSlots.js.map +0 -1
- package/lib-amd/compose/index.js +0 -9
- package/lib-amd/compose/index.js.map +0 -1
- package/lib-amd/compose/isResolvedShorthand.js +0 -40
- package/lib-amd/compose/isResolvedShorthand.js.map +0 -1
- package/lib-amd/compose/resolveShorthand.js +0 -27
- package/lib-amd/compose/resolveShorthand.js.map +0 -1
- package/lib-amd/compose/types.js +0 -5
- package/lib-amd/compose/types.js.map +0 -1
- package/lib-amd/events/index.js +0 -6
- package/lib-amd/events/index.js.map +0 -1
- package/lib-amd/events/mouseTouchHelpers.js +0 -39
- package/lib-amd/events/mouseTouchHelpers.js.map +0 -1
- package/lib-amd/hooks/index.js +0 -17
- package/lib-amd/hooks/index.js.map +0 -1
- package/lib-amd/hooks/useControllableState.js +0 -81
- package/lib-amd/hooks/useControllableState.js.map +0 -1
- package/lib-amd/hooks/useEventCallback.js +0 -36
- package/lib-amd/hooks/useEventCallback.js.map +0 -1
- package/lib-amd/hooks/useFirstMount.js +0 -26
- package/lib-amd/hooks/useFirstMount.js.map +0 -1
- package/lib-amd/hooks/useForceUpdate.js +0 -14
- package/lib-amd/hooks/useForceUpdate.js.map +0 -1
- package/lib-amd/hooks/useId.js +0 -54
- package/lib-amd/hooks/useId.js.map +0 -1
- package/lib-amd/hooks/useIsomorphicLayoutEffect.js +0 -17
- package/lib-amd/hooks/useIsomorphicLayoutEffect.js.map +0 -1
- package/lib-amd/hooks/useMergedRefs.js +0 -34
- package/lib-amd/hooks/useMergedRefs.js.map +0 -1
- package/lib-amd/hooks/useOnClickOutside.js +0 -114
- package/lib-amd/hooks/useOnClickOutside.js.map +0 -1
- package/lib-amd/hooks/useOnScrollOutside.js +0 -31
- package/lib-amd/hooks/useOnScrollOutside.js.map +0 -1
- package/lib-amd/hooks/usePrevious.js +0 -17
- package/lib-amd/hooks/usePrevious.js.map +0 -1
- package/lib-amd/hooks/useScrollbarWidth.js +0 -32
- package/lib-amd/hooks/useScrollbarWidth.js.map +0 -1
- package/lib-amd/hooks/useTimeout.js +0 -33
- package/lib-amd/hooks/useTimeout.js.map +0 -1
- package/lib-amd/index.js +0 -40
- package/lib-amd/index.js.map +0 -1
- package/lib-amd/ssr/SSRContext.js +0 -69
- package/lib-amd/ssr/SSRContext.js.map +0 -1
- package/lib-amd/ssr/canUseDOM.js +0 -16
- package/lib-amd/ssr/canUseDOM.js.map +0 -1
- package/lib-amd/ssr/index.js +0 -7
- package/lib-amd/ssr/index.js.map +0 -1
- package/lib-amd/trigger/applyTriggerPropsToChildren.js +0 -40
- package/lib-amd/trigger/applyTriggerPropsToChildren.js.map +0 -1
- package/lib-amd/trigger/getTriggerChild.js +0 -40
- package/lib-amd/trigger/getTriggerChild.js.map +0 -1
- package/lib-amd/trigger/index.js +0 -9
- package/lib-amd/trigger/index.js.map +0 -1
- package/lib-amd/trigger/isFluentTrigger.js +0 -15
- package/lib-amd/trigger/isFluentTrigger.js.map +0 -1
- package/lib-amd/trigger/types.js +0 -5
- package/lib-amd/trigger/types.js.map +0 -1
- package/lib-amd/utils/clamp.js +0 -16
- package/lib-amd/utils/clamp.js.map +0 -1
- package/lib-amd/utils/getNativeElementProps.js +0 -64
- package/lib-amd/utils/getNativeElementProps.js.map +0 -1
- package/lib-amd/utils/getRTLSafeKey.js +0 -24
- package/lib-amd/utils/getRTLSafeKey.js.map +0 -1
- package/lib-amd/utils/index.js +0 -13
- package/lib-amd/utils/index.js.map +0 -1
- package/lib-amd/utils/isHTMLElement.js +0 -22
- package/lib-amd/utils/isHTMLElement.js.map +0 -1
- package/lib-amd/utils/isInteractiveHTMLElement.js +0 -25
- package/lib-amd/utils/isInteractiveHTMLElement.js.map +0 -1
- package/lib-amd/utils/mergeCallbacks.js +0 -40
- package/lib-amd/utils/mergeCallbacks.js.map +0 -1
- package/lib-amd/utils/omit.js +0 -31
- package/lib-amd/utils/omit.js.map +0 -1
- package/lib-amd/utils/properties.js +0 -450
- package/lib-amd/utils/properties.js.map +0 -1
@@ -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/compose/types.js"],"sourcesContent":["import * as React from 'react';\n//# sourceMappingURL=types.js.map"],"names":[],"mappings":";;;;;6DAAuB;CACvB,iCAAiC"}
|
@@ -1,8 +1,9 @@
|
|
1
1
|
"use strict";
|
2
|
-
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
4
|
-
|
3
|
+
value: true
|
5
4
|
});
|
6
|
-
const
|
7
|
-
|
5
|
+
const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
|
6
|
+
_exportStar(require("./mouseTouchHelpers"), exports);
|
7
|
+
//# sourceMappingURL=index.js.map
|
8
|
+
|
8
9
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"sources":["../../lib/events/index.js"],"sourcesContent":["export * from './mouseTouchHelpers';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,iCAAiC"}
|
@@ -1,47 +1,50 @@
|
|
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
|
+
isTouchEvent: ()=>isTouchEvent,
|
13
|
+
isMouseEvent: ()=>isMouseEvent,
|
14
|
+
getEventClientCoords: ()=>getEventClientCoords
|
5
15
|
});
|
6
|
-
|
7
|
-
|
8
|
-
* Returns true if event is a touch event. Useful when sharing logic between touch and mouse interactions.
|
9
|
-
*/
|
16
|
+
const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
|
17
|
+
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
10
18
|
function isTouchEvent(event) {
|
11
|
-
|
19
|
+
return event.type.startsWith('touch');
|
12
20
|
}
|
13
|
-
exports.isTouchEvent = isTouchEvent;
|
14
|
-
/**
|
15
|
-
* Returns true if event is a mouse event. Useful when sharing logic between touch and mouse interactions.
|
16
|
-
*/
|
17
21
|
function isMouseEvent(event) {
|
18
|
-
|
22
|
+
return event.type.startsWith('mouse') || [
|
23
|
+
'click',
|
24
|
+
'contextmenu',
|
25
|
+
'dblclick'
|
26
|
+
].indexOf(event.type) > -1;
|
19
27
|
}
|
20
|
-
exports.isMouseEvent = isMouseEvent;
|
21
|
-
/**
|
22
|
-
* Returns an object with clientX, clientY for TouchOrMouseEvent.
|
23
|
-
* Returns zeros in case the event is not a mouse or a touch event.
|
24
|
-
*/
|
25
28
|
function getEventClientCoords(event) {
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
29
|
+
if (isMouseEvent(event)) {
|
30
|
+
return {
|
31
|
+
clientX: event.clientX,
|
32
|
+
clientY: event.clientY
|
33
|
+
};
|
34
|
+
} else if (isTouchEvent(event)) {
|
35
|
+
return {
|
36
|
+
clientX: event.touches[0].clientX,
|
37
|
+
clientY: event.touches[0].clientY
|
38
|
+
};
|
39
|
+
} else {
|
40
|
+
if (process.env.NODE_ENV !== 'production') {
|
41
|
+
throw new Error('@fluentui/react-utilities]: Unable to get clientX. Unknown event type.');
|
42
|
+
}
|
43
|
+
return {
|
44
|
+
clientX: 0,
|
45
|
+
clientY: 0
|
46
|
+
};
|
39
47
|
}
|
40
|
-
|
41
|
-
|
42
|
-
clientY: 0
|
43
|
-
};
|
44
|
-
}
|
45
|
-
}
|
46
|
-
exports.getEventClientCoords = getEventClientCoords;
|
48
|
+
} //# sourceMappingURL=mouseTouchHelpers.js.map
|
49
|
+
|
47
50
|
//# sourceMappingURL=mouseTouchHelpers.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"sources":["../../lib/events/mouseTouchHelpers.js"],"sourcesContent":["import * as React from 'react';\n/**\n * Returns true if event is a touch event. Useful when sharing logic between touch and mouse interactions.\n */\nexport function isTouchEvent(event) {\n return event.type.startsWith('touch');\n}\n/**\n * Returns true if event is a mouse event. Useful when sharing logic between touch and mouse interactions.\n */\nexport function isMouseEvent(event) {\n return event.type.startsWith('mouse') || ['click', 'contextmenu', 'dblclick'].indexOf(event.type) > -1;\n}\n/**\n * Returns an object with clientX, clientY for TouchOrMouseEvent.\n * Returns zeros in case the event is not a mouse or a touch event.\n */\nexport function getEventClientCoords(event) {\n if (isMouseEvent(event)) {\n return {\n clientX: event.clientX,\n clientY: event.clientY\n };\n } else if (isTouchEvent(event)) {\n return {\n clientX: event.touches[0].clientX,\n clientY: event.touches[0].clientY\n };\n } else {\n if (process.env.NODE_ENV !== 'production') {\n throw new Error('@fluentui/react-utilities]: Unable to get clientX. Unknown event type.');\n }\n return {\n clientX: 0,\n clientY: 0\n };\n }\n}\n//# sourceMappingURL=mouseTouchHelpers.js.map"],"names":["isTouchEvent","isMouseEvent","getEventClientCoords","event","type","startsWith","indexOf","clientX","clientY","touches","process","env","NODE_ENV","Error"],"mappings":";;;;;;;;;;;IAIgBA,YAAY,MAAZA;IAMAC,YAAY,MAAZA;IAOAC,oBAAoB,MAApBA;;;6DAjBO;AAIhB,SAASF,aAAaG,KAAK,EAAE;IAClC,OAAOA,MAAMC,IAAI,CAACC,UAAU,CAAC;AAC/B;AAIO,SAASJ,aAAaE,KAAK,EAAE;IAClC,OAAOA,MAAMC,IAAI,CAACC,UAAU,CAAC,YAAY;QAAC;QAAS;QAAe;KAAW,CAACC,OAAO,CAACH,MAAMC,IAAI,IAAI,CAAC;AACvG;AAKO,SAASF,qBAAqBC,KAAK,EAAE;IAC1C,IAAIF,aAAaE,QAAQ;QACvB,OAAO;YACLI,SAASJ,MAAMI,OAAO;YACtBC,SAASL,MAAMK,OAAO;QACxB;IACF,OAAO,IAAIR,aAAaG,QAAQ;QAC9B,OAAO;YACLI,SAASJ,MAAMM,OAAO,CAAC,EAAE,CAACF,OAAO;YACjCC,SAASL,MAAMM,OAAO,CAAC,EAAE,CAACD,OAAO;QACnC;IACF,OAAO;QACL,IAAIE,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;YACzC,MAAM,IAAIC,MAAM,0EAA0E;QAC5F,CAAC;QACD,OAAO;YACLN,SAAS;YACTC,SAAS;QACX;IACF,CAAC;AACH,EACA,6CAA6C"}
|
@@ -1,19 +1,20 @@
|
|
1
1
|
"use strict";
|
2
|
-
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
4
|
-
|
3
|
+
value: true
|
5
4
|
});
|
6
|
-
const
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
5
|
+
const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
|
6
|
+
_exportStar(require("./useControllableState"), exports);
|
7
|
+
_exportStar(require("./useEventCallback"), exports);
|
8
|
+
_exportStar(require("./useFirstMount"), exports);
|
9
|
+
_exportStar(require("./useForceUpdate"), exports);
|
10
|
+
_exportStar(require("./useId"), exports);
|
11
|
+
_exportStar(require("./useIsomorphicLayoutEffect"), exports);
|
12
|
+
_exportStar(require("./useMergedRefs"), exports);
|
13
|
+
_exportStar(require("./useOnClickOutside"), exports);
|
14
|
+
_exportStar(require("./useOnScrollOutside"), exports);
|
15
|
+
_exportStar(require("./usePrevious"), exports);
|
16
|
+
_exportStar(require("./useScrollbarWidth"), exports);
|
17
|
+
_exportStar(require("./useTimeout"), exports);
|
18
|
+
//# sourceMappingURL=index.js.map
|
19
|
+
|
19
20
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"sources":["../../lib/hooks/index.js"],"sourcesContent":["export * from './useControllableState';\nexport * from './useEventCallback';\nexport * from './useFirstMount';\nexport * from './useForceUpdate';\nexport * from './useId';\nexport * from './useIsomorphicLayoutEffect';\nexport * from './useMergedRefs';\nexport * from './useOnClickOutside';\nexport * from './useOnScrollOutside';\nexport * from './usePrevious';\nexport * from './useScrollbarWidth';\nexport * from './useTimeout';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
|
@@ -1,75 +1,74 @@
|
|
1
1
|
"use strict";
|
2
|
-
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
4
|
-
|
3
|
+
value: true
|
4
|
+
});
|
5
|
+
Object.defineProperty(exports, "useControllableState", {
|
6
|
+
enumerable: true,
|
7
|
+
get: ()=>useControllableState
|
5
8
|
});
|
6
|
-
|
7
|
-
const
|
9
|
+
const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
|
10
|
+
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
8
11
|
function isFactoryDispatch(newState) {
|
9
|
-
|
12
|
+
return typeof newState === 'function';
|
10
13
|
}
|
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
|
-
const setState = React.useCallback(newState => {
|
39
|
-
// React dispatch can use a factory
|
40
|
-
// https://reactjs.org/docs/hooks-reference.html#functional-updates
|
41
|
-
if (isFactoryDispatch(newState)) {
|
42
|
-
stateRef.current = newState(stateRef.current);
|
43
|
-
} else {
|
44
|
-
stateRef.current = newState;
|
45
|
-
}
|
46
|
-
setInternalState(stateRef.current);
|
47
|
-
}, []);
|
48
|
-
return [state, setState];
|
14
|
+
const useControllableState = (options)=>{
|
15
|
+
const isControlled = useIsControlled(options.state);
|
16
|
+
const initialState = typeof options.defaultState === 'undefined' ? options.initialState : options.defaultState;
|
17
|
+
const [internalState, setInternalState] = _react.useState(initialState);
|
18
|
+
const state = isControlled ? options.state : internalState;
|
19
|
+
const stateRef = _react.useRef(state);
|
20
|
+
_react.useEffect(()=>{
|
21
|
+
stateRef.current = state;
|
22
|
+
}, [
|
23
|
+
state
|
24
|
+
]);
|
25
|
+
// To match the behavior of the setter returned by React.useState, this callback's identity
|
26
|
+
// should never change. This means it MUST NOT directly reference variables that can change.
|
27
|
+
const setState = _react.useCallback((newState)=>{
|
28
|
+
// React dispatch can use a factory
|
29
|
+
// https://reactjs.org/docs/hooks-reference.html#functional-updates
|
30
|
+
if (isFactoryDispatch(newState)) {
|
31
|
+
stateRef.current = newState(stateRef.current);
|
32
|
+
} else {
|
33
|
+
stateRef.current = newState;
|
34
|
+
}
|
35
|
+
setInternalState(stateRef.current);
|
36
|
+
}, []);
|
37
|
+
return [
|
38
|
+
state,
|
39
|
+
setState
|
40
|
+
];
|
49
41
|
};
|
50
|
-
exports.useControllableState = useControllableState;
|
51
42
|
/**
|
52
43
|
* Helper hook to handle previous comparison of controlled/uncontrolled
|
53
44
|
* Prints an error when isControlled value switches between subsequent renders
|
54
45
|
* @returns - whether the value is controlled
|
55
|
-
*/
|
56
|
-
const
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
}
|
46
|
+
*/ const useIsControlled = (controlledValue)=>{
|
47
|
+
const [isControlled] = _react.useState(()=>controlledValue !== undefined);
|
48
|
+
if (process.env.NODE_ENV !== 'production') {
|
49
|
+
// We don't want these warnings in production even though it is against native behaviour
|
50
|
+
// eslint-disable-next-line react-hooks/rules-of-hooks
|
51
|
+
_react.useEffect(()=>{
|
52
|
+
if (isControlled !== (controlledValue !== undefined)) {
|
53
|
+
const error = new Error();
|
54
|
+
const controlWarning = isControlled ? 'a controlled value to be uncontrolled' : 'an uncontrolled value to be controlled';
|
55
|
+
const undefinedWarning = isControlled ? 'defined to an undefined' : 'undefined to a defined';
|
56
|
+
// eslint-disable-next-line no-console
|
57
|
+
console.error([
|
58
|
+
// Default react error
|
59
|
+
'A component is changing ' + controlWarning + '. This is likely caused by the value',
|
60
|
+
'changing from ' + undefinedWarning + ' value, which should not happen.',
|
61
|
+
'Decide between using a controlled or uncontrolled input element for the lifetime of the component.',
|
62
|
+
'More info: https://reactjs.org/link/controlled-components',
|
63
|
+
error.stack
|
64
|
+
].join(' '));
|
65
|
+
}
|
66
|
+
}, [
|
67
|
+
isControlled,
|
68
|
+
controlledValue
|
69
|
+
]);
|
70
|
+
}
|
71
|
+
return isControlled;
|
72
|
+
}; //# sourceMappingURL=useControllableState.js.map
|
73
|
+
|
75
74
|
//# sourceMappingURL=useControllableState.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"sources":["../../lib/hooks/useControllableState.js"],"sourcesContent":["import * as React from 'react';\nfunction isFactoryDispatch(newState) {\n return typeof newState === 'function';\n}\n/**\n * @internal\n *\n * A `useState`-like hook to manage a value that could be either controlled or uncontrolled,\n * such as a checked state or text input string.\n *\n * Unlike `setState`, it's okay to call the returned updater (dispatch) function for either a\n * controlled or uncontrolled component. Calls will only be respected if the component is uncontrolled.\n *\n * @returns Same as [`useState`](https://reactjs.org/docs/hooks-reference.html#usestate): an array\n * of the current value and an updater (dispatch) function. The updater function is referentially\n * stable (won't change during the component's lifecycle). It can take either a new value, or a\n * function which is passed the previous value and returns the new value. Unlike `setState`, calls\n * to the updater function will only be respected if the component is uncontrolled.\n * @see https://reactjs.org/docs/uncontrolled-components.html\n */\nexport const useControllableState = options => {\n const isControlled = useIsControlled(options.state);\n const initialState = typeof options.defaultState === 'undefined' ? options.initialState : options.defaultState;\n const [internalState, setInternalState] = React.useState(initialState);\n const state = isControlled ? options.state : internalState;\n const stateRef = React.useRef(state);\n React.useEffect(() => {\n stateRef.current = state;\n }, [state]);\n // To match the behavior of the setter returned by React.useState, this callback's identity\n // should never change. This means it MUST NOT directly reference variables that can change.\n const setState = React.useCallback(newState => {\n // React dispatch can use a factory\n // https://reactjs.org/docs/hooks-reference.html#functional-updates\n if (isFactoryDispatch(newState)) {\n stateRef.current = newState(stateRef.current);\n } else {\n stateRef.current = newState;\n }\n setInternalState(stateRef.current);\n }, []);\n return [state, setState];\n};\n/**\n * Helper hook to handle previous comparison of controlled/uncontrolled\n * Prints an error when isControlled value switches between subsequent renders\n * @returns - whether the value is controlled\n */\nconst useIsControlled = controlledValue => {\n const [isControlled] = React.useState(() => controlledValue !== undefined);\n if (process.env.NODE_ENV !== 'production') {\n // We don't want these warnings in production even though it is against native behaviour\n // eslint-disable-next-line react-hooks/rules-of-hooks\n React.useEffect(() => {\n if (isControlled !== (controlledValue !== undefined)) {\n const error = new Error();\n const controlWarning = isControlled ? 'a controlled value to be uncontrolled' : 'an uncontrolled value to be controlled';\n const undefinedWarning = isControlled ? 'defined to an undefined' : 'undefined to a defined';\n // eslint-disable-next-line no-console\n console.error([\n // Default react error\n 'A component is changing ' + controlWarning + '. This is likely caused by the value', 'changing from ' + undefinedWarning + ' value, which should not happen.', 'Decide between using a controlled or uncontrolled input element for the lifetime of the component.', 'More info: https://reactjs.org/link/controlled-components', error.stack].join(' '));\n }\n }, [isControlled, controlledValue]);\n }\n return isControlled;\n};\n//# sourceMappingURL=useControllableState.js.map"],"names":["useControllableState","isFactoryDispatch","newState","options","isControlled","useIsControlled","state","initialState","defaultState","internalState","setInternalState","React","useState","stateRef","useRef","useEffect","current","setState","useCallback","controlledValue","undefined","process","env","NODE_ENV","error","Error","controlWarning","undefinedWarning","console","stack","join"],"mappings":";;;;+BAoBaA;;aAAAA;;;6DApBU;AACvB,SAASC,kBAAkBC,QAAQ,EAAE;IACnC,OAAO,OAAOA,aAAa;AAC7B;AAiBO,MAAMF,uBAAuBG,CAAAA,UAAW;IAC7C,MAAMC,eAAeC,gBAAgBF,QAAQG,KAAK;IAClD,MAAMC,eAAe,OAAOJ,QAAQK,YAAY,KAAK,cAAcL,QAAQI,YAAY,GAAGJ,QAAQK,YAAY;IAC9G,MAAM,CAACC,eAAeC,iBAAiB,GAAGC,OAAMC,QAAQ,CAACL;IACzD,MAAMD,QAAQF,eAAeD,QAAQG,KAAK,GAAGG,aAAa;IAC1D,MAAMI,WAAWF,OAAMG,MAAM,CAACR;IAC9BK,OAAMI,SAAS,CAAC,IAAM;QACpBF,SAASG,OAAO,GAAGV;IACrB,GAAG;QAACA;KAAM;IACV,2FAA2F;IAC3F,4FAA4F;IAC5F,MAAMW,WAAWN,OAAMO,WAAW,CAAChB,CAAAA,WAAY;QAC7C,mCAAmC;QACnC,mEAAmE;QACnE,IAAID,kBAAkBC,WAAW;YAC/BW,SAASG,OAAO,GAAGd,SAASW,SAASG,OAAO;QAC9C,OAAO;YACLH,SAASG,OAAO,GAAGd;QACrB,CAAC;QACDQ,iBAAiBG,SAASG,OAAO;IACnC,GAAG,EAAE;IACL,OAAO;QAACV;QAAOW;KAAS;AAC1B;AACA;;;;CAIC,GACD,MAAMZ,kBAAkBc,CAAAA,kBAAmB;IACzC,MAAM,CAACf,aAAa,GAAGO,OAAMC,QAAQ,CAAC,IAAMO,oBAAoBC;IAChE,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;QACzC,wFAAwF;QACxF,sDAAsD;QACtDZ,OAAMI,SAAS,CAAC,IAAM;YACpB,IAAIX,iBAAkBe,CAAAA,oBAAoBC,SAAQ,GAAI;gBACpD,MAAMI,QAAQ,IAAIC;gBAClB,MAAMC,iBAAiBtB,eAAe,0CAA0C,wCAAwC;gBACxH,MAAMuB,mBAAmBvB,eAAe,4BAA4B,wBAAwB;gBAC5F,sCAAsC;gBACtCwB,QAAQJ,KAAK,CAAC;oBACd,sBAAsB;oBACtB,6BAA6BE,iBAAiB;oBAAwC,mBAAmBC,mBAAmB;oBAAoC;oBAAsG;oBAA6DH,MAAMK,KAAK;iBAAC,CAACC,IAAI,CAAC;YACvV,CAAC;QACH,GAAG;YAAC1B;YAAce;SAAgB;IACpC,CAAC;IACD,OAAOf;AACT,GACA,gDAAgD"}
|
@@ -1,35 +1,29 @@
|
|
1
1
|
"use strict";
|
2
|
-
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
4
|
-
|
3
|
+
value: true
|
4
|
+
});
|
5
|
+
Object.defineProperty(exports, "useEventCallback", {
|
6
|
+
enumerable: true,
|
7
|
+
get: ()=>useEventCallback
|
5
8
|
});
|
6
|
-
|
7
|
-
const
|
8
|
-
const
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
useIsomorphicLayoutEffect_1.useIsomorphicLayoutEffect(() => {
|
27
|
-
callbackRef.current = fn;
|
28
|
-
}, [fn]);
|
29
|
-
return React.useCallback((...args) => {
|
30
|
-
const callback = callbackRef.current;
|
31
|
-
return callback(...args);
|
32
|
-
}, [callbackRef]);
|
33
|
-
};
|
34
|
-
exports.useEventCallback = useEventCallback;
|
9
|
+
const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
|
10
|
+
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
11
|
+
const _useIsomorphicLayoutEffect = require("./useIsomorphicLayoutEffect");
|
12
|
+
const useEventCallback = (fn)=>{
|
13
|
+
const callbackRef = _react.useRef(()=>{
|
14
|
+
throw new Error('Cannot call an event handler while rendering');
|
15
|
+
});
|
16
|
+
(0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(()=>{
|
17
|
+
callbackRef.current = fn;
|
18
|
+
}, [
|
19
|
+
fn
|
20
|
+
]);
|
21
|
+
return _react.useCallback((...args)=>{
|
22
|
+
const callback = callbackRef.current;
|
23
|
+
return callback(...args);
|
24
|
+
}, [
|
25
|
+
callbackRef
|
26
|
+
]);
|
27
|
+
}; //# sourceMappingURL=useEventCallback.js.map
|
28
|
+
|
35
29
|
//# sourceMappingURL=useEventCallback.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"sources":["../../lib/hooks/useEventCallback.js"],"sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n/**\n * @internal\n * https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback\n *\n * Modified `useCallback` that can be used when dependencies change too frequently. Can occur when\n * e.g. user props are dependencies which could change on every render\n * e.g. volatile values (i.e. useState/useDispatch) are dependencies which could change frequently\n *\n * This should not be used often, but can be a useful re-render optimization since the callback is a ref and\n * will not be invalidated between re-renders\n *\n * @param fn - The callback function that will be used\n */\nexport const useEventCallback = fn => {\n const callbackRef = React.useRef(() => {\n throw new Error('Cannot call an event handler while rendering');\n });\n useIsomorphicLayoutEffect(() => {\n callbackRef.current = fn;\n }, [fn]);\n return React.useCallback((...args) => {\n const callback = callbackRef.current;\n return callback(...args);\n }, [callbackRef]);\n};\n//# sourceMappingURL=useEventCallback.js.map"],"names":["useEventCallback","fn","callbackRef","React","useRef","Error","useIsomorphicLayoutEffect","current","useCallback","args","callback"],"mappings":";;;;+BAeaA;;aAAAA;;;6DAfU;2CACmB;AAcnC,MAAMA,mBAAmBC,CAAAA,KAAM;IACpC,MAAMC,cAAcC,OAAMC,MAAM,CAAC,IAAM;QACrC,MAAM,IAAIC,MAAM,gDAAgD;IAClE;IACAC,IAAAA,oDAAyB,EAAC,IAAM;QAC9BJ,YAAYK,OAAO,GAAGN;IACxB,GAAG;QAACA;KAAG;IACP,OAAOE,OAAMK,WAAW,CAAC,CAAC,GAAGC,OAAS;QACpC,MAAMC,WAAWR,YAAYK,OAAO;QACpC,OAAOG,YAAYD;IACrB,GAAG;QAACP;KAAY;AAClB,GACA,4CAA4C"}
|
@@ -1,28 +1,20 @@
|
|
1
1
|
"use strict";
|
2
|
-
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
4
|
-
|
3
|
+
value: true
|
4
|
+
});
|
5
|
+
Object.defineProperty(exports, "useFirstMount", {
|
6
|
+
enumerable: true,
|
7
|
+
get: ()=>useFirstMount
|
5
8
|
});
|
6
|
-
|
7
|
-
const
|
8
|
-
/**
|
9
|
-
* @internal
|
10
|
-
* Checks if components was mounted the first time.
|
11
|
-
* Since concurrent mode will be released in the future this needs to be verified
|
12
|
-
* Currently (React 17) will always render the initial mount once
|
13
|
-
* https://codesandbox.io/s/heuristic-brook-s4w0q?file=/src/App.jsx
|
14
|
-
* https://codesandbox.io/s/holy-grass-8nieu?file=/src/App.jsx
|
15
|
-
*
|
16
|
-
* @example
|
17
|
-
* const isFirstMount = useFirstMount();
|
18
|
-
*/
|
9
|
+
const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
|
10
|
+
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
19
11
|
function useFirstMount() {
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
}
|
27
|
-
|
12
|
+
const isFirst = _react.useRef(true);
|
13
|
+
if (isFirst.current) {
|
14
|
+
isFirst.current = false;
|
15
|
+
return true;
|
16
|
+
}
|
17
|
+
return isFirst.current;
|
18
|
+
} //# sourceMappingURL=useFirstMount.js.map
|
19
|
+
|
28
20
|
//# sourceMappingURL=useFirstMount.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"sources":["../../lib/hooks/useFirstMount.js"],"sourcesContent":["import * as React from 'react';\n/**\n * @internal\n * Checks if components was mounted the first time.\n * Since concurrent mode will be released in the future this needs to be verified\n * Currently (React 17) will always render the initial mount once\n * https://codesandbox.io/s/heuristic-brook-s4w0q?file=/src/App.jsx\n * https://codesandbox.io/s/holy-grass-8nieu?file=/src/App.jsx\n *\n * @example\n * const isFirstMount = useFirstMount();\n */\nexport function useFirstMount() {\n const isFirst = React.useRef(true);\n if (isFirst.current) {\n isFirst.current = false;\n return true;\n }\n return isFirst.current;\n}\n//# sourceMappingURL=useFirstMount.js.map"],"names":["useFirstMount","isFirst","React","useRef","current"],"mappings":";;;;+BAYgBA;;aAAAA;;;6DAZO;AAYhB,SAASA,gBAAgB;IAC9B,MAAMC,UAAUC,OAAMC,MAAM,CAAC,IAAI;IACjC,IAAIF,QAAQG,OAAO,EAAE;QACnBH,QAAQG,OAAO,GAAG,KAAK;QACvB,OAAO,IAAI;IACb,CAAC;IACD,OAAOH,QAAQG,OAAO;AACxB,EACA,yCAAyC"}
|
@@ -1,16 +1,14 @@
|
|
1
1
|
"use strict";
|
2
|
-
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
4
|
-
|
3
|
+
value: true
|
4
|
+
});
|
5
|
+
Object.defineProperty(exports, "useForceUpdate", {
|
6
|
+
enumerable: true,
|
7
|
+
get: ()=>useForceUpdate
|
5
8
|
});
|
6
|
-
|
7
|
-
const react_1 = /*#__PURE__*/require("react");
|
8
|
-
/**
|
9
|
-
* @internal
|
10
|
-
* Forces a re-render, similar to `forceUpdate` in class components.
|
11
|
-
*/
|
9
|
+
const _react = require("react");
|
12
10
|
function useForceUpdate() {
|
13
|
-
|
14
|
-
}
|
15
|
-
|
11
|
+
return (0, _react.useReducer)((x)=>x + 1, 0)[1];
|
12
|
+
} //# sourceMappingURL=useForceUpdate.js.map
|
13
|
+
|
16
14
|
//# sourceMappingURL=useForceUpdate.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"sources":["../../lib/hooks/useForceUpdate.js"],"sourcesContent":["import { useReducer } from 'react';\n/**\n * @internal\n * Forces a re-render, similar to `forceUpdate` in class components.\n */\nexport function useForceUpdate() {\n return useReducer(x => x + 1, 0)[1];\n}\n//# sourceMappingURL=useForceUpdate.js.map"],"names":["useForceUpdate","useReducer","x"],"mappings":";;;;+BAKgBA;;aAAAA;;uBALW;AAKpB,SAASA,iBAAiB;IAC/B,OAAOC,IAAAA,iBAAU,EAACC,CAAAA,IAAKA,IAAI,GAAG,EAAE,CAAC,EAAE;AACrC,EACA,0CAA0C"}
|