@tamagui/core 1.116.1 → 1.116.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.
Files changed (29) hide show
  1. package/dist/cjs/createOptimizedView.js +22 -0
  2. package/dist/cjs/getBaseViews.js +23 -0
  3. package/dist/cjs/helpers/getBoundingClientRect.js +24 -0
  4. package/dist/cjs/helpers/getRect.js +27 -0
  5. package/dist/cjs/hooks/useElementLayout.js +100 -0
  6. package/dist/cjs/index.js +79 -0
  7. package/dist/cjs/inject-styles.js +28 -0
  8. package/dist/cjs/reactNativeTypes.js +14 -0
  9. package/dist/cjs/vendor/Pressability.js +22 -0
  10. package/dist/native.js +3 -3
  11. package/dist/native.js.map +3 -3
  12. package/dist/test.native.js +2 -2
  13. package/dist/test.native.js.map +3 -3
  14. package/package.json +6 -6
  15. package/dist/cjs/createOptimizedView.native.cjs +0 -245
  16. package/dist/cjs/createOptimizedView.native.cjs.map +0 -6
  17. package/dist/cjs/getBaseViews.native.cjs +0 -36
  18. package/dist/cjs/getBaseViews.native.cjs.map +0 -6
  19. package/dist/cjs/vendor/Pressability.native.cjs +0 -28
  20. package/dist/cjs/vendor/Pressability.native.cjs.map +0 -6
  21. /package/dist/cjs/{createOptimizedView.cjs.map → createOptimizedView.js.map} +0 -0
  22. /package/dist/cjs/{getBaseViews.cjs.map → getBaseViews.js.map} +0 -0
  23. /package/dist/cjs/helpers/{getBoundingClientRect.cjs.map → getBoundingClientRect.js.map} +0 -0
  24. /package/dist/cjs/helpers/{getRect.cjs.map → getRect.js.map} +0 -0
  25. /package/dist/cjs/hooks/{useElementLayout.cjs.map → useElementLayout.js.map} +0 -0
  26. /package/dist/cjs/{index.cjs.map → index.js.map} +0 -0
  27. /package/dist/cjs/{inject-styles.cjs.map → inject-styles.js.map} +0 -0
  28. /package/dist/cjs/{reactNativeTypes.cjs.map → reactNativeTypes.js.map} +0 -0
  29. /package/dist/cjs/vendor/{Pressability.cjs.map → Pressability.js.map} +0 -0
