@tamagui/web 3.0.0-beta.807.1 → 3.0.0-beta.831.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/config.cjs +1 -1
- package/dist/cjs/config.native.cjs +1 -1
- package/dist/cjs/config.native.js +1 -1
- package/dist/cjs/config.native.js.map +1 -1
- package/dist/cjs/createComponent.cjs +28 -18
- package/dist/cjs/createComponent.native.cjs +30 -20
- package/dist/cjs/createComponent.native.js +30 -20
- package/dist/cjs/createComponent.native.js.map +1 -1
- package/dist/cjs/createStyledHOC.cjs +54 -4
- package/dist/cjs/createStyledHOC.native.cjs +55 -4
- package/dist/cjs/createStyledHOC.native.js +55 -4
- package/dist/cjs/createStyledHOC.native.js.map +1 -1
- package/dist/cjs/createTokens.cjs +1 -1
- package/dist/cjs/createTokens.native.cjs +1 -1
- package/dist/cjs/createTokens.native.js +1 -1
- package/dist/cjs/createTokens.native.js.map +1 -1
- package/dist/cjs/dom/html.cjs +147 -99
- package/dist/cjs/dom/htmlRuntime.native.cjs +6 -2
- package/dist/cjs/dom/htmlRuntime.native.js +6 -2
- package/dist/cjs/dom/htmlRuntime.native.js.map +1 -1
- package/dist/cjs/dom/primitives.native.cjs +16 -13
- package/dist/cjs/dom/primitives.native.js +16 -13
- package/dist/cjs/dom/primitives.native.js.map +1 -1
- package/dist/cjs/helpers/componentDisplayName.cjs +1 -11
- package/dist/cjs/helpers/componentDisplayName.native.cjs +1 -11
- package/dist/cjs/helpers/componentDisplayName.native.js +1 -11
- package/dist/cjs/helpers/componentDisplayName.native.js.map +1 -1
- package/dist/cjs/helpers/directStyleCSS.cjs +101 -104
- package/dist/cjs/helpers/formatDiagnostic.cjs +2 -4
- package/dist/cjs/helpers/formatDiagnostic.native.cjs +2 -4
- package/dist/cjs/helpers/formatDiagnostic.native.js +2 -4
- package/dist/cjs/helpers/formatDiagnostic.native.js.map +1 -1
- package/dist/cjs/helpers/getCSSStylesAtomic.cjs +10 -10
- package/dist/cjs/helpers/getSplitStyles.cjs +168 -600
- package/dist/cjs/helpers/getSplitStyles.native.cjs +168 -762
- package/dist/cjs/helpers/getSplitStyles.native.js +168 -762
- package/dist/cjs/helpers/getSplitStyles.native.js.map +1 -1
- package/dist/cjs/helpers/splitStyleProps.cjs +46 -0
- package/dist/cjs/helpers/splitStyleProps.native.cjs +49 -0
- package/dist/cjs/helpers/splitStyleProps.native.js +51 -0
- package/dist/cjs/helpers/splitStyleProps.native.js.map +1 -0
- package/dist/cjs/helpers/styleStaticConfig.cjs +76 -0
- package/dist/cjs/helpers/styleStaticConfig.native.cjs +79 -0
- package/dist/cjs/helpers/styleStaticConfig.native.js +81 -0
- package/dist/cjs/helpers/styleStaticConfig.native.js.map +1 -0
- package/dist/cjs/helpers/tokenCategories.cjs +32 -71
- package/dist/cjs/helpers/tokenCategories.native.cjs +34 -73
- package/dist/cjs/helpers/tokenCategories.native.js +34 -73
- package/dist/cjs/helpers/tokenCategories.native.js.map +1 -1
- package/dist/cjs/helpers/variantResolvers.cjs +87 -0
- package/dist/cjs/helpers/variantResolvers.native.cjs +140 -0
- package/dist/cjs/helpers/variantResolvers.native.js +142 -0
- package/dist/cjs/helpers/variantResolvers.native.js.map +1 -0
- package/dist/cjs/hooks/useSplitStyles.cjs +2 -2
- package/dist/cjs/hooks/useSplitStyles.native.cjs +2 -2
- package/dist/cjs/hooks/useSplitStyles.native.js +2 -2
- package/dist/cjs/hooks/useSplitStyles.native.js.map +1 -1
- package/dist/cjs/index.cjs +3 -9
- package/dist/cjs/index.native.cjs +3 -9
- package/dist/cjs/index.native.js +3 -9
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/internal-runtime.cjs +8 -7
- package/dist/cjs/internal-runtime.native.cjs +8 -7
- package/dist/cjs/internal-runtime.native.js +8 -7
- package/dist/cjs/internal-runtime.native.js.map +1 -1
- package/dist/cjs/static-resolve.cjs +6 -5
- package/dist/cjs/static-resolve.native.cjs +6 -5
- package/dist/cjs/static-resolve.native.js +6 -5
- package/dist/cjs/static-resolve.native.js.map +1 -1
- package/dist/cjs/styled.cjs +4 -56
- package/dist/cjs/styled.native.cjs +4 -58
- package/dist/cjs/styled.native.js +4 -58
- package/dist/cjs/styled.native.js.map +1 -1
- package/dist/cjs/types.cjs +1 -21
- package/dist/cjs/types.native.cjs +1 -21
- package/dist/cjs/types.native.js +1 -21
- package/dist/cjs/types.native.js.map +1 -1
- package/dist/cjs/views/Text.cjs +4 -2
- package/dist/cjs/views/Text.native.cjs +4 -2
- package/dist/cjs/views/Text.native.js +4 -2
- package/dist/cjs/views/Text.native.js.map +1 -1
- package/dist/cjs/views/View.cjs +4 -2
- package/dist/cjs/views/View.native.cjs +4 -2
- package/dist/cjs/views/View.native.js +4 -2
- package/dist/cjs/views/View.native.js.map +1 -1
- package/dist/esm/config.mjs +1 -1
- package/dist/esm/config.mjs.map +1 -1
- package/dist/esm/config.native.js +1 -1
- package/dist/esm/config.native.js.map +1 -1
- package/dist/esm/createComponent.mjs +29 -19
- package/dist/esm/createComponent.mjs.map +1 -1
- package/dist/esm/createComponent.native.js +31 -21
- package/dist/esm/createComponent.native.js.map +1 -1
- package/dist/esm/createStyledHOC.mjs +55 -5
- package/dist/esm/createStyledHOC.mjs.map +1 -1
- package/dist/esm/createStyledHOC.native.js +56 -5
- package/dist/esm/createStyledHOC.native.js.map +1 -1
- package/dist/esm/createTokens.mjs +1 -1
- package/dist/esm/createTokens.mjs.map +1 -1
- package/dist/esm/createTokens.native.js +1 -1
- package/dist/esm/createTokens.native.js.map +1 -1
- package/dist/esm/dom/html.mjs +147 -99
- package/dist/esm/dom/html.mjs.map +1 -1
- package/dist/esm/dom/htmlRuntime.native.js +7 -3
- package/dist/esm/dom/htmlRuntime.native.js.map +1 -1
- package/dist/esm/dom/primitives.native.js +16 -13
- package/dist/esm/dom/primitives.native.js.map +1 -1
- package/dist/esm/helpers/componentDisplayName.mjs +1 -8
- package/dist/esm/helpers/componentDisplayName.mjs.map +1 -1
- package/dist/esm/helpers/componentDisplayName.native.js +1 -8
- package/dist/esm/helpers/componentDisplayName.native.js.map +1 -1
- package/dist/esm/helpers/directStyleCSS.mjs +101 -104
- package/dist/esm/helpers/directStyleCSS.mjs.map +1 -1
- package/dist/esm/helpers/formatDiagnostic.mjs +2 -4
- package/dist/esm/helpers/formatDiagnostic.mjs.map +1 -1
- package/dist/esm/helpers/formatDiagnostic.native.js +2 -4
- package/dist/esm/helpers/formatDiagnostic.native.js.map +1 -1
- package/dist/esm/helpers/getCSSStylesAtomic.mjs +10 -10
- package/dist/esm/helpers/getCSSStylesAtomic.mjs.map +1 -1
- package/dist/esm/helpers/getSplitStyles.mjs +166 -594
- package/dist/esm/helpers/getSplitStyles.mjs.map +1 -1
- package/dist/esm/helpers/getSplitStyles.native.js +166 -757
- package/dist/esm/helpers/getSplitStyles.native.js.map +1 -1
- package/dist/esm/helpers/splitStyleProps.mjs +27 -0
- package/dist/esm/helpers/splitStyleProps.mjs.map +1 -0
- package/dist/esm/helpers/splitStyleProps.native.js +28 -0
- package/dist/esm/helpers/splitStyleProps.native.js.map +1 -0
- package/dist/esm/helpers/styleStaticConfig.mjs +57 -0
- package/dist/esm/helpers/styleStaticConfig.mjs.map +1 -0
- package/dist/esm/helpers/styleStaticConfig.native.js +58 -0
- package/dist/esm/helpers/styleStaticConfig.native.js.map +1 -0
- package/dist/esm/helpers/tokenCategories.mjs +33 -72
- package/dist/esm/helpers/tokenCategories.mjs.map +1 -1
- package/dist/esm/helpers/tokenCategories.native.js +35 -74
- package/dist/esm/helpers/tokenCategories.native.js.map +1 -1
- package/dist/esm/helpers/variantResolvers.mjs +65 -0
- package/dist/esm/helpers/variantResolvers.mjs.map +1 -0
- package/dist/esm/helpers/variantResolvers.native.js +116 -0
- package/dist/esm/helpers/variantResolvers.native.js.map +1 -0
- package/dist/esm/hooks/useSplitStyles.mjs +2 -2
- package/dist/esm/hooks/useSplitStyles.mjs.map +1 -1
- package/dist/esm/hooks/useSplitStyles.native.js +2 -2
- package/dist/esm/hooks/useSplitStyles.native.js.map +1 -1
- package/dist/esm/index.js +3 -5
- package/dist/esm/index.mjs +3 -5
- package/dist/esm/index.native.js +3 -5
- package/dist/esm/internal-runtime.mjs +8 -7
- package/dist/esm/internal-runtime.mjs.map +1 -1
- package/dist/esm/internal-runtime.native.js +8 -7
- package/dist/esm/internal-runtime.native.js.map +1 -1
- package/dist/esm/static-resolve.mjs +8 -6
- package/dist/esm/static-resolve.mjs.map +1 -1
- package/dist/esm/static-resolve.native.js +8 -6
- package/dist/esm/static-resolve.native.js.map +1 -1
- package/dist/esm/styled.mjs +6 -57
- package/dist/esm/styled.mjs.map +1 -1
- package/dist/esm/styled.native.js +6 -59
- package/dist/esm/styled.native.js.map +1 -1
- package/dist/esm/types.mjs +1 -18
- package/dist/esm/types.mjs.map +1 -1
- package/dist/esm/types.native.js +1 -18
- package/dist/esm/types.native.js.map +1 -1
- package/dist/esm/views/Text.mjs +4 -2
- package/dist/esm/views/Text.mjs.map +1 -1
- package/dist/esm/views/Text.native.js +4 -2
- package/dist/esm/views/Text.native.js.map +1 -1
- package/dist/esm/views/View.mjs +4 -2
- package/dist/esm/views/View.mjs.map +1 -1
- package/dist/esm/views/View.native.js +4 -2
- package/dist/esm/views/View.native.js.map +1 -1
- package/package.json +15 -15
- package/src/config.ts +1 -1
- package/src/createComponent.tsx +41 -30
- package/src/createStyledHOC.tsx +56 -9
- package/src/createTokens.ts +1 -1
- package/src/dom/html.tsx +778 -877
- package/src/dom/htmlRuntime.native.tsx +7 -3
- package/src/dom/primitives.native.tsx +30 -39
- package/src/helpers/componentDisplayName.ts +0 -11
- package/src/helpers/directStyleCSS.ts +91 -112
- package/src/helpers/formatDiagnostic.ts +2 -4
- package/src/helpers/getCSSStylesAtomic.ts +32 -26
- package/src/helpers/getSplitStyles.tsx +315 -1119
- package/src/helpers/getVariantExtras.tsx +3 -3
- package/src/helpers/splitStyleProps.ts +166 -0
- package/src/helpers/styleFrontend.ts +8 -4
- package/src/helpers/styleStaticConfig.ts +88 -0
- package/src/helpers/tokenCategories.ts +62 -93
- package/src/helpers/variantResolvers.ts +121 -0
- package/src/hooks/useSplitStyles.tsx +17 -2
- package/src/hooks/useTheme.tsx +1 -1
- package/src/index.ts +8 -4
- package/src/internal-runtime.ts +10 -9
- package/src/static-resolve.ts +18 -14
- package/src/styled.tsx +7 -264
- package/src/types.tsx +19 -40
- package/src/views/Text.tsx +6 -7
- package/src/views/View.tsx +6 -7
- package/types/createComponent.d.ts.map +1 -1
- package/types/createStyledHOC.d.ts.map +1 -1
- package/types/dom/html.d.ts.map +1 -1
- package/types/dom/htmlRuntime.native.d.ts.map +1 -1
- package/types/dom/primitives.native.d.ts.map +1 -1
- package/types/helpers/componentDisplayName.d.ts +0 -3
- package/types/helpers/componentDisplayName.d.ts.map +1 -1
- package/types/helpers/directStyleCSS.d.ts.map +1 -1
- package/types/helpers/formatDiagnostic.d.ts.map +1 -1
- package/types/helpers/getCSSStylesAtomic.d.ts +17 -15
- package/types/helpers/getCSSStylesAtomic.d.ts.map +1 -1
- package/types/helpers/getSplitStyles.d.ts +6 -6
- package/types/helpers/getSplitStyles.d.ts.map +1 -1
- package/types/helpers/splitStyleProps.d.ts +44 -0
- package/types/helpers/splitStyleProps.d.ts.map +1 -0
- package/types/helpers/styleFrontend.d.ts +4 -4
- package/types/helpers/styleFrontend.d.ts.map +1 -1
- package/types/helpers/styleStaticConfig.d.ts +19 -0
- package/types/helpers/styleStaticConfig.d.ts.map +1 -0
- package/types/helpers/tokenCategories.d.ts +1 -1
- package/types/helpers/tokenCategories.d.ts.map +1 -1
- package/types/helpers/variantResolvers.d.ts +9 -0
- package/types/helpers/variantResolvers.d.ts.map +1 -0
- package/types/hooks/useSplitStyles.d.ts.map +1 -1
- package/types/index.d.ts +2 -4
- package/types/index.d.ts.map +1 -1
- package/types/internal-runtime.d.ts.map +1 -1
- package/types/static-resolve.d.ts +2 -2
- package/types/static-resolve.d.ts.map +1 -1
- package/types/styled.d.ts +3 -39
- package/types/styled.d.ts.map +1 -1
- package/types/types.d.ts +2 -12
- package/types/types.d.ts.map +1 -1
- package/types/views/Text.d.ts.map +1 -1
- package/types/views/View.d.ts.map +1 -1
- package/dist/cjs/helpers/getDefaultProps.cjs +0 -24
- package/dist/cjs/helpers/getDefaultProps.native.cjs +0 -28
- package/dist/cjs/helpers/getDefaultProps.native.js +0 -30
- package/dist/cjs/helpers/getDefaultProps.native.js.map +0 -1
- package/dist/cjs/helpers/themeable.cjs +0 -92
- package/dist/cjs/helpers/themeable.native.cjs +0 -95
- package/dist/cjs/helpers/themeable.native.js +0 -97
- package/dist/cjs/helpers/themeable.native.js.map +0 -1
- package/dist/cjs/hooks/useProps.cjs +0 -129
- package/dist/cjs/hooks/useProps.native.cjs +0 -135
- package/dist/cjs/hooks/useProps.native.js +0 -137
- package/dist/cjs/hooks/useProps.native.js.map +0 -1
- package/dist/esm/helpers/getDefaultProps.mjs +0 -4
- package/dist/esm/helpers/getDefaultProps.mjs.map +0 -1
- package/dist/esm/helpers/getDefaultProps.native.js +0 -6
- package/dist/esm/helpers/getDefaultProps.native.js.map +0 -1
- package/dist/esm/helpers/themeable.mjs +0 -67
- package/dist/esm/helpers/themeable.mjs.map +0 -1
- package/dist/esm/helpers/themeable.native.js +0 -68
- package/dist/esm/helpers/themeable.native.js.map +0 -1
- package/dist/esm/hooks/useProps.mjs +0 -100
- package/dist/esm/hooks/useProps.mjs.map +0 -1
- package/dist/esm/hooks/useProps.native.js +0 -104
- package/dist/esm/hooks/useProps.native.js.map +0 -1
- package/src/helpers/getDefaultProps.ts +0 -3
- package/src/helpers/themeable.tsx +0 -96
- package/src/hooks/useProps.tsx +0 -186
- package/types/helpers/getDefaultProps.d.ts +0 -3
- package/types/helpers/getDefaultProps.d.ts.map +0 -1
- package/types/helpers/themeable.d.ts +0 -3
- package/types/helpers/themeable.d.ts.map +0 -1
- package/types/hooks/useProps.d.ts +0 -39
- package/types/hooks/useProps.d.ts.map +0 -1
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var __create = Object.create;
|
|
4
|
-
var __defProp = Object.defineProperty;
|
|
5
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
8
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
-
var __export = (target, all) => {
|
|
10
|
-
for (var name in all) __defProp(target, name, {
|
|
11
|
-
get: all[name],
|
|
12
|
-
enumerable: true
|
|
13
|
-
});
|
|
14
|
-
};
|
|
15
|
-
var __copyProps = (to, from, except, desc) => {
|
|
16
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
17
|
-
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
18
|
-
get: () => from[key],
|
|
19
|
-
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
|
-
return to;
|
|
23
|
-
};
|
|
24
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
25
|
-
value: mod,
|
|
26
|
-
enumerable: true
|
|
27
|
-
}) : target, mod));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var themeable_exports = {};
|
|
30
|
-
__export(themeable_exports, { themeable: () => themeable });
|
|
31
|
-
module.exports = __toCommonJS(themeable_exports);
|
|
32
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
33
|
-
var import_react = __toESM(require("react"), 1);
|
|
34
|
-
var import_Theme = require("../views/Theme.native.js");
|
|
35
|
-
var import_getDefaultProps = require("./getDefaultProps.native.js");
|
|
36
|
-
function themeable(Component, staticConfig) {
|
|
37
|
-
var optimize = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
|
|
38
|
-
var withThemeComponent = function WithTheme(props) {
|
|
39
|
-
"use no memo";
|
|
40
|
-
var userDefaults = (0, import_getDefaultProps.getDefaultProps)(staticConfig);
|
|
41
|
-
var defaultTheme = userDefaults === null || userDefaults === void 0 ? void 0 : userDefaults.theme;
|
|
42
|
-
var defaultResetTheme = userDefaults === null || userDefaults === void 0 ? void 0 : userDefaults.themeReset;
|
|
43
|
-
var { theme, themeReset, ref, ...rest } = props;
|
|
44
|
-
var overriddenContextProps;
|
|
45
|
-
var context = staticConfig === null || staticConfig === void 0 ? void 0 : staticConfig.context;
|
|
46
|
-
if (context) {
|
|
47
|
-
for (var key in context.props) {
|
|
48
|
-
var val = props[key];
|
|
49
|
-
if (val !== void 0) {
|
|
50
|
-
overriddenContextProps = overriddenContextProps || {};
|
|
51
|
-
overriddenContextProps[key] = val;
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
var element = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
|
|
56
|
-
ref,
|
|
57
|
-
...rest,
|
|
58
|
-
"data-disable-theme": true
|
|
59
|
-
});
|
|
60
|
-
var filteredProps = null;
|
|
61
|
-
if ("debug" in props) {
|
|
62
|
-
filteredProps = filteredProps || {};
|
|
63
|
-
filteredProps.debug = props.debug;
|
|
64
|
-
}
|
|
65
|
-
if ("theme" in props || defaultTheme) {
|
|
66
|
-
filteredProps = filteredProps || {};
|
|
67
|
-
filteredProps.name = "theme" in props ? props.theme : defaultTheme;
|
|
68
|
-
}
|
|
69
|
-
if ("themeReset" in props || defaultResetTheme) {
|
|
70
|
-
filteredProps = filteredProps || {};
|
|
71
|
-
filteredProps.reset = "themeReset" in props ? themeReset : defaultResetTheme;
|
|
72
|
-
}
|
|
73
|
-
if (optimize && !filteredProps) {
|
|
74
|
-
return element;
|
|
75
|
-
}
|
|
76
|
-
var contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.Theme, {
|
|
77
|
-
"disable-child-theme": true,
|
|
78
|
-
...filteredProps,
|
|
79
|
-
children: element
|
|
80
|
-
});
|
|
81
|
-
if (context) {
|
|
82
|
-
var Provider = context.Provider;
|
|
83
|
-
var contextValue = import_react.default.useContext(context);
|
|
84
|
-
contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider, {
|
|
85
|
-
...contextValue,
|
|
86
|
-
...overriddenContextProps,
|
|
87
|
-
children: contents
|
|
88
|
-
});
|
|
89
|
-
}
|
|
90
|
-
return contents;
|
|
91
|
-
};
|
|
92
|
-
var withTheme = withThemeComponent;
|
|
93
|
-
withTheme.displayName = `Themed(${(Component === null || Component === void 0 ? void 0 : Component.displayName) || (Component === null || Component === void 0 ? void 0 : Component.name) || "Anonymous"})`;
|
|
94
|
-
return withTheme;
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
//# sourceMappingURL=themeable.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"themeable.native.js","names":[],"sources":["cjs/helpers/themeable.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n // If the importer is in node compatibility mode or this is not an ESM\n // file that has been converted to a CommonJS file using a Babel-\n // compatible transform (i.e. \"__esModule\" has not been set), then set\n // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar themeable_exports = {};\n__export(themeable_exports, {\n themeable: () => themeable\n});\nmodule.exports = __toCommonJS(themeable_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_Theme = require(\"../views/Theme\");\nvar import_getDefaultProps = require(\"./getDefaultProps\");\nfunction themeable(Component, staticConfig) {\n var optimize = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;\n var withThemeComponent = function WithTheme(props) {\n \"use no memo\";\n var userDefaults = (0, import_getDefaultProps.getDefaultProps)(staticConfig);\n var defaultTheme = userDefaults === null || userDefaults === void 0 ? void 0 : userDefaults.theme;\n var defaultResetTheme = userDefaults === null || userDefaults === void 0 ? void 0 : userDefaults.themeReset;\n var { theme, themeReset, ref, ...rest } = props;\n var overriddenContextProps;\n var context = staticConfig === null || staticConfig === void 0 ? void 0 : staticConfig.context;\n if (context) {\n for (var key in context.props) {\n var val = props[key];\n if (val !== void 0) {\n overriddenContextProps = overriddenContextProps || {};\n overriddenContextProps[key] = val;\n }\n }\n }\n var element = (\n // @ts-expect-error its ok\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {\n ref,\n ...rest,\n \"data-disable-theme\": true\n })\n );\n var filteredProps = null;\n if (\"debug\" in props) {\n filteredProps = filteredProps || {};\n filteredProps.debug = props.debug;\n }\n if (\"theme\" in props || defaultTheme) {\n filteredProps = filteredProps || {};\n filteredProps.name = \"theme\" in props ? props.theme : defaultTheme;\n }\n if (\"themeReset\" in props || defaultResetTheme) {\n filteredProps = filteredProps || {};\n filteredProps.reset = \"themeReset\" in props ? themeReset : defaultResetTheme;\n }\n if (optimize && !filteredProps) {\n return element;\n }\n var contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.Theme, {\n \"disable-child-theme\": true,\n ...filteredProps,\n children: element\n });\n if (context) {\n var Provider = context.Provider;\n var contextValue = import_react.default.useContext(context);\n contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider, {\n ...contextValue,\n ...overriddenContextProps,\n children: contents\n });\n }\n return contents;\n };\n var withTheme = withThemeComponent;\n withTheme.displayName = `Themed(${(Component === null || Component === void 0 ? void 0 : Component.displayName) || (Component === null || Component === void 0 ? void 0 : Component.name) || \"Anonymous\"})`;\n return withTheme;\n}\n//# sourceMappingURL=themeable.js.map\n"],"mappings":"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"}
|
|
@@ -1,129 +0,0 @@
|
|
|
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
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __export = (target, all) => {
|
|
8
|
-
for (var name in all) __defProp(target, name, {
|
|
9
|
-
get: all[name],
|
|
10
|
-
enumerable: true
|
|
11
|
-
});
|
|
12
|
-
};
|
|
13
|
-
var __copyProps = (to, from, except, desc) => {
|
|
14
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
-
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
16
|
-
get: () => from[key],
|
|
17
|
-
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
return to;
|
|
21
|
-
};
|
|
22
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
23
|
-
value: mod,
|
|
24
|
-
enumerable: true
|
|
25
|
-
}) : target, mod));
|
|
26
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
27
|
-
var useProps_exports = {};
|
|
28
|
-
__export(useProps_exports, {
|
|
29
|
-
useProps: () => useProps,
|
|
30
|
-
usePropsAndStyle: () => usePropsAndStyle,
|
|
31
|
-
useStyle: () => useStyle
|
|
32
|
-
});
|
|
33
|
-
module.exports = __toCommonJS(useProps_exports);
|
|
34
|
-
var import_constants = require("@tamagui/constants");
|
|
35
|
-
var import_react = __toESM(require("react"), 1);
|
|
36
|
-
var import_config = require("../config.cjs");
|
|
37
|
-
var import_ComponentContext = require("../contexts/ComponentContext.cjs");
|
|
38
|
-
var import_GroupContext = require("../contexts/GroupContext.cjs");
|
|
39
|
-
var import_useSplitStyles = require("./useSplitStyles.cjs");
|
|
40
|
-
var import_resolveSafeAreaVariable = require("../helpers/resolveSafeAreaVariable.cjs");
|
|
41
|
-
var import_subscribeToContextGroup = require("../helpers/subscribeToContextGroup.cjs");
|
|
42
|
-
var import_View = require("../views/View.cjs");
|
|
43
|
-
var import_useComponentState = require("./useComponentState.cjs");
|
|
44
|
-
var import_mediaState = require("../helpers/mediaState.cjs");
|
|
45
|
-
var import_useMedia = require("./useMedia.cjs");
|
|
46
|
-
var import_useTheme = require("./useTheme.cjs");
|
|
47
|
-
function useProps(props, opts) {
|
|
48
|
-
const [propsOut, styleOut] = usePropsAndStyle(props, {
|
|
49
|
-
...opts,
|
|
50
|
-
noExpand: true,
|
|
51
|
-
noNormalize: true,
|
|
52
|
-
resolveValues: "none"
|
|
53
|
-
});
|
|
54
|
-
return {
|
|
55
|
-
...propsOut,
|
|
56
|
-
...styleOut
|
|
57
|
-
};
|
|
58
|
-
}
|
|
59
|
-
function useStyle(props, opts) {
|
|
60
|
-
return usePropsAndStyle(props, opts)[1] || {};
|
|
61
|
-
}
|
|
62
|
-
function usePropsAndStyle(props, opts) {
|
|
63
|
-
const staticConfig = opts?.forComponent?.staticConfig ?? import_View.View.staticConfig;
|
|
64
|
-
const [theme, themeState] = (0, import_useTheme.useThemeWithState)({
|
|
65
|
-
name: "theme" in props ? props.theme : void 0,
|
|
66
|
-
needsUpdate() {
|
|
67
|
-
return true;
|
|
68
|
-
}
|
|
69
|
-
});
|
|
70
|
-
const componentContext = import_react.default.useContext(import_ComponentContext.ComponentContext);
|
|
71
|
-
const groupContext = import_react.default.useContext(import_GroupContext.GroupContext);
|
|
72
|
-
const componentState = (0, import_useComponentState.useComponentState)(props, componentContext.animationDriver, staticConfig, (0, import_config.getConfig)());
|
|
73
|
-
const { props: statefulProps, state, disabled, setState, setStateShallow } = componentState;
|
|
74
|
-
const mediaStateNow = opts?.noMedia ? import_mediaState.mediaState : (0, import_useMedia.useMedia)();
|
|
75
|
-
const splitStyles = (0, import_useSplitStyles.useSplitStyles)(statefulProps, staticConfig, theme, themeState?.name || "", state, {
|
|
76
|
-
isAnimated: false,
|
|
77
|
-
mediaState: mediaStateNow,
|
|
78
|
-
noSkip: true,
|
|
79
|
-
noMergeStyle: true,
|
|
80
|
-
noClass: true,
|
|
81
|
-
resolveValues: "auto",
|
|
82
|
-
...opts
|
|
83
|
-
}, null, componentContext, groupContext);
|
|
84
|
-
componentState.finalizeStyleFlags(!!splitStyles?.hasEnterStyle, !!splitStyles?.platformPseudo);
|
|
85
|
-
const { mediaGroups, pseudoGroups } = splitStyles || {};
|
|
86
|
-
const groupSetRevision = (0, import_subscribeToContextGroup.useGroupSetRevision)(pseudoGroups, mediaGroups);
|
|
87
|
-
(0, import_constants.useIsomorphicLayoutEffect)(() => {
|
|
88
|
-
let disposeSafeArea;
|
|
89
|
-
if (splitStyles?.usesSafeArea) {
|
|
90
|
-
const updateSafeArea = () => {
|
|
91
|
-
setState((previous) => ({ ...previous }));
|
|
92
|
-
};
|
|
93
|
-
disposeSafeArea = (0, import_resolveSafeAreaVariable.subscribeToSafeArea)(updateSafeArea);
|
|
94
|
-
updateSafeArea();
|
|
95
|
-
}
|
|
96
|
-
if (disabled) {
|
|
97
|
-
return disposeSafeArea;
|
|
98
|
-
}
|
|
99
|
-
if (state.unmounted) {
|
|
100
|
-
setStateShallow({ unmounted: false });
|
|
101
|
-
return disposeSafeArea;
|
|
102
|
-
}
|
|
103
|
-
if (groupContext) {
|
|
104
|
-
const disposeGroup = (0, import_subscribeToContextGroup.subscribeToContextGroup)({
|
|
105
|
-
groupContext,
|
|
106
|
-
setStateShallow,
|
|
107
|
-
mediaGroups,
|
|
108
|
-
pseudoGroups
|
|
109
|
-
});
|
|
110
|
-
if (!disposeSafeArea) return disposeGroup;
|
|
111
|
-
return () => {
|
|
112
|
-
disposeSafeArea();
|
|
113
|
-
disposeGroup?.();
|
|
114
|
-
};
|
|
115
|
-
}
|
|
116
|
-
return disposeSafeArea;
|
|
117
|
-
}, [
|
|
118
|
-
disabled,
|
|
119
|
-
groupContext,
|
|
120
|
-
splitStyles?.usesSafeArea,
|
|
121
|
-
groupSetRevision
|
|
122
|
-
]);
|
|
123
|
-
return [
|
|
124
|
-
splitStyles?.viewProps || {},
|
|
125
|
-
splitStyles?.style || {},
|
|
126
|
-
theme,
|
|
127
|
-
import_mediaState.mediaState
|
|
128
|
-
];
|
|
129
|
-
}
|
|
@@ -1,135 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var __create = Object.create;
|
|
4
|
-
var __defProp = Object.defineProperty;
|
|
5
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
8
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
-
var __export = (target, all) => {
|
|
10
|
-
for (var name in all) __defProp(target, name, {
|
|
11
|
-
get: all[name],
|
|
12
|
-
enumerable: true
|
|
13
|
-
});
|
|
14
|
-
};
|
|
15
|
-
var __copyProps = (to, from, except, desc) => {
|
|
16
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
17
|
-
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
18
|
-
get: () => from[key],
|
|
19
|
-
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
|
-
return to;
|
|
23
|
-
};
|
|
24
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
25
|
-
value: mod,
|
|
26
|
-
enumerable: true
|
|
27
|
-
}) : target, mod));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var useProps_exports = {};
|
|
30
|
-
__export(useProps_exports, {
|
|
31
|
-
useProps: () => useProps,
|
|
32
|
-
usePropsAndStyle: () => usePropsAndStyle,
|
|
33
|
-
useStyle: () => useStyle
|
|
34
|
-
});
|
|
35
|
-
module.exports = __toCommonJS(useProps_exports);
|
|
36
|
-
var import_constants = require("@tamagui/constants");
|
|
37
|
-
var import_react = __toESM(require("react"), 1);
|
|
38
|
-
var import_config = require("../config.native.js");
|
|
39
|
-
var import_ComponentContext = require("../contexts/ComponentContext.native.js");
|
|
40
|
-
var import_GroupContext = require("../contexts/GroupContext.native.js");
|
|
41
|
-
var import_useSplitStyles = require("./useSplitStyles.native.js");
|
|
42
|
-
var import_resolveSafeAreaVariable = require("../helpers/resolveSafeAreaVariable.native.js");
|
|
43
|
-
var import_subscribeToContextGroup = require("../helpers/subscribeToContextGroup.native.js");
|
|
44
|
-
var import_View = require("../views/View.native.js");
|
|
45
|
-
var import_useComponentState = require("./useComponentState.native.js");
|
|
46
|
-
var import_mediaState = require("../helpers/mediaState.native.js");
|
|
47
|
-
var import_useMedia = require("./useMedia.native.js");
|
|
48
|
-
var import_useTheme = require("./useTheme.native.js");
|
|
49
|
-
function useProps(props, opts) {
|
|
50
|
-
var [propsOut, styleOut] = usePropsAndStyle(props, {
|
|
51
|
-
...opts,
|
|
52
|
-
noExpand: true,
|
|
53
|
-
noNormalize: true,
|
|
54
|
-
resolveValues: "none"
|
|
55
|
-
});
|
|
56
|
-
return {
|
|
57
|
-
...propsOut,
|
|
58
|
-
...styleOut
|
|
59
|
-
};
|
|
60
|
-
}
|
|
61
|
-
function useStyle(props, opts) {
|
|
62
|
-
return usePropsAndStyle(props, opts)[1] || {};
|
|
63
|
-
}
|
|
64
|
-
function usePropsAndStyle(props, opts) {
|
|
65
|
-
var _opts_forComponent;
|
|
66
|
-
var _opts_forComponent_staticConfig;
|
|
67
|
-
var staticConfig = (_opts_forComponent_staticConfig = opts === null || opts === void 0 ? void 0 : (_opts_forComponent = opts.forComponent) === null || _opts_forComponent === void 0 ? void 0 : _opts_forComponent.staticConfig) !== null && _opts_forComponent_staticConfig !== void 0 ? _opts_forComponent_staticConfig : import_View.View.staticConfig;
|
|
68
|
-
var [theme, themeState] = (0, import_useTheme.useThemeWithState)({
|
|
69
|
-
name: "theme" in props ? props.theme : void 0,
|
|
70
|
-
needsUpdate() {
|
|
71
|
-
return true;
|
|
72
|
-
}
|
|
73
|
-
});
|
|
74
|
-
var componentContext = import_react.default.useContext(import_ComponentContext.ComponentContext);
|
|
75
|
-
var groupContext = import_react.default.useContext(import_GroupContext.GroupContext);
|
|
76
|
-
var componentState = (0, import_useComponentState.useComponentState)(props, componentContext.animationDriver, staticConfig, (0, import_config.getConfig)());
|
|
77
|
-
var { props: statefulProps, state, disabled, setState, setStateShallow } = componentState;
|
|
78
|
-
var mediaStateNow = (opts === null || opts === void 0 ? void 0 : opts.noMedia) ? import_mediaState.mediaState : (0, import_useMedia.useMedia)();
|
|
79
|
-
var splitStyles = (0, import_useSplitStyles.useSplitStyles)(statefulProps, staticConfig, theme, (themeState === null || themeState === void 0 ? void 0 : themeState.name) || "", state, {
|
|
80
|
-
isAnimated: false,
|
|
81
|
-
mediaState: mediaStateNow,
|
|
82
|
-
noSkip: true,
|
|
83
|
-
noMergeStyle: true,
|
|
84
|
-
noClass: true,
|
|
85
|
-
resolveValues: "auto",
|
|
86
|
-
...opts
|
|
87
|
-
}, null, componentContext, groupContext);
|
|
88
|
-
componentState.finalizeStyleFlags(!!(splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.hasEnterStyle), !!(splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.platformPseudo));
|
|
89
|
-
var { mediaGroups, pseudoGroups } = splitStyles || {};
|
|
90
|
-
var groupSetRevision = (0, import_subscribeToContextGroup.useGroupSetRevision)(pseudoGroups, mediaGroups);
|
|
91
|
-
(0, import_constants.useIsomorphicLayoutEffect)(function() {
|
|
92
|
-
var disposeSafeArea;
|
|
93
|
-
if (splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.usesSafeArea) {
|
|
94
|
-
var updateSafeArea = function() {
|
|
95
|
-
setState(function(previous) {
|
|
96
|
-
return { ...previous };
|
|
97
|
-
});
|
|
98
|
-
};
|
|
99
|
-
disposeSafeArea = (0, import_resolveSafeAreaVariable.subscribeToSafeArea)(updateSafeArea);
|
|
100
|
-
updateSafeArea();
|
|
101
|
-
}
|
|
102
|
-
if (disabled) {
|
|
103
|
-
return disposeSafeArea;
|
|
104
|
-
}
|
|
105
|
-
if (state.unmounted) {
|
|
106
|
-
setStateShallow({ unmounted: false });
|
|
107
|
-
return disposeSafeArea;
|
|
108
|
-
}
|
|
109
|
-
if (groupContext) {
|
|
110
|
-
var disposeGroup = (0, import_subscribeToContextGroup.subscribeToContextGroup)({
|
|
111
|
-
groupContext,
|
|
112
|
-
setStateShallow,
|
|
113
|
-
mediaGroups,
|
|
114
|
-
pseudoGroups
|
|
115
|
-
});
|
|
116
|
-
if (!disposeSafeArea) return disposeGroup;
|
|
117
|
-
return function() {
|
|
118
|
-
disposeSafeArea();
|
|
119
|
-
disposeGroup === null || disposeGroup === void 0 ? void 0 : disposeGroup();
|
|
120
|
-
};
|
|
121
|
-
}
|
|
122
|
-
return disposeSafeArea;
|
|
123
|
-
}, [
|
|
124
|
-
disabled,
|
|
125
|
-
groupContext,
|
|
126
|
-
splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.usesSafeArea,
|
|
127
|
-
groupSetRevision
|
|
128
|
-
]);
|
|
129
|
-
return [
|
|
130
|
-
(splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.viewProps) || {},
|
|
131
|
-
(splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.style) || {},
|
|
132
|
-
theme,
|
|
133
|
-
import_mediaState.mediaState
|
|
134
|
-
];
|
|
135
|
-
}
|
|
@@ -1,137 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var __create = Object.create;
|
|
4
|
-
var __defProp = Object.defineProperty;
|
|
5
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
8
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
-
var __export = (target, all) => {
|
|
10
|
-
for (var name in all) __defProp(target, name, {
|
|
11
|
-
get: all[name],
|
|
12
|
-
enumerable: true
|
|
13
|
-
});
|
|
14
|
-
};
|
|
15
|
-
var __copyProps = (to, from, except, desc) => {
|
|
16
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
17
|
-
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
18
|
-
get: () => from[key],
|
|
19
|
-
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
|
-
return to;
|
|
23
|
-
};
|
|
24
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
25
|
-
value: mod,
|
|
26
|
-
enumerable: true
|
|
27
|
-
}) : target, mod));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var useProps_exports = {};
|
|
30
|
-
__export(useProps_exports, {
|
|
31
|
-
useProps: () => useProps,
|
|
32
|
-
usePropsAndStyle: () => usePropsAndStyle,
|
|
33
|
-
useStyle: () => useStyle
|
|
34
|
-
});
|
|
35
|
-
module.exports = __toCommonJS(useProps_exports);
|
|
36
|
-
var import_constants = require("@tamagui/constants");
|
|
37
|
-
var import_react = __toESM(require("react"), 1);
|
|
38
|
-
var import_config = require("../config.native.js");
|
|
39
|
-
var import_ComponentContext = require("../contexts/ComponentContext.native.js");
|
|
40
|
-
var import_GroupContext = require("../contexts/GroupContext.native.js");
|
|
41
|
-
var import_useSplitStyles = require("./useSplitStyles.native.js");
|
|
42
|
-
var import_resolveSafeAreaVariable = require("../helpers/resolveSafeAreaVariable.native.js");
|
|
43
|
-
var import_subscribeToContextGroup = require("../helpers/subscribeToContextGroup.native.js");
|
|
44
|
-
var import_View = require("../views/View.native.js");
|
|
45
|
-
var import_useComponentState = require("./useComponentState.native.js");
|
|
46
|
-
var import_mediaState = require("../helpers/mediaState.native.js");
|
|
47
|
-
var import_useMedia = require("./useMedia.native.js");
|
|
48
|
-
var import_useTheme = require("./useTheme.native.js");
|
|
49
|
-
function useProps(props, opts) {
|
|
50
|
-
var [propsOut, styleOut] = usePropsAndStyle(props, {
|
|
51
|
-
...opts,
|
|
52
|
-
noExpand: true,
|
|
53
|
-
noNormalize: true,
|
|
54
|
-
resolveValues: "none"
|
|
55
|
-
});
|
|
56
|
-
return {
|
|
57
|
-
...propsOut,
|
|
58
|
-
...styleOut
|
|
59
|
-
};
|
|
60
|
-
}
|
|
61
|
-
function useStyle(props, opts) {
|
|
62
|
-
return usePropsAndStyle(props, opts)[1] || {};
|
|
63
|
-
}
|
|
64
|
-
function usePropsAndStyle(props, opts) {
|
|
65
|
-
var _opts_forComponent;
|
|
66
|
-
var _opts_forComponent_staticConfig;
|
|
67
|
-
var staticConfig = (_opts_forComponent_staticConfig = opts === null || opts === void 0 ? void 0 : (_opts_forComponent = opts.forComponent) === null || _opts_forComponent === void 0 ? void 0 : _opts_forComponent.staticConfig) !== null && _opts_forComponent_staticConfig !== void 0 ? _opts_forComponent_staticConfig : import_View.View.staticConfig;
|
|
68
|
-
var [theme, themeState] = (0, import_useTheme.useThemeWithState)({
|
|
69
|
-
name: "theme" in props ? props.theme : void 0,
|
|
70
|
-
needsUpdate() {
|
|
71
|
-
return true;
|
|
72
|
-
}
|
|
73
|
-
});
|
|
74
|
-
var componentContext = import_react.default.useContext(import_ComponentContext.ComponentContext);
|
|
75
|
-
var groupContext = import_react.default.useContext(import_GroupContext.GroupContext);
|
|
76
|
-
var componentState = (0, import_useComponentState.useComponentState)(props, componentContext.animationDriver, staticConfig, (0, import_config.getConfig)());
|
|
77
|
-
var { props: statefulProps, state, disabled, setState, setStateShallow } = componentState;
|
|
78
|
-
var mediaStateNow = (opts === null || opts === void 0 ? void 0 : opts.noMedia) ? import_mediaState.mediaState : (0, import_useMedia.useMedia)();
|
|
79
|
-
var splitStyles = (0, import_useSplitStyles.useSplitStyles)(statefulProps, staticConfig, theme, (themeState === null || themeState === void 0 ? void 0 : themeState.name) || "", state, {
|
|
80
|
-
isAnimated: false,
|
|
81
|
-
mediaState: mediaStateNow,
|
|
82
|
-
noSkip: true,
|
|
83
|
-
noMergeStyle: true,
|
|
84
|
-
noClass: true,
|
|
85
|
-
resolveValues: "auto",
|
|
86
|
-
...opts
|
|
87
|
-
}, null, componentContext, groupContext);
|
|
88
|
-
componentState.finalizeStyleFlags(!!(splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.hasEnterStyle), !!(splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.platformPseudo));
|
|
89
|
-
var { mediaGroups, pseudoGroups } = splitStyles || {};
|
|
90
|
-
var groupSetRevision = (0, import_subscribeToContextGroup.useGroupSetRevision)(pseudoGroups, mediaGroups);
|
|
91
|
-
(0, import_constants.useIsomorphicLayoutEffect)(function() {
|
|
92
|
-
var disposeSafeArea;
|
|
93
|
-
if (splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.usesSafeArea) {
|
|
94
|
-
var updateSafeArea = function() {
|
|
95
|
-
setState(function(previous) {
|
|
96
|
-
return { ...previous };
|
|
97
|
-
});
|
|
98
|
-
};
|
|
99
|
-
disposeSafeArea = (0, import_resolveSafeAreaVariable.subscribeToSafeArea)(updateSafeArea);
|
|
100
|
-
updateSafeArea();
|
|
101
|
-
}
|
|
102
|
-
if (disabled) {
|
|
103
|
-
return disposeSafeArea;
|
|
104
|
-
}
|
|
105
|
-
if (state.unmounted) {
|
|
106
|
-
setStateShallow({ unmounted: false });
|
|
107
|
-
return disposeSafeArea;
|
|
108
|
-
}
|
|
109
|
-
if (groupContext) {
|
|
110
|
-
var disposeGroup = (0, import_subscribeToContextGroup.subscribeToContextGroup)({
|
|
111
|
-
groupContext,
|
|
112
|
-
setStateShallow,
|
|
113
|
-
mediaGroups,
|
|
114
|
-
pseudoGroups
|
|
115
|
-
});
|
|
116
|
-
if (!disposeSafeArea) return disposeGroup;
|
|
117
|
-
return function() {
|
|
118
|
-
disposeSafeArea();
|
|
119
|
-
disposeGroup === null || disposeGroup === void 0 ? void 0 : disposeGroup();
|
|
120
|
-
};
|
|
121
|
-
}
|
|
122
|
-
return disposeSafeArea;
|
|
123
|
-
}, [
|
|
124
|
-
disabled,
|
|
125
|
-
groupContext,
|
|
126
|
-
splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.usesSafeArea,
|
|
127
|
-
groupSetRevision
|
|
128
|
-
]);
|
|
129
|
-
return [
|
|
130
|
-
(splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.viewProps) || {},
|
|
131
|
-
(splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.style) || {},
|
|
132
|
-
theme,
|
|
133
|
-
import_mediaState.mediaState
|
|
134
|
-
];
|
|
135
|
-
}
|
|
136
|
-
|
|
137
|
-
//# sourceMappingURL=useProps.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useProps.native.js","names":[],"sources":["cjs/hooks/useProps.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n // If the importer is in node compatibility mode or this is not an ESM\n // file that has been converted to a CommonJS file using a Babel-\n // compatible transform (i.e. \"__esModule\" has not been set), then set\n // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar useProps_exports = {};\n__export(useProps_exports, {\n useProps: () => useProps,\n usePropsAndStyle: () => usePropsAndStyle,\n useStyle: () => useStyle\n});\nmodule.exports = __toCommonJS(useProps_exports);\nvar import_constants = require(\"@tamagui/constants\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_config = require(\"../config\");\nvar import_ComponentContext = require(\"../contexts/ComponentContext\");\nvar import_GroupContext = require(\"../contexts/GroupContext\");\nvar import_useSplitStyles = require(\"./useSplitStyles\");\nvar import_resolveSafeAreaVariable = require(\"../helpers/resolveSafeAreaVariable\");\nvar import_subscribeToContextGroup = require(\"../helpers/subscribeToContextGroup\");\nvar import_View = require(\"../views/View\");\nvar import_useComponentState = require(\"./useComponentState\");\nvar import_mediaState = require(\"../helpers/mediaState\");\nvar import_useMedia = require(\"./useMedia\");\nvar import_useTheme = require(\"./useTheme\");\nfunction useProps(props, opts) {\n var [propsOut, styleOut] = usePropsAndStyle(props, {\n ...opts,\n noExpand: true,\n noNormalize: true,\n resolveValues: \"none\"\n });\n return {\n ...propsOut,\n ...styleOut\n };\n}\nfunction useStyle(props, opts) {\n return usePropsAndStyle(props, opts)[1] || {};\n}\nfunction usePropsAndStyle(props, opts) {\n var _opts_forComponent;\n var _opts_forComponent_staticConfig;\n var staticConfig = (_opts_forComponent_staticConfig = opts === null || opts === void 0 ? void 0 : (_opts_forComponent = opts.forComponent) === null || _opts_forComponent === void 0 ? void 0 : _opts_forComponent.staticConfig) !== null && _opts_forComponent_staticConfig !== void 0 ? _opts_forComponent_staticConfig : import_View.View.staticConfig;\n var [theme, themeState] = (0, import_useTheme.useThemeWithState)({\n name: \"theme\" in props ? props.theme : void 0,\n needsUpdate() {\n return true;\n }\n });\n var componentContext = import_react.default.useContext(import_ComponentContext.ComponentContext);\n var groupContext = import_react.default.useContext(import_GroupContext.GroupContext);\n var componentState = (0, import_useComponentState.useComponentState)(props, componentContext.animationDriver, staticConfig, (0, import_config.getConfig)());\n var { props: statefulProps, state, disabled, setState, setStateShallow } = componentState;\n var mediaStateNow = (opts === null || opts === void 0 ? void 0 : opts.noMedia) ? (\n // not safe to use mediaState but really marginal to hit this\n import_mediaState.mediaState\n ) : (0, import_useMedia.useMedia)();\n var splitStyles = (0, import_useSplitStyles.useSplitStyles)(statefulProps, staticConfig, theme, (themeState === null || themeState === void 0 ? void 0 : themeState.name) || \"\", state, {\n isAnimated: false,\n mediaState: mediaStateNow,\n noSkip: true,\n noMergeStyle: true,\n noClass: true,\n resolveValues: \"auto\",\n ...opts\n }, null, componentContext, groupContext);\n componentState.finalizeStyleFlags(!!(splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.hasEnterStyle), !!(splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.platformPseudo));\n var { mediaGroups, pseudoGroups } = splitStyles || {};\n var groupSetRevision = (0, import_subscribeToContextGroup.useGroupSetRevision)(pseudoGroups, mediaGroups);\n (0, import_constants.useIsomorphicLayoutEffect)(function() {\n var disposeSafeArea;\n if (splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.usesSafeArea) {\n var updateSafeArea = function() {\n setState(function(previous) {\n return {\n ...previous\n };\n });\n };\n disposeSafeArea = (0, import_resolveSafeAreaVariable.subscribeToSafeArea)(updateSafeArea);\n updateSafeArea();\n }\n if (disabled) {\n return disposeSafeArea;\n }\n if (state.unmounted) {\n setStateShallow({\n unmounted: false\n });\n return disposeSafeArea;\n }\n if (groupContext) {\n var disposeGroup = (0, import_subscribeToContextGroup.subscribeToContextGroup)({\n groupContext,\n setStateShallow,\n mediaGroups,\n pseudoGroups\n });\n if (!disposeSafeArea) return disposeGroup;\n return function() {\n disposeSafeArea();\n disposeGroup === null || disposeGroup === void 0 ? void 0 : disposeGroup();\n };\n }\n return disposeSafeArea;\n }, [\n disabled,\n groupContext,\n splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.usesSafeArea,\n groupSetRevision\n ]);\n return [\n (splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.viewProps) || {},\n (splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.style) || {},\n theme,\n import_mediaState.mediaState\n ];\n}\n//# sourceMappingURL=useProps.js.map\n"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"getDefaultProps.js","names":[],"sources":["esm/helpers/getDefaultProps.js"],"sourcesContent":["const getDefaultProps = (staticConfig) => staticConfig.defaultProps;\nexport {\n getDefaultProps\n};\n//# sourceMappingURL=getDefaultProps.js.map\n"],"mappings":";AAAA,MAAM,mBAAmB,iBAAiB,aAAa"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"getDefaultProps.native.js","names":[],"sources":["esm/helpers/getDefaultProps.native.js"],"sourcesContent":["var getDefaultProps = function(staticConfig) {\n return staticConfig.defaultProps;\n};\nexport {\n getDefaultProps\n};\n//# sourceMappingURL=getDefaultProps.js.map\n"],"mappings":";AAAA,IAAI,kBAAkB,SAAS,cAAc;CAC3C,OAAO,aAAa;AACtB"}
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Theme } from "../views/Theme.mjs";
|
|
3
|
-
import { getDefaultProps } from "./getDefaultProps.mjs";
|
|
4
|
-
import { jsx } from "react/jsx-runtime";
|
|
5
|
-
|
|
6
|
-
function themeable(Component, staticConfig, optimize = false) {
|
|
7
|
-
const withThemeComponent = function WithTheme(props) {
|
|
8
|
-
"use no memo";
|
|
9
|
-
const userDefaults = getDefaultProps(staticConfig);
|
|
10
|
-
const defaultTheme = userDefaults?.theme;
|
|
11
|
-
const defaultResetTheme = userDefaults?.themeReset;
|
|
12
|
-
const { theme, themeReset, ref, ...rest } = props;
|
|
13
|
-
let overriddenContextProps;
|
|
14
|
-
const context = staticConfig?.context;
|
|
15
|
-
if (context) {
|
|
16
|
-
for (const key in context.props) {
|
|
17
|
-
const val = props[key];
|
|
18
|
-
if (val !== void 0) {
|
|
19
|
-
overriddenContextProps = overriddenContextProps || {};
|
|
20
|
-
overriddenContextProps[key] = val;
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
const element = /* @__PURE__ */ jsx(Component, {
|
|
25
|
-
ref,
|
|
26
|
-
...rest,
|
|
27
|
-
"data-disable-theme": true
|
|
28
|
-
});
|
|
29
|
-
let filteredProps = null;
|
|
30
|
-
if ("debug" in props) {
|
|
31
|
-
filteredProps = filteredProps || {};
|
|
32
|
-
filteredProps.debug = props.debug;
|
|
33
|
-
}
|
|
34
|
-
if ("theme" in props || defaultTheme) {
|
|
35
|
-
filteredProps = filteredProps || {};
|
|
36
|
-
filteredProps.name = "theme" in props ? props.theme : defaultTheme;
|
|
37
|
-
}
|
|
38
|
-
if ("themeReset" in props || defaultResetTheme) {
|
|
39
|
-
filteredProps = filteredProps || {};
|
|
40
|
-
filteredProps.reset = "themeReset" in props ? themeReset : defaultResetTheme;
|
|
41
|
-
}
|
|
42
|
-
if (optimize && !filteredProps) {
|
|
43
|
-
return element;
|
|
44
|
-
}
|
|
45
|
-
let contents = /* @__PURE__ */ jsx(Theme, {
|
|
46
|
-
"disable-child-theme": true,
|
|
47
|
-
...filteredProps,
|
|
48
|
-
children: element
|
|
49
|
-
});
|
|
50
|
-
if (context) {
|
|
51
|
-
const Provider = context.Provider;
|
|
52
|
-
const contextValue = React.useContext(context);
|
|
53
|
-
contents = /* @__PURE__ */ jsx(Provider, {
|
|
54
|
-
...contextValue,
|
|
55
|
-
...overriddenContextProps,
|
|
56
|
-
children: contents
|
|
57
|
-
});
|
|
58
|
-
}
|
|
59
|
-
return contents;
|
|
60
|
-
};
|
|
61
|
-
const withTheme = withThemeComponent;
|
|
62
|
-
withTheme.displayName = `Themed(${Component?.displayName || Component?.name || "Anonymous"})`;
|
|
63
|
-
return withTheme;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
export { themeable };
|
|
67
|
-
//# sourceMappingURL=themeable.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"themeable.js","names":[],"sources":["esm/helpers/themeable.js"],"sourcesContent":["import React from \"react\";\nimport { Theme } from \"../views/Theme\";\nimport { getDefaultProps } from \"./getDefaultProps\";\nimport { jsx } from \"react/jsx-runtime\";\nfunction themeable(Component, staticConfig, optimize = false) {\n const withThemeComponent = function WithTheme(props) {\n \"use no memo\";\n const userDefaults = getDefaultProps(staticConfig);\n const defaultTheme = userDefaults?.theme;\n const defaultResetTheme = userDefaults?.themeReset;\n const { theme, themeReset, ref, ...rest } = props;\n let overriddenContextProps;\n const context = staticConfig?.context;\n if (context) {\n for (const key in context.props) {\n const val = props[key];\n if (val !== void 0) {\n overriddenContextProps = overriddenContextProps || {};\n overriddenContextProps[key] = val;\n }\n }\n }\n const element = (\n // @ts-expect-error its ok\n /* @__PURE__ */ jsx(Component, { ref, ...rest, \"data-disable-theme\": true })\n );\n let filteredProps = null;\n if (\"debug\" in props) {\n filteredProps = filteredProps || {};\n filteredProps.debug = props.debug;\n }\n if (\"theme\" in props || defaultTheme) {\n filteredProps = filteredProps || {};\n filteredProps.name = \"theme\" in props ? props.theme : defaultTheme;\n }\n if (\"themeReset\" in props || defaultResetTheme) {\n filteredProps = filteredProps || {};\n filteredProps.reset = \"themeReset\" in props ? themeReset : defaultResetTheme;\n }\n if (optimize && !filteredProps) {\n return element;\n }\n let contents = /* @__PURE__ */ jsx(Theme, { \"disable-child-theme\": true, ...filteredProps, children: element });\n if (context) {\n const Provider = context.Provider;\n const contextValue = React.useContext(context);\n contents = /* @__PURE__ */ jsx(Provider, { ...contextValue, ...overriddenContextProps, children: contents });\n }\n return contents;\n };\n const withTheme = withThemeComponent;\n withTheme.displayName = `Themed(${Component?.displayName || Component?.name || \"Anonymous\"})`;\n return withTheme;\n}\nexport {\n themeable\n};\n//# sourceMappingURL=themeable.js.map\n"],"mappings":";;;;;;AAIA,SAAS,UAAU,WAAW,cAAc,WAAW,OAAO;CAC5D,MAAM,qBAAqB,SAAS,UAAU,OAAO;EACnD;EACA,MAAM,eAAe,gBAAgB,YAAY;EACjD,MAAM,eAAe,cAAc;EACnC,MAAM,oBAAoB,cAAc;EACxC,MAAM,EAAE,OAAO,YAAY,KAAK,GAAG,SAAS;EAC5C,IAAI;EACJ,MAAM,UAAU,cAAc;EAC9B,IAAI,SAAS;GACX,KAAK,MAAM,OAAO,QAAQ,OAAO;IAC/B,MAAM,MAAM,MAAM;IAClB,IAAI,QAAQ,KAAK,GAAG;KAClB,yBAAyB,0BAA0B,CAAC;KACpD,uBAAuB,OAAO;IAChC;GACF;EACF;EACA,MAAM,UAEY,oBAAI,WAAW;GAAE;GAAK,GAAG;GAAM,sBAAsB;EAAK,CAAC;EAE7E,IAAI,gBAAgB;EACpB,IAAI,WAAW,OAAO;GACpB,gBAAgB,iBAAiB,CAAC;GAClC,cAAc,QAAQ,MAAM;EAC9B;EACA,IAAI,WAAW,SAAS,cAAc;GACpC,gBAAgB,iBAAiB,CAAC;GAClC,cAAc,OAAO,WAAW,QAAQ,MAAM,QAAQ;EACxD;EACA,IAAI,gBAAgB,SAAS,mBAAmB;GAC9C,gBAAgB,iBAAiB,CAAC;GAClC,cAAc,QAAQ,gBAAgB,QAAQ,aAAa;EAC7D;EACA,IAAI,YAAY,CAAC,eAAe;GAC9B,OAAO;EACT;EACA,IAAI,WAA2B,oBAAI,OAAO;GAAE,uBAAuB;GAAM,GAAG;GAAe,UAAU;EAAQ,CAAC;EAC9G,IAAI,SAAS;GACX,MAAM,WAAW,QAAQ;GACzB,MAAM,eAAe,MAAM,WAAW,OAAO;GAC7C,WAA2B,oBAAI,UAAU;IAAE,GAAG;IAAc,GAAG;IAAwB,UAAU;GAAS,CAAC;EAC7G;EACA,OAAO;CACT;CACA,MAAM,YAAY;CAClB,UAAU,cAAc,UAAU,WAAW,eAAe,WAAW,QAAQ,YAAY;CAC3F,OAAO;AACT"}
|