@tamagui/react-native-web-internals 1.114.4 → 1.115.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/dist/cjs/StyleSheet/__tests__/{compiler-createReactDOMStyle-test.js → compiler-createReactDOMStyle-test.cjs} +98 -50
- package/dist/cjs/StyleSheet/__tests__/{compiler-test.js → compiler-test.cjs} +158 -129
- package/dist/cjs/StyleSheet/__tests__/{dom-createOrderedCSSStyleSheet-test.js → dom-createOrderedCSSStyleSheet-test.cjs} +23 -19
- package/dist/cjs/StyleSheet/__tests__/{index-test.js → index-test.cjs} +173 -116
- package/dist/cjs/StyleSheet/__tests__/preprocess-test.cjs +108 -0
- package/dist/cjs/StyleSheet/__tests__/validate-test.cjs +36 -0
- package/dist/cjs/StyleSheet/compiler/createReactDOMStyle.cjs +99 -0
- package/dist/cjs/StyleSheet/compiler/hash.cjs +26 -0
- package/dist/cjs/StyleSheet/compiler/hyphenateStyleName.cjs +37 -0
- package/dist/cjs/StyleSheet/compiler/index.cjs +329 -0
- package/dist/cjs/StyleSheet/compiler/{normalizeColor.js → normalizeColor.cjs} +30 -20
- package/dist/cjs/StyleSheet/compiler/{normalizeValueWithProperty.js → normalizeValueWithProperty.cjs} +24 -15
- package/dist/cjs/StyleSheet/compiler/resolveShadowValue.cjs +60 -0
- package/dist/cjs/StyleSheet/dom/createCSSStyleSheet.cjs +48 -0
- package/dist/cjs/StyleSheet/dom/{createOrderedCSSStyleSheet.js → createOrderedCSSStyleSheet.cjs} +36 -20
- package/dist/cjs/StyleSheet/dom/index.cjs +78 -0
- package/dist/cjs/StyleSheet/{index.js → index.cjs} +24 -19
- package/dist/cjs/StyleSheet/preprocess.cjs +112 -0
- package/dist/cjs/StyleSheet/validate.cjs +69 -0
- package/dist/cjs/TextAncestorContext.cjs +29 -0
- package/dist/cjs/{colorProps.js → colorProps.cjs} +16 -11
- package/dist/cjs/index.cjs +113 -0
- package/dist/cjs/modules/AccessibilityUtil/__tests__/propsToAccessibilityComponent-test.cjs +50 -0
- package/dist/cjs/modules/AccessibilityUtil/__tests__/propsToAriaRole-test.cjs +40 -0
- package/dist/cjs/modules/AccessibilityUtil/{index.js → index.cjs} +25 -15
- package/dist/cjs/modules/AccessibilityUtil/isDisabled.cjs +27 -0
- package/dist/cjs/modules/AccessibilityUtil/propsToAccessibilityComponent.cjs +69 -0
- package/dist/cjs/modules/AccessibilityUtil/propsToAriaRole.cjs +48 -0
- package/dist/cjs/modules/AssetRegistry/{index.js → index.cjs} +16 -11
- package/dist/cjs/modules/ImageLoader/index.cjs +112 -0
- package/dist/cjs/modules/{InteractionManager.js → InteractionManager.cjs} +26 -20
- package/dist/cjs/modules/Platform/__tests__/index-test.cjs +48 -0
- package/dist/cjs/modules/Platform/index.cjs +31 -0
- package/dist/cjs/modules/TextInputState/{index.js → index.cjs} +23 -15
- package/dist/cjs/modules/UIManager/__tests__/{index-test.js → index-test.cjs} +56 -32
- package/dist/cjs/modules/UIManager/index.cjs +138 -0
- package/dist/cjs/modules/canUseDOM.cjs +28 -0
- package/dist/cjs/modules/createDOMProps/__tests__/index-test.cjs +156 -0
- package/dist/cjs/modules/createDOMProps/index.cjs +138 -0
- package/dist/cjs/modules/createEventHandle/__tests__/index-test.cjs +344 -0
- package/dist/cjs/modules/createEventHandle/{index.js → index.cjs} +38 -34
- package/dist/cjs/modules/dismissKeyboard/{index.js → index.cjs} +23 -15
- package/dist/cjs/modules/forwardedProps/index.cjs +160 -0
- package/dist/cjs/modules/getBoundingClientRect/index.cjs +29 -0
- package/dist/cjs/modules/invariant.cjs +36 -0
- package/dist/cjs/modules/isSelectionValid/index.cjs +35 -0
- package/dist/cjs/modules/isWebColor/index.cjs +27 -0
- package/dist/cjs/modules/mergeRefs/__tests__/index-test.cjs +42 -0
- package/dist/cjs/modules/mergeRefs/index.cjs +42 -0
- package/dist/cjs/modules/modality/__tests__/{index-test.js → index-test.cjs} +20 -8
- package/dist/cjs/modules/modality/{index.js → index.cjs} +75 -19
- package/dist/cjs/modules/multiplyStyleLengthValue/__tests__/{index-test.js → index-test.cjs} +16 -14
- package/dist/cjs/modules/multiplyStyleLengthValue/index.cjs +36 -0
- package/dist/cjs/modules/normalizeColor/{index.js → index.cjs} +29 -18
- package/dist/cjs/modules/pick/index.cjs +30 -0
- package/dist/cjs/modules/processColor/__tests__/{index-test.js → index-test.cjs} +17 -15
- package/dist/cjs/modules/processColor/{index.js → index.cjs} +25 -19
- package/dist/cjs/modules/requestIdleCallback/index.cjs +56 -0
- package/dist/cjs/modules/setValueForStyles/{dangerousStyleValue.js → dangerousStyleValue.cjs} +23 -15
- package/dist/cjs/modules/setValueForStyles/{index.js → index.cjs} +26 -18
- package/dist/cjs/modules/unitlessNumbers/index.cjs +87 -0
- package/dist/cjs/modules/useElementLayout/{index.js → index.cjs} +40 -23
- package/dist/cjs/modules/useEvent/__tests__/{index-test.js → index-test.cjs} +218 -99
- package/dist/cjs/modules/useEvent/index.cjs +56 -0
- package/dist/cjs/modules/useHover/__tests__/{index-test.js → index-test.cjs} +118 -40
- package/dist/cjs/modules/useHover/index.cjs +108 -0
- package/dist/cjs/modules/useLayoutEffect/{index.js → index.cjs} +24 -15
- package/dist/cjs/modules/useLocale/index.cjs +66 -0
- package/dist/cjs/modules/useLocale/{isLocaleRTL.js → isLocaleRTL.cjs} +23 -31
- package/dist/cjs/modules/useMergeRefs/__tests__/index-test.cjs +102 -0
- package/dist/cjs/modules/useMergeRefs/index.cjs +43 -0
- package/dist/cjs/modules/usePlatformMethods/index.cjs +48 -0
- package/dist/cjs/modules/useStable/__tests__/{index-test.js → index-test.cjs} +46 -23
- package/dist/cjs/modules/useStable/{index.js → index.cjs} +22 -14
- package/dist/cjs/styleTypes.cjs +16 -0
- package/dist/cjs/types.cjs +16 -0
- package/package.json +9 -8
- package/dist/cjs/StyleSheet/__tests__/preprocess-test.js +0 -77
- package/dist/cjs/StyleSheet/__tests__/validate-test.js +0 -18
- package/dist/cjs/StyleSheet/compiler/createReactDOMStyle.js +0 -121
- package/dist/cjs/StyleSheet/compiler/hash.js +0 -21
- package/dist/cjs/StyleSheet/compiler/hyphenateStyleName.js +0 -31
- package/dist/cjs/StyleSheet/compiler/index.js +0 -253
- package/dist/cjs/StyleSheet/compiler/resolveShadowValue.js +0 -35
- package/dist/cjs/StyleSheet/dom/createCSSStyleSheet.js +0 -44
- package/dist/cjs/StyleSheet/dom/index.js +0 -74
- package/dist/cjs/StyleSheet/preprocess.js +0 -67
- package/dist/cjs/StyleSheet/validate.js +0 -66
- package/dist/cjs/TextAncestorContext.js +0 -24
- package/dist/cjs/index.js +0 -73
- package/dist/cjs/modules/AccessibilityUtil/__tests__/propsToAccessibilityComponent-test.js +0 -46
- package/dist/cjs/modules/AccessibilityUtil/__tests__/propsToAriaRole-test.js +0 -30
- package/dist/cjs/modules/AccessibilityUtil/isDisabled.js +0 -22
- package/dist/cjs/modules/AccessibilityUtil/propsToAccessibilityComponent.js +0 -60
- package/dist/cjs/modules/AccessibilityUtil/propsToAriaRole.js +0 -43
- package/dist/cjs/modules/ImageLoader/index.js +0 -102
- package/dist/cjs/modules/Platform/__tests__/index-test.js +0 -46
- package/dist/cjs/modules/Platform/index.js +0 -26
- package/dist/cjs/modules/UIManager/index.js +0 -101
- package/dist/cjs/modules/canUseDOM.js +0 -23
- package/dist/cjs/modules/createDOMProps/__tests__/index-test.js +0 -106
- package/dist/cjs/modules/createDOMProps/index.js +0 -121
- package/dist/cjs/modules/createEventHandle/__tests__/index-test.js +0 -242
- package/dist/cjs/modules/forwardedProps/index.js +0 -145
- package/dist/cjs/modules/getBoundingClientRect/index.js +0 -25
- package/dist/cjs/modules/invariant.js +0 -35
- package/dist/cjs/modules/isSelectionValid/index.js +0 -27
- package/dist/cjs/modules/isWebColor/index.js +0 -22
- package/dist/cjs/modules/mergeRefs/__tests__/index-test.js +0 -34
- package/dist/cjs/modules/mergeRefs/index.js +0 -41
- package/dist/cjs/modules/multiplyStyleLengthValue/index.js +0 -28
- package/dist/cjs/modules/pick/index.js +0 -26
- package/dist/cjs/modules/requestIdleCallback/index.js +0 -44
- package/dist/cjs/modules/unitlessNumbers/index.js +0 -80
- package/dist/cjs/modules/useEvent/index.js +0 -45
- package/dist/cjs/modules/useHover/index.js +0 -81
- package/dist/cjs/modules/useLocale/index.js +0 -54
- package/dist/cjs/modules/useMergeRefs/__tests__/index-test.js +0 -68
- package/dist/cjs/modules/useMergeRefs/index.js +0 -36
- package/dist/cjs/modules/usePlatformMethods/index.js +0 -39
- package/dist/cjs/styleTypes.js +0 -14
- package/dist/cjs/types.js +0 -14
- /package/dist/cjs/StyleSheet/__tests__/{compiler-createReactDOMStyle-test.js.map → compiler-createReactDOMStyle-test.cjs.map} +0 -0
- /package/dist/cjs/StyleSheet/__tests__/{compiler-test.js.map → compiler-test.cjs.map} +0 -0
- /package/dist/cjs/StyleSheet/__tests__/{dom-createOrderedCSSStyleSheet-test.js.map → dom-createOrderedCSSStyleSheet-test.cjs.map} +0 -0
- /package/dist/cjs/StyleSheet/__tests__/{index-test.js.map → index-test.cjs.map} +0 -0
- /package/dist/cjs/StyleSheet/__tests__/{preprocess-test.js.map → preprocess-test.cjs.map} +0 -0
- /package/dist/cjs/StyleSheet/__tests__/{validate-test.js.map → validate-test.cjs.map} +0 -0
- /package/dist/cjs/StyleSheet/compiler/{createReactDOMStyle.js.map → createReactDOMStyle.cjs.map} +0 -0
- /package/dist/cjs/StyleSheet/compiler/{hash.js.map → hash.cjs.map} +0 -0
- /package/dist/cjs/StyleSheet/compiler/{hyphenateStyleName.js.map → hyphenateStyleName.cjs.map} +0 -0
- /package/dist/cjs/StyleSheet/compiler/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/StyleSheet/compiler/{normalizeColor.js.map → normalizeColor.cjs.map} +0 -0
- /package/dist/cjs/StyleSheet/compiler/{normalizeValueWithProperty.js.map → normalizeValueWithProperty.cjs.map} +0 -0
- /package/dist/cjs/StyleSheet/compiler/{resolveShadowValue.js.map → resolveShadowValue.cjs.map} +0 -0
- /package/dist/cjs/StyleSheet/dom/{createCSSStyleSheet.js.map → createCSSStyleSheet.cjs.map} +0 -0
- /package/dist/cjs/StyleSheet/dom/{createOrderedCSSStyleSheet.js.map → createOrderedCSSStyleSheet.cjs.map} +0 -0
- /package/dist/cjs/StyleSheet/dom/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/StyleSheet/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/StyleSheet/{preprocess.js.map → preprocess.cjs.map} +0 -0
- /package/dist/cjs/StyleSheet/{validate.js.map → validate.cjs.map} +0 -0
- /package/dist/cjs/{TextAncestorContext.js.map → TextAncestorContext.cjs.map} +0 -0
- /package/dist/cjs/{colorProps.js.map → colorProps.cjs.map} +0 -0
- /package/dist/cjs/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/AccessibilityUtil/__tests__/{propsToAccessibilityComponent-test.js.map → propsToAccessibilityComponent-test.cjs.map} +0 -0
- /package/dist/cjs/modules/AccessibilityUtil/__tests__/{propsToAriaRole-test.js.map → propsToAriaRole-test.cjs.map} +0 -0
- /package/dist/cjs/modules/AccessibilityUtil/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/AccessibilityUtil/{isDisabled.js.map → isDisabled.cjs.map} +0 -0
- /package/dist/cjs/modules/AccessibilityUtil/{propsToAccessibilityComponent.js.map → propsToAccessibilityComponent.cjs.map} +0 -0
- /package/dist/cjs/modules/AccessibilityUtil/{propsToAriaRole.js.map → propsToAriaRole.cjs.map} +0 -0
- /package/dist/cjs/modules/AssetRegistry/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/ImageLoader/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/{InteractionManager.js.map → InteractionManager.cjs.map} +0 -0
- /package/dist/cjs/modules/Platform/__tests__/{index-test.js.map → index-test.cjs.map} +0 -0
- /package/dist/cjs/modules/Platform/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/TextInputState/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/UIManager/__tests__/{index-test.js.map → index-test.cjs.map} +0 -0
- /package/dist/cjs/modules/UIManager/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/{canUseDOM.js.map → canUseDOM.cjs.map} +0 -0
- /package/dist/cjs/modules/createDOMProps/__tests__/{index-test.js.map → index-test.cjs.map} +0 -0
- /package/dist/cjs/modules/createDOMProps/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/createEventHandle/__tests__/{index-test.js.map → index-test.cjs.map} +0 -0
- /package/dist/cjs/modules/createEventHandle/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/dismissKeyboard/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/forwardedProps/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/getBoundingClientRect/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/{invariant.js.map → invariant.cjs.map} +0 -0
- /package/dist/cjs/modules/isSelectionValid/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/isWebColor/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/mergeRefs/__tests__/{index-test.js.map → index-test.cjs.map} +0 -0
- /package/dist/cjs/modules/mergeRefs/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/modality/__tests__/{index-test.js.map → index-test.cjs.map} +0 -0
- /package/dist/cjs/modules/modality/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/multiplyStyleLengthValue/__tests__/{index-test.js.map → index-test.cjs.map} +0 -0
- /package/dist/cjs/modules/multiplyStyleLengthValue/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/normalizeColor/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/pick/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/processColor/__tests__/{index-test.js.map → index-test.cjs.map} +0 -0
- /package/dist/cjs/modules/processColor/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/requestIdleCallback/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/setValueForStyles/{dangerousStyleValue.js.map → dangerousStyleValue.cjs.map} +0 -0
- /package/dist/cjs/modules/setValueForStyles/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/unitlessNumbers/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/useElementLayout/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/useEvent/__tests__/{index-test.js.map → index-test.cjs.map} +0 -0
- /package/dist/cjs/modules/useEvent/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/useHover/__tests__/{index-test.js.map → index-test.cjs.map} +0 -0
- /package/dist/cjs/modules/useHover/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/useLayoutEffect/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/useLocale/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/useLocale/{isLocaleRTL.js.map → isLocaleRTL.cjs.map} +0 -0
- /package/dist/cjs/modules/useMergeRefs/__tests__/{index-test.js.map → index-test.cjs.map} +0 -0
- /package/dist/cjs/modules/useMergeRefs/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/usePlatformMethods/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/useStable/__tests__/{index-test.js.map → index-test.cjs.map} +0 -0
- /package/dist/cjs/modules/useStable/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/{styleTypes.js.map → styleTypes.cjs.map} +0 -0
- /package/dist/cjs/{types.js.map → types.cjs.map} +0 -0
|
@@ -2,22 +2,31 @@ var __create = Object.create;
|
|
|
2
2
|
var __defProp = Object.defineProperty;
|
|
3
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf,
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf,
|
|
6
|
+
__hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
7
|
var __copyProps = (to, from, except, desc) => {
|
|
7
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
9
|
+
get: () => from[key],
|
|
10
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
11
|
+
});
|
|
10
12
|
return to;
|
|
11
13
|
};
|
|
12
14
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
mod
|
|
19
|
-
|
|
20
|
-
|
|
15
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
16
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
17
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
18
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
19
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
20
|
+
value: mod,
|
|
21
|
+
enumerable: !0
|
|
22
|
+
}) : target, mod));
|
|
23
|
+
var import_dom_event_testing_library = require("dom-event-testing-library"),
|
|
24
|
+
React = __toESM(require("react")),
|
|
25
|
+
ReactDOM = __toESM(require("react-dom")),
|
|
26
|
+
import_test_utils = require("react-dom/test-utils"),
|
|
27
|
+
import_modality = require("../../modality/index.cjs"),
|
|
28
|
+
import__ = __toESM(require("../index.cjs")),
|
|
29
|
+
import_jsx_runtime = require("react/jsx-runtime");
|
|
21
30
|
function createRoot(rootNode) {
|
|
22
31
|
return {
|
|
23
32
|
render(element) {
|
|
@@ -25,7 +34,7 @@ function createRoot(rootNode) {
|
|
|
25
34
|
}
|
|
26
35
|
};
|
|
27
36
|
}
|
|
28
|
-
(0, import_dom_event_testing_library.describeWithPointerEvent)("useHover",
|
|
37
|
+
(0, import_dom_event_testing_library.describeWithPointerEvent)("useHover", hasPointerEvents => {
|
|
29
38
|
let root, rootNode;
|
|
30
39
|
beforeEach(() => {
|
|
31
40
|
(0, import_dom_event_testing_library.setPointerEvent)(hasPointerEvents), rootNode = document.createElement("div"), document.body.appendChild(rootNode), root = createRoot(rootNode);
|
|
@@ -40,14 +49,22 @@ function createRoot(rootNode) {
|
|
|
40
49
|
onHoverStart,
|
|
41
50
|
onHoverUpdate,
|
|
42
51
|
onHoverEnd
|
|
43
|
-
}), (0, import__.default)(childRef, {
|
|
52
|
+
}), (0, import__.default)(childRef, {
|
|
53
|
+
contain: !0
|
|
54
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
|
|
55
|
+
ref,
|
|
56
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
|
|
57
|
+
ref: childRef
|
|
58
|
+
})
|
|
59
|
+
}));
|
|
44
60
|
(0, import_test_utils.act)(() => {
|
|
45
|
-
root.render(/* @__PURE__ */
|
|
61
|
+
root.render(/* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {}));
|
|
46
62
|
});
|
|
47
63
|
};
|
|
48
64
|
test("contains the hover gesture", () => {
|
|
49
65
|
componentInit();
|
|
50
|
-
const target = (0, import_dom_event_testing_library.createEventTarget)(ref.current),
|
|
66
|
+
const target = (0, import_dom_event_testing_library.createEventTarget)(ref.current),
|
|
67
|
+
child = (0, import_dom_event_testing_library.createEventTarget)(childRef.current);
|
|
51
68
|
(0, import_test_utils.act)(() => {
|
|
52
69
|
target.pointerover(), target.pointerout(), child.pointerover();
|
|
53
70
|
}), expect(onHoverEnd).toBeCalled(), (0, import_test_utils.act)(() => {
|
|
@@ -64,9 +81,11 @@ function createRoot(rootNode) {
|
|
|
64
81
|
onHoverStart,
|
|
65
82
|
onHoverUpdate,
|
|
66
83
|
onHoverEnd
|
|
67
|
-
}), /* @__PURE__ */
|
|
84
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
|
|
85
|
+
ref
|
|
86
|
+
}));
|
|
68
87
|
(0, import_test_utils.act)(() => {
|
|
69
|
-
root.render(/* @__PURE__ */
|
|
88
|
+
root.render(/* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {}));
|
|
70
89
|
});
|
|
71
90
|
};
|
|
72
91
|
test("does not call callbacks", () => {
|
|
@@ -80,37 +99,57 @@ function createRoot(rootNode) {
|
|
|
80
99
|
let onHoverStart, ref;
|
|
81
100
|
const componentInit = () => {
|
|
82
101
|
onHoverStart = jest.fn(), ref = React.createRef();
|
|
83
|
-
const Component = () => ((0, import__.default)(ref, {
|
|
102
|
+
const Component = () => ((0, import__.default)(ref, {
|
|
103
|
+
onHoverStart
|
|
104
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
|
|
105
|
+
ref
|
|
106
|
+
}));
|
|
84
107
|
(0, import_test_utils.act)(() => {
|
|
85
|
-
root.render(/* @__PURE__ */
|
|
108
|
+
root.render(/* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {}));
|
|
86
109
|
});
|
|
87
110
|
};
|
|
88
111
|
test("is called for mouse pointers", () => {
|
|
89
112
|
componentInit();
|
|
90
113
|
const target = (0, import_dom_event_testing_library.createEventTarget)(ref.current);
|
|
91
114
|
(0, import_test_utils.act)(() => {
|
|
92
|
-
target.pointerover({
|
|
115
|
+
target.pointerover({
|
|
116
|
+
pointerType: "mouse"
|
|
117
|
+
});
|
|
93
118
|
}), expect(onHoverStart).toBeCalledTimes(1);
|
|
94
119
|
}), test("is not called for touch pointers", () => {
|
|
95
120
|
componentInit();
|
|
96
121
|
const target = (0, import_dom_event_testing_library.createEventTarget)(ref.current);
|
|
97
122
|
(0, import_test_utils.act)(() => {
|
|
98
|
-
target.pointerdown({
|
|
123
|
+
target.pointerdown({
|
|
124
|
+
pointerType: "touch"
|
|
125
|
+
}), target.pointerup({
|
|
126
|
+
pointerType: "touch"
|
|
127
|
+
});
|
|
99
128
|
}), expect(onHoverStart).not.toBeCalled();
|
|
100
129
|
}), test("is called if a mouse pointer is used after a touch pointer", () => {
|
|
101
130
|
componentInit();
|
|
102
131
|
const target = (0, import_dom_event_testing_library.createEventTarget)(ref.current);
|
|
103
132
|
(0, import_test_utils.act)(() => {
|
|
104
|
-
target.pointerdown({
|
|
133
|
+
target.pointerdown({
|
|
134
|
+
pointerType: "touch"
|
|
135
|
+
}), target.pointerup({
|
|
136
|
+
pointerType: "touch"
|
|
137
|
+
}), target.pointerover({
|
|
138
|
+
pointerType: "mouse"
|
|
139
|
+
});
|
|
105
140
|
}), expect(onHoverStart).toBeCalledTimes(1);
|
|
106
141
|
});
|
|
107
142
|
}), describe("onHoverChange", () => {
|
|
108
143
|
let onHoverChange, ref;
|
|
109
144
|
const componentInit = () => {
|
|
110
145
|
onHoverChange = jest.fn(), ref = React.createRef();
|
|
111
|
-
const Component = () => ((0, import__.default)(ref, {
|
|
146
|
+
const Component = () => ((0, import__.default)(ref, {
|
|
147
|
+
onHoverChange
|
|
148
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
|
|
149
|
+
ref
|
|
150
|
+
}));
|
|
112
151
|
(0, import_test_utils.act)(() => {
|
|
113
|
-
root.render(/* @__PURE__ */
|
|
152
|
+
root.render(/* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {}));
|
|
114
153
|
});
|
|
115
154
|
};
|
|
116
155
|
test("is called for mouse pointers", () => {
|
|
@@ -125,16 +164,27 @@ function createRoot(rootNode) {
|
|
|
125
164
|
componentInit();
|
|
126
165
|
const target = (0, import_dom_event_testing_library.createEventTarget)(ref.current);
|
|
127
166
|
(0, import_test_utils.act)(() => {
|
|
128
|
-
target.pointerdown({
|
|
167
|
+
target.pointerdown({
|
|
168
|
+
pointerType: "touch"
|
|
169
|
+
}), target.pointerup({
|
|
170
|
+
pointerType: "touch"
|
|
171
|
+
});
|
|
129
172
|
}), expect(onHoverChange).not.toBeCalled();
|
|
130
173
|
});
|
|
131
174
|
}), describe("onHoverEnd", () => {
|
|
132
175
|
let onHoverEnd, ref, childRef;
|
|
133
176
|
const componentInit = () => {
|
|
134
177
|
onHoverEnd = jest.fn(), ref = React.createRef(), childRef = React.createRef();
|
|
135
|
-
const Component = () => ((0, import__.default)(ref, {
|
|
178
|
+
const Component = () => ((0, import__.default)(ref, {
|
|
179
|
+
onHoverEnd
|
|
180
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
|
|
181
|
+
ref,
|
|
182
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
|
|
183
|
+
ref: childRef
|
|
184
|
+
})
|
|
185
|
+
}));
|
|
136
186
|
(0, import_test_utils.act)(() => {
|
|
137
|
-
root.render(/* @__PURE__ */
|
|
187
|
+
root.render(/* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {}));
|
|
138
188
|
});
|
|
139
189
|
};
|
|
140
190
|
test("is called for mouse pointers", () => {
|
|
@@ -147,24 +197,45 @@ function createRoot(rootNode) {
|
|
|
147
197
|
componentInit();
|
|
148
198
|
const target = (0, import_dom_event_testing_library.createEventTarget)(ref.current);
|
|
149
199
|
(0, import_test_utils.act)(() => {
|
|
150
|
-
target.pointerdown({
|
|
200
|
+
target.pointerdown({
|
|
201
|
+
pointerType: "touch"
|
|
202
|
+
}), target.pointerup({
|
|
203
|
+
pointerType: "touch"
|
|
204
|
+
});
|
|
151
205
|
}), expect(onHoverEnd).not.toBeCalled();
|
|
152
206
|
}), test("is not called when entering children of the target", () => {
|
|
153
207
|
componentInit();
|
|
154
|
-
const target = (0, import_dom_event_testing_library.createEventTarget)(ref.current),
|
|
208
|
+
const target = (0, import_dom_event_testing_library.createEventTarget)(ref.current),
|
|
209
|
+
child = (0, import_dom_event_testing_library.createEventTarget)(childRef.current);
|
|
155
210
|
(0, import_test_utils.act)(() => {
|
|
156
|
-
target.pointerover(), target.pointerout({
|
|
211
|
+
target.pointerover(), target.pointerout({
|
|
212
|
+
relatedTarget: childRef.current
|
|
213
|
+
}), child.pointerover({
|
|
214
|
+
relatedTarget: target.node
|
|
215
|
+
});
|
|
157
216
|
}), expect(onHoverEnd).not.toBeCalled();
|
|
158
217
|
});
|
|
159
218
|
}), describe("onHoverUpdate", () => {
|
|
160
219
|
test('is called after the active pointer moves"', () => {
|
|
161
|
-
const onHoverUpdate = jest.fn(),
|
|
220
|
+
const onHoverUpdate = jest.fn(),
|
|
221
|
+
ref = React.createRef(),
|
|
222
|
+
Component = () => ((0, import__.default)(ref, {
|
|
223
|
+
onHoverUpdate
|
|
224
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
|
|
225
|
+
ref
|
|
226
|
+
}));
|
|
162
227
|
(0, import_test_utils.act)(() => {
|
|
163
|
-
root.render(/* @__PURE__ */
|
|
228
|
+
root.render(/* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {}));
|
|
164
229
|
});
|
|
165
230
|
const target = (0, import_dom_event_testing_library.createEventTarget)(ref.current);
|
|
166
231
|
(0, import_test_utils.act)(() => {
|
|
167
|
-
target.pointerover(), target.pointerhover({
|
|
232
|
+
target.pointerover(), target.pointerhover({
|
|
233
|
+
x: 0,
|
|
234
|
+
y: 0
|
|
235
|
+
}), target.pointerhover({
|
|
236
|
+
x: 1,
|
|
237
|
+
y: 1
|
|
238
|
+
});
|
|
168
239
|
}), expect(onHoverUpdate).toBeCalledTimes(2);
|
|
169
240
|
});
|
|
170
241
|
}), describe("repeat use", () => {
|
|
@@ -176,20 +247,27 @@ function createRoot(rootNode) {
|
|
|
176
247
|
onHoverStart,
|
|
177
248
|
onHoverUpdate,
|
|
178
249
|
onHoverEnd
|
|
179
|
-
}), /* @__PURE__ */
|
|
250
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
|
|
251
|
+
ref
|
|
252
|
+
}));
|
|
180
253
|
(0, import_test_utils.act)(() => {
|
|
181
|
-
root.render(/* @__PURE__ */
|
|
254
|
+
root.render(/* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {}));
|
|
182
255
|
});
|
|
183
256
|
};
|
|
184
257
|
test("callbacks are called each time", () => {
|
|
185
258
|
componentInit();
|
|
186
259
|
const target = (0, import_dom_event_testing_library.createEventTarget)(ref.current);
|
|
187
260
|
(0, import_test_utils.act)(() => {
|
|
188
|
-
target.pointerover(), target.pointerhover({
|
|
261
|
+
target.pointerover(), target.pointerhover({
|
|
262
|
+
x: 1,
|
|
263
|
+
y: 1
|
|
264
|
+
}), target.pointerout();
|
|
189
265
|
}), expect(onHoverStart).toBeCalledTimes(1), expect(onHoverUpdate).toBeCalledTimes(1), expect(onHoverEnd).toBeCalledTimes(1), expect(onHoverChange).toBeCalledTimes(2), (0, import_test_utils.act)(() => {
|
|
190
|
-
target.pointerover(), target.pointerhover({
|
|
266
|
+
target.pointerover(), target.pointerhover({
|
|
267
|
+
x: 1,
|
|
268
|
+
y: 1
|
|
269
|
+
}), target.pointerout();
|
|
191
270
|
}), expect(onHoverStart).toBeCalledTimes(2), expect(onHoverUpdate).toBeCalledTimes(2), expect(onHoverEnd).toBeCalledTimes(2), expect(onHoverChange).toBeCalledTimes(4);
|
|
192
271
|
});
|
|
193
272
|
});
|
|
194
|
-
});
|
|
195
|
-
//# sourceMappingURL=index-test.js.map
|
|
273
|
+
});
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf,
|
|
6
|
+
__hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: !0
|
|
11
|
+
});
|
|
12
|
+
},
|
|
13
|
+
__copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
15
|
+
get: () => from[key],
|
|
16
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
|
+
});
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
26
|
+
value: mod,
|
|
27
|
+
enumerable: !0
|
|
28
|
+
}) : target, mod)),
|
|
29
|
+
__toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
30
|
+
value: !0
|
|
31
|
+
}), mod);
|
|
32
|
+
var useHover_exports = {};
|
|
33
|
+
__export(useHover_exports, {
|
|
34
|
+
default: () => useHover
|
|
35
|
+
});
|
|
36
|
+
module.exports = __toCommonJS(useHover_exports);
|
|
37
|
+
var import_modality = require("../modality/index.cjs"),
|
|
38
|
+
import_useEvent = __toESM(require("../useEvent/index.cjs")),
|
|
39
|
+
import_useLayoutEffect = __toESM(require("../useLayoutEffect/index.cjs"));
|
|
40
|
+
const emptyObject = {},
|
|
41
|
+
opts = {
|
|
42
|
+
passive: !0
|
|
43
|
+
},
|
|
44
|
+
lockEventType = "react-gui:hover:lock",
|
|
45
|
+
unlockEventType = "react-gui:hover:unlock",
|
|
46
|
+
supportsPointerEvent = () => typeof window < "u" && window.PointerEvent != null;
|
|
47
|
+
function dispatchCustomEvent(target, type, payload) {
|
|
48
|
+
const event = document.createEvent("CustomEvent"),
|
|
49
|
+
{
|
|
50
|
+
bubbles = !0,
|
|
51
|
+
cancelable = !0,
|
|
52
|
+
detail
|
|
53
|
+
} = payload || emptyObject;
|
|
54
|
+
event.initCustomEvent(type, bubbles, cancelable, detail), target.dispatchEvent(event);
|
|
55
|
+
}
|
|
56
|
+
function getPointerType(event) {
|
|
57
|
+
const {
|
|
58
|
+
pointerType
|
|
59
|
+
} = event;
|
|
60
|
+
return pointerType ?? (0, import_modality.getModality)();
|
|
61
|
+
}
|
|
62
|
+
function useHover(targetRef, config) {
|
|
63
|
+
const {
|
|
64
|
+
contain,
|
|
65
|
+
disabled,
|
|
66
|
+
onHoverStart,
|
|
67
|
+
onHoverChange,
|
|
68
|
+
onHoverUpdate,
|
|
69
|
+
onHoverEnd
|
|
70
|
+
} = config,
|
|
71
|
+
canUsePE = supportsPointerEvent(),
|
|
72
|
+
addMoveListener = (0, import_useEvent.default)(canUsePE ? "pointermove" : "mousemove", opts),
|
|
73
|
+
addEnterListener = (0, import_useEvent.default)(canUsePE ? "pointerenter" : "mouseenter", opts),
|
|
74
|
+
addLeaveListener = (0, import_useEvent.default)(canUsePE ? "pointerleave" : "mouseleave", opts),
|
|
75
|
+
addLockListener = (0, import_useEvent.default)(lockEventType, opts),
|
|
76
|
+
addUnlockListener = (0, import_useEvent.default)(unlockEventType, opts);
|
|
77
|
+
(0, import_useLayoutEffect.default)(() => {
|
|
78
|
+
const target = targetRef.current;
|
|
79
|
+
if (target !== null) {
|
|
80
|
+
const hoverEnd = function (e) {
|
|
81
|
+
onHoverEnd?.(e), onHoverChange?.(!1), addMoveListener(target, null), addLeaveListener(target, null);
|
|
82
|
+
},
|
|
83
|
+
leaveListener = function (e) {
|
|
84
|
+
const target2 = targetRef.current;
|
|
85
|
+
target2 != null && getPointerType(e) !== "touch" && (contain && dispatchCustomEvent(target2, unlockEventType), hoverEnd(e));
|
|
86
|
+
},
|
|
87
|
+
moveListener = function (e) {
|
|
88
|
+
getPointerType(e) !== "touch" && onHoverUpdate != null && (e.x == null && (e.x = e.clientX), e.y == null && (e.y = e.clientY), onHoverUpdate(e));
|
|
89
|
+
},
|
|
90
|
+
hoverStart = function (e) {
|
|
91
|
+
onHoverStart?.(e), onHoverChange?.(!0), onHoverUpdate != null && addMoveListener(target, disabled ? null : moveListener), addLeaveListener(target, disabled ? null : leaveListener);
|
|
92
|
+
};
|
|
93
|
+
addEnterListener(target, disabled ? null : function (e) {
|
|
94
|
+
const target2 = targetRef.current;
|
|
95
|
+
if (target2 != null && getPointerType(e) !== "touch") {
|
|
96
|
+
contain && dispatchCustomEvent(target2, lockEventType), hoverStart(e);
|
|
97
|
+
const lockListener = function (lockEvent) {
|
|
98
|
+
lockEvent.target !== target2 && hoverEnd(e);
|
|
99
|
+
},
|
|
100
|
+
unlockListener = function (lockEvent) {
|
|
101
|
+
lockEvent.target !== target2 && hoverStart(e);
|
|
102
|
+
};
|
|
103
|
+
addLockListener(target2, disabled ? null : lockListener), addUnlockListener(target2, disabled ? null : unlockListener);
|
|
104
|
+
}
|
|
105
|
+
});
|
|
106
|
+
}
|
|
107
|
+
}, [addEnterListener, addMoveListener, addLeaveListener, addLockListener, addUnlockListener, contain, disabled, onHoverStart, onHoverChange, onHoverUpdate, onHoverEnd, targetRef]);
|
|
108
|
+
}
|
|
@@ -2,30 +2,39 @@ var __create = Object.create;
|
|
|
2
2
|
var __defProp = Object.defineProperty;
|
|
3
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf,
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf,
|
|
6
|
+
__hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
7
|
var __export = (target, all) => {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: !0
|
|
11
|
+
});
|
|
12
|
+
},
|
|
13
|
+
__copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
15
|
+
get: () => from[key],
|
|
16
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
|
+
});
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
15
20
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
16
21
|
// If the importer is in node compatibility mode or this is not an ESM
|
|
17
22
|
// file that has been converted to a CommonJS file using a Babel-
|
|
18
23
|
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
19
24
|
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
20
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
21
|
-
|
|
22
|
-
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
26
|
+
value: mod,
|
|
27
|
+
enumerable: !0
|
|
28
|
+
}) : target, mod)),
|
|
29
|
+
__toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
30
|
+
value: !0
|
|
31
|
+
}), mod);
|
|
23
32
|
var useLayoutEffect_exports = {};
|
|
24
33
|
__export(useLayoutEffect_exports, {
|
|
25
34
|
default: () => useLayoutEffect_default
|
|
26
35
|
});
|
|
27
36
|
module.exports = __toCommonJS(useLayoutEffect_exports);
|
|
28
|
-
var import_react = __toESM(require("react")),
|
|
37
|
+
var import_react = __toESM(require("react")),
|
|
38
|
+
import_canUseDOM = __toESM(require("../canUseDOM.cjs"));
|
|
29
39
|
const useLayoutEffectImpl = import_canUseDOM.default ? import_react.default.useLayoutEffect : import_react.default.useEffect;
|
|
30
|
-
var useLayoutEffect_default = useLayoutEffectImpl;
|
|
31
|
-
//# sourceMappingURL=index.js.map
|
|
40
|
+
var useLayoutEffect_default = useLayoutEffectImpl;
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf,
|
|
6
|
+
__hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: !0
|
|
11
|
+
});
|
|
12
|
+
},
|
|
13
|
+
__copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
15
|
+
get: () => from[key],
|
|
16
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
|
+
});
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
26
|
+
value: mod,
|
|
27
|
+
enumerable: !0
|
|
28
|
+
}) : target, mod)),
|
|
29
|
+
__toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
30
|
+
value: !0
|
|
31
|
+
}), mod);
|
|
32
|
+
var useLocale_exports = {};
|
|
33
|
+
__export(useLocale_exports, {
|
|
34
|
+
LocaleProvider: () => LocaleProvider,
|
|
35
|
+
getLocaleDirection: () => getLocaleDirection,
|
|
36
|
+
useLocaleContext: () => useLocaleContext
|
|
37
|
+
});
|
|
38
|
+
module.exports = __toCommonJS(useLocale_exports);
|
|
39
|
+
var import_react = __toESM(require("react")),
|
|
40
|
+
import_isLocaleRTL = require("./isLocaleRTL.cjs"),
|
|
41
|
+
import_jsx_runtime = require("react/jsx-runtime");
|
|
42
|
+
const defaultLocale = {
|
|
43
|
+
direction: "ltr",
|
|
44
|
+
locale: "en-US"
|
|
45
|
+
},
|
|
46
|
+
LocaleContext = import_react.default.createContext(defaultLocale);
|
|
47
|
+
function getLocaleDirection(locale) {
|
|
48
|
+
return (0, import_isLocaleRTL.isLocaleRTL)(locale) ? "rtl" : "ltr";
|
|
49
|
+
}
|
|
50
|
+
function LocaleProvider(props) {
|
|
51
|
+
const {
|
|
52
|
+
direction,
|
|
53
|
+
locale,
|
|
54
|
+
children
|
|
55
|
+
} = props;
|
|
56
|
+
return direction || locale ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(LocaleContext.Provider, {
|
|
57
|
+
value: {
|
|
58
|
+
direction: locale ? getLocaleDirection(locale) : direction,
|
|
59
|
+
locale
|
|
60
|
+
},
|
|
61
|
+
children
|
|
62
|
+
}) : children;
|
|
63
|
+
}
|
|
64
|
+
function useLocaleContext() {
|
|
65
|
+
return import_react.default.useContext(LocaleContext);
|
|
66
|
+
}
|
|
@@ -3,33 +3,28 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
3
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
5
|
var __export = (target, all) => {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
6
|
+
for (var name in all) __defProp(target, name, {
|
|
7
|
+
get: all[name],
|
|
8
|
+
enumerable: !0
|
|
9
|
+
});
|
|
10
|
+
},
|
|
11
|
+
__copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
13
|
+
get: () => from[key],
|
|
14
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
15
|
+
});
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
19
|
+
value: !0
|
|
20
|
+
}), mod);
|
|
15
21
|
var isLocaleRTL_exports = {};
|
|
16
22
|
__export(isLocaleRTL_exports, {
|
|
17
23
|
isLocaleRTL: () => isLocaleRTL
|
|
18
24
|
});
|
|
19
25
|
module.exports = __toCommonJS(isLocaleRTL_exports);
|
|
20
|
-
const rtlScripts = /* @__PURE__ */
|
|
21
|
-
"
|
|
22
|
-
"Syrc",
|
|
23
|
-
"Samr",
|
|
24
|
-
"Mand",
|
|
25
|
-
"Thaa",
|
|
26
|
-
"Mend",
|
|
27
|
-
"Nkoo",
|
|
28
|
-
"Adlm",
|
|
29
|
-
"Rohg",
|
|
30
|
-
"Hebr"
|
|
31
|
-
]), rtlLangs = /* @__PURE__ */ new Set([
|
|
32
|
-
"ae",
|
|
26
|
+
const rtlScripts = /* @__PURE__ */new Set(["Arab", "Syrc", "Samr", "Mand", "Thaa", "Mend", "Nkoo", "Adlm", "Rohg", "Hebr"]),
|
|
27
|
+
rtlLangs = /* @__PURE__ */new Set(["ae",
|
|
33
28
|
// Avestan
|
|
34
29
|
"ar",
|
|
35
30
|
// Arabic
|
|
@@ -43,13 +38,11 @@ const rtlScripts = /* @__PURE__ */ new Set([
|
|
|
43
38
|
// Sorani
|
|
44
39
|
"dv",
|
|
45
40
|
// Dhivehi
|
|
46
|
-
"fa",
|
|
47
|
-
"far",
|
|
41
|
+
"fa", "far",
|
|
48
42
|
// Persian
|
|
49
43
|
"glk",
|
|
50
44
|
// Gilaki
|
|
51
|
-
"he",
|
|
52
|
-
"iw",
|
|
45
|
+
"he", "iw",
|
|
53
46
|
// Hebrew
|
|
54
47
|
"khw",
|
|
55
48
|
// Khowar
|
|
@@ -73,11 +66,11 @@ const rtlScripts = /* @__PURE__ */ new Set([
|
|
|
73
66
|
// Urdu
|
|
74
67
|
"yi"
|
|
75
68
|
// Yiddish
|
|
76
|
-
]),
|
|
69
|
+
]),
|
|
70
|
+
cache = /* @__PURE__ */new Map();
|
|
77
71
|
function isLocaleRTL(locale) {
|
|
78
72
|
const cachedRTL = cache.get(locale);
|
|
79
|
-
if (cachedRTL)
|
|
80
|
-
return cachedRTL;
|
|
73
|
+
if (cachedRTL) return cachedRTL;
|
|
81
74
|
let isRTL = !1;
|
|
82
75
|
if (Intl.Locale) {
|
|
83
76
|
const script = new Intl.Locale(locale).maximize().script;
|
|
@@ -87,5 +80,4 @@ function isLocaleRTL(locale) {
|
|
|
87
80
|
isRTL = rtlLangs.has(lang);
|
|
88
81
|
}
|
|
89
82
|
return cache.set(locale, isRTL), isRTL;
|
|
90
|
-
}
|
|
91
|
-
//# sourceMappingURL=isLocaleRTL.js.map
|
|
83
|
+
}
|