@@ -0,0 +1,22 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
+ var __getOwnPropNames = Object.getOwnPropertyNames;
4
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __export = (target, all) => {
6
+ for (var name in all)
7
+ __defProp(target, name, { get: all[name], enumerable: !0 });
8
+ }, __copyProps = (to, from, except, desc) => {
9
+ if (from && typeof from == "object" || typeof from == "function")
10
+ for (let key of __getOwnPropNames(from))
11
+ !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
+ return to;
13
+ };
14
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
+ var createOptimizedView_exports = {};
16
+ __export(createOptimizedView_exports, {
17
+ createOptimizedView: () => createOptimizedView
18
+ });
19
+ module.exports = __toCommonJS(createOptimizedView_exports);
20
+ function createOptimizedView(children, viewProps, baseViews) {
21
+ }
22
+ //# sourceMappingURL=createOptimizedView.js.map
@@ -0,0 +1,23 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
+ var __getOwnPropNames = Object.getOwnPropertyNames;
4
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __export = (target, all) => {
6
+ for (var name in all)
7
+ __defProp(target, name, { get: all[name], enumerable: !0 });
8
+ }, __copyProps = (to, from, except, desc) => {
9
+ if (from && typeof from == "object" || typeof from == "function")
10
+ for (let key of __getOwnPropNames(from))
11
+ !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
+ return to;
13
+ };
14
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
+ var getBaseViews_exports = {};
16
+ __export(getBaseViews_exports, {
17
+ getBaseViews: () => getBaseViews
18
+ });
19
+ module.exports = __toCommonJS(getBaseViews_exports);
20
+ function getBaseViews() {
21
+ return null;
22
+ }
23
+ //# sourceMappingURL=getBaseViews.js.map
@@ -0,0 +1,24 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
+ var __getOwnPropNames = Object.getOwnPropertyNames;
4
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __export = (target, all) => {
6
+ for (var name in all)
7
+ __defProp(target, name, { get: all[name], enumerable: !0 });
8
+ }, __copyProps = (to, from, except, desc) => {
9
+ if (from && typeof from == "object" || typeof from == "function")
10
+ for (let key of __getOwnPropNames(from))
11
+ !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
+ return to;
13
+ };
14
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
+ var getBoundingClientRect_exports = {};
16
+ __export(getBoundingClientRect_exports, {
17
+ getBoundingClientRect: () => getBoundingClientRect
18
+ });
19
+ module.exports = __toCommonJS(getBoundingClientRect_exports);
20
+ const getBoundingClientRect = (node) => {
21
+ if (!(!node || node.nodeType !== 1))
22
+ return node.getBoundingClientRect?.();
23
+ };
24
+ //# sourceMappingURL=getBoundingClientRect.js.map
@@ -0,0 +1,27 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
+ var __getOwnPropNames = Object.getOwnPropertyNames;
4
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __export = (target, all) => {
6
+ for (var name in all)
7
+ __defProp(target, name, { get: all[name], enumerable: !0 });
8
+ }, __copyProps = (to, from, except, desc) => {
9
+ if (from && typeof from == "object" || typeof from == "function")
10
+ for (let key of __getOwnPropNames(from))
11
+ !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
+ return to;
13
+ };
14
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
+ var getRect_exports = {};
16
+ __export(getRect_exports, {
17
+ getRect: () => getRect
18
+ });
19
+ module.exports = __toCommonJS(getRect_exports);
20
+ var import_getBoundingClientRect = require("./getBoundingClientRect");
21
+ const getRect = (node) => {
22
+ const rect = (0, import_getBoundingClientRect.getBoundingClientRect)(node);
23
+ if (!rect) return;
24
+ const { x, y, top, left } = rect;
25
+ return { x, y, width: node.offsetWidth, height: node.offsetHeight, top, left };
26
+ };
27
+ //# sourceMappingURL=getRect.js.map
@@ -0,0 +1,100 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
+ var __getOwnPropNames = Object.getOwnPropertyNames;
4
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __export = (target, all) => {
6
+ for (var name in all)
7
+ __defProp(target, name, { get: all[name], enumerable: !0 });
8
+ }, __copyProps = (to, from, except, desc) => {
9
+ if (from && typeof from == "object" || typeof from == "function")
10
+ for (let key of __getOwnPropNames(from))
11
+ !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
+ return to;
13
+ };
14
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
+ var useElementLayout_exports = {};
16
+ __export(useElementLayout_exports, {
17
+ measureElement: () => measureElement,
18
+ measureLayout: () => measureLayout,
19
+ useElementLayout: () => useElementLayout
20
+ });
21
+ module.exports = __toCommonJS(useElementLayout_exports);
22
+ var import_constants = require("@tamagui/constants"), import_getBoundingClientRect = require("../helpers/getBoundingClientRect");
23
+ const LayoutHandlers = /* @__PURE__ */ new WeakMap(), resizeListeners = /* @__PURE__ */ new Set();
24
+ let resizeObserver = null;
25
+ if (typeof window < "u" && "ResizeObserver" in window && (resizeObserver = new ResizeObserver((entries) => {
26
+ for (const { target } of entries) {
27
+ const onLayout = LayoutHandlers.get(target);
28
+ if (typeof onLayout != "function") return;
29
+ measureElement(target).then((event) => {
30
+ onLayout(event);
31
+ });
32
+ }
33
+ }), typeof window.addEventListener == "function")) {
34
+ let tm;
35
+ window.addEventListener("resize", () => {
36
+ clearTimeout(tm), tm = setTimeout(() => {
37
+ resizeListeners.forEach((cb) => cb());
38
+ }, 4);
39
+ });
40
+ }
41
+ const measureElement = async (target) => new Promise((res) => {
42
+ measureLayout(target, null, (x, y, width, height, left, top) => {
43
+ res({
44
+ nativeEvent: {
45
+ layout: { x, y, width, height, left, top },
46
+ target
47
+ },
48
+ timeStamp: Date.now()
49
+ });
50
+ });
51
+ }), cache = /* @__PURE__ */ new WeakMap(), measureLayout = (node, relativeTo, callback) => {
52
+ const relativeNode = relativeTo || node?.parentNode;
53
+ if (relativeNode instanceof HTMLElement) {
54
+ const now = Date.now();
55
+ cache.set(node, now), Promise.all([
56
+ getBoundingClientRectAsync(node),
57
+ getBoundingClientRectAsync(relativeNode)
58
+ ]).then(([nodeDim, relativeNodeDim]) => {
59
+ if (relativeNodeDim && nodeDim && cache.get(node) === now) {
60
+ const { x, y, width, height, left, top } = getRelativeDimensions(
61
+ nodeDim,
62
+ relativeNodeDim
63
+ );
64
+ callback(x, y, width, height, left, top);
65
+ }
66
+ });
67
+ }
68
+ }, getRelativeDimensions = (a, b) => {
69
+ const { height, left, top, width } = a, x = left - b.left, y = top - b.top;
70
+ return { x, y, width, height, left, top };
71
+ }, getBoundingClientRectAsync = (element) => new Promise((resolve) => {
72
+ function fallbackToSync() {
73
+ resolve((0, import_getBoundingClientRect.getBoundingClientRect)(element));
74
+ }
75
+ const tm = setTimeout(fallbackToSync, 10);
76
+ new IntersectionObserver(
77
+ (entries, ob) => {
78
+ clearTimeout(tm), ob.disconnect(), resolve(entries[0]?.boundingClientRect);
79
+ },
80
+ {
81
+ threshold: 1e-4
82
+ }
83
+ ).observe(element);
84
+ });
85
+ function useElementLayout(ref, onLayout) {
86
+ const node = ref.current?.host;
87
+ node && onLayout && LayoutHandlers.set(node, onLayout), (0, import_constants.useIsomorphicLayoutEffect)(() => {
88
+ if (!resizeObserver || !onLayout) return;
89
+ const node2 = ref.current?.host;
90
+ if (!node2) return;
91
+ LayoutHandlers.set(node2, onLayout);
92
+ const onResize = () => {
93
+ measureElement(node2).then(onLayout);
94
+ };
95
+ return resizeListeners.add(onResize), resizeObserver.observe(node2), () => {
96
+ LayoutHandlers.delete(node2), resizeListeners.delete(onResize), resizeObserver?.unobserve(node2);
97
+ };
98
+ }, [ref, !!onLayout]);
99
+ }
100
+ //# sourceMappingURL=useElementLayout.js.map
@@ -0,0 +1,79 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
+ var __getOwnPropNames = Object.getOwnPropertyNames;
4
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __export = (target, all) => {
6
+ for (var name in all)
7
+ __defProp(target, name, { get: all[name], enumerable: !0 });
8
+ }, __copyProps = (to, from, except, desc) => {
9
+ if (from && typeof from == "object" || typeof from == "function")
10
+ for (let key of __getOwnPropNames(from))
11
+ !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
+ return to;
13
+ }, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
14
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
+ var src_exports = {};
16
+ __export(src_exports, {
17
+ Stack: () => Stack,
18
+ Text: () => Text,
19
+ View: () => View
20
+ });
21
+ module.exports = __toCommonJS(src_exports);
22
+ var import_react_native_use_responder_events = require("@tamagui/react-native-use-responder-events"), import_web = require("@tamagui/web"), import_react = require("react"), import_createOptimizedView = require("./createOptimizedView"), import_getBaseViews = require("./getBaseViews"), import_getRect = require("./helpers/getRect"), import_useElementLayout = require("./hooks/useElementLayout"), import_Pressability = require("./vendor/Pressability");
23
+ __reExport(src_exports, require("@tamagui/web"), module.exports);
24
+ __reExport(src_exports, require("./reactNativeTypes"), module.exports);
25
+ const baseViews = (0, import_getBaseViews.getBaseViews)();
26
+ (0, import_web.setupHooks)({
27
+ getBaseViews: import_getBaseViews.getBaseViews,
28
+ setElementProps: (node) => {
29
+ node && !node.measure && (node.measure ||= (callback) => (0, import_useElementLayout.measureLayout)(node, null, callback), node.measureLayout ||= (relativeToNode, success) => (0, import_useElementLayout.measureLayout)(node, relativeToNode, success), node.measureInWindow ||= (callback) => {
30
+ setTimeout(() => {
31
+ const { height, left, top, width } = (0, import_getRect.getRect)(node);
32
+ callback(left, top, width, height);
33
+ }, 0);
34
+ });
35
+ },
36
+ usePropsTransform(elementType, propsIn, stateRef, willHydrate) {
37
+ {
38
+ const isDOM = typeof elementType == "string", {
39
+ // remove event props handles by useResponderEvents
40
+ onMoveShouldSetResponder,
41
+ onMoveShouldSetResponderCapture,
42
+ onResponderEnd,
43
+ onResponderGrant,
44
+ onResponderMove,
45
+ onResponderReject,
46
+ onResponderRelease,
47
+ onResponderStart,
48
+ onResponderTerminate,
49
+ onResponderTerminationRequest,
50
+ onScrollShouldSetResponder,
51
+ onScrollShouldSetResponderCapture,
52
+ onSelectionChangeShouldSetResponder,
53
+ onSelectionChangeShouldSetResponderCapture,
54
+ onStartShouldSetResponder,
55
+ onStartShouldSetResponderCapture,
56
+ // android
57
+ collapsable,
58
+ focusable,
59
+ // deprecated,
60
+ accessible,
61
+ accessibilityDisabled,
62
+ onLayout,
63
+ hrefAttrs,
64
+ ...plainDOMProps
65
+ } = propsIn;
66
+ if ((willHydrate || isDOM) && ((0, import_useElementLayout.useElementLayout)(stateRef, isDOM ? onLayout : void 0), (0, import_react_native_use_responder_events.useResponderEvents)(stateRef, isDOM ? propsIn : void 0)), isDOM) {
67
+ if (plainDOMProps.href && hrefAttrs) {
68
+ const { download, rel, target } = hrefAttrs;
69
+ download != null && (plainDOMProps.download = download), rel && (plainDOMProps.rel = rel), typeof target == "string" && (plainDOMProps.target = target.charAt(0) !== "_" ? `_${target}` : target);
70
+ }
71
+ return plainDOMProps;
72
+ }
73
+ }
74
+ },
75
+ useEvents(viewProps, events, { pseudos }, setStateShallow, staticConfig) {
76
+ }
77
+ });
78
+ const View = import_web.View, Stack = import_web.Stack, Text = import_web.Text;
79
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,28 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
+ var __getOwnPropNames = Object.getOwnPropertyNames;
4
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __export = (target, all) => {
6
+ for (var name in all)
7
+ __defProp(target, name, { get: all[name], enumerable: !0 });
8
+ }, __copyProps = (to, from, except, desc) => {
9
+ if (from && typeof from == "object" || typeof from == "function")
10
+ for (let key of __getOwnPropNames(from))
11
+ !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
+ return to;
13
+ };
14
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
+ var inject_styles_exports = {};
16
+ __export(inject_styles_exports, {
17
+ injectStyles: () => injectStyles
18
+ });
19
+ module.exports = __toCommonJS(inject_styles_exports);
20
+ const stylesheets = {}, injectStyles = ({ filePath, css }) => {
21
+ let stylesheet = stylesheets[filePath];
22
+ if (!stylesheet) {
23
+ const styleEl = document.createElement("style");
24
+ styleEl.setAttribute("data-file", filePath), styleEl.setAttribute("type", "text/css"), stylesheet = stylesheets[filePath] = styleEl, document.head.appendChild(styleEl);
25
+ }
26
+ stylesheet.innerHTML = css;
27
+ };
28
+ //# sourceMappingURL=inject-styles.js.map
@@ -0,0 +1,14 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
+ var __getOwnPropNames = Object.getOwnPropertyNames;
4
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __copyProps = (to, from, except, desc) => {
6
+ if (from && typeof from == "object" || typeof from == "function")
7
+ for (let key of __getOwnPropNames(from))
8
+ !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
9
+ return to;
10
+ };
11
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
12
+ var reactNativeTypes_exports = {};
13
+ module.exports = __toCommonJS(reactNativeTypes_exports);
14
+ //# sourceMappingURL=reactNativeTypes.js.map
@@ -0,0 +1,22 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
+ var __getOwnPropNames = Object.getOwnPropertyNames;
4
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __export = (target, all) => {
6
+ for (var name in all)
7
+ __defProp(target, name, { get: all[name], enumerable: !0 });
8
+ }, __copyProps = (to, from, except, desc) => {
9
+ if (from && typeof from == "object" || typeof from == "function")
10
+ for (let key of __getOwnPropNames(from))
11
+ !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
+ return to;
13
+ };
14
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
+ var Pressability_exports = {};
16
+ __export(Pressability_exports, {
17
+ Pressability: () => Pressability,
18
+ usePressability: () => usePressability
19
+ });
20
+ module.exports = __toCommonJS(Pressability_exports);
21
+ const Pressability = {}, usePressability = (e) => ({});
22
+ //# sourceMappingURL=Pressability.js.map
package/dist/native.js CHANGED
@@ -2645,7 +2645,7 @@ var require_matchMedia_native = __commonJS({
2645
2645
  return matchMediaImpl(...args);
2646
2646
  };
2647
2647
  function matchMediaFallback(query) {
2648
- return process.env.NODE_ENV === "development" && console.warn("warning: matchMedia implementation is not provided."), {
2648
+ return !process.env.IS_STATIC && process.env.NODE_ENV === "development" && console.warn("warning: matchMedia implementation is not provided."), {
2649
2649
  match: function(a, b) {
2650
2650
  return !1;
2651
2651
  },
@@ -2657,7 +2657,7 @@ var require_matchMedia_native = __commonJS({
2657
2657
  };
2658
2658
  }
2659
2659
  function setupMatchMedia(_) {
2660
- matchMediaImpl = _, globalThis.matchMedia = _;
2660
+ process.env.NODE_ENV === "development" && typeof _ != "function" && (process.env.IS_STATIC || console.trace("setupMatchMedia was called without a function, this can cause issues on native", _)), matchMediaImpl = _, globalThis.matchMedia = _;
2661
2661
  }
2662
2662
  }
2663
2663
  });
@@ -2963,7 +2963,7 @@ var require_useMedia_native = __commonJS({
2963
2963
  }, updateCurrentState());
2964
2964
  }
2965
2965
  };
2966
- if (!(import_constants2.isWeb && import_constants2.isServer) && setupVersion !== mediaVersion) {
2966
+ if (!(import_constants2.isWeb && import_constants2.isServer) && !process.env.IS_STATIC && setupVersion !== mediaVersion) {
2967
2967
  setupVersion = mediaVersion, unlisten();
2968
2968
  for (var key in mediaQueryConfig2) _loop(key);
2969
2969
  }