@tamagui/web 1.26.0 → 1.27.0
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/helpers/createPropMapper.js +1 -11
- package/dist/cjs/helpers/createPropMapper.js.map +1 -1
- package/dist/cjs/helpers/createVariantContext.js +41 -0
- package/dist/cjs/helpers/createVariantContext.js.map +6 -0
- package/dist/cjs/helpers/getThemeCSSRules.js +3 -3
- package/dist/cjs/helpers/getThemeCSSRules.js.map +1 -1
- package/dist/esm/helpers/createPropMapper.js +1 -11
- package/dist/esm/helpers/createPropMapper.js.map +1 -1
- package/dist/esm/helpers/createVariantContext.js +17 -0
- package/dist/esm/helpers/createVariantContext.js.map +6 -0
- package/dist/esm/helpers/getThemeCSSRules.js +3 -3
- package/dist/esm/helpers/getThemeCSSRules.js.map +1 -1
- package/package.json +9 -9
- package/src/helpers/createPropMapper.ts +2 -12
- package/src/helpers/getThemeCSSRules.ts +6 -3
- package/src/types.tsx +5 -0
- package/types/helpers/createVariantContext.d.ts.map +1 -0
- package/types/helpers/getThemeCSSRules.d.ts.map +1 -1
- package/types/types.d.ts +1 -0
- package/types/types.d.ts.map +1 -1
- package/dist/cjs/helpers/accessibilityDirectMap.js +0 -76
- package/dist/cjs/helpers/accessibilityDirectMap.js.map +0 -6
- package/dist/cjs/helpers/memoizeArgumentsWeak.js +0 -57
- package/dist/cjs/helpers/memoizeArgumentsWeak.js.map +0 -6
- package/dist/cjs/helpers/memoizeFunctionByArgumentsReference.js +0 -31
- package/dist/cjs/helpers/memoizeFunctionByArgumentsReference.js.map +0 -6
- package/dist/esm/Tamagui.mjs +0 -45
- package/dist/esm/Tamagui.mjs.map +0 -6
- package/dist/esm/config.mjs +0 -90
- package/dist/esm/config.mjs.map +0 -6
- package/dist/esm/constants/accessibilityDirectMap.mjs +0 -52
- package/dist/esm/constants/accessibilityDirectMap.mjs.map +0 -6
- package/dist/esm/constants/constants.mjs +0 -22
- package/dist/esm/constants/constants.mjs.map +0 -6
- package/dist/esm/constants/isDevTools.mjs +0 -13
- package/dist/esm/constants/isDevTools.mjs.map +0 -6
- package/dist/esm/contexts/AnimationDriverContext.mjs +0 -6
- package/dist/esm/contexts/AnimationDriverContext.mjs.map +0 -6
- package/dist/esm/contexts/ButtonNestingContext.mjs +0 -6
- package/dist/esm/contexts/ButtonNestingContext.mjs.map +0 -6
- package/dist/esm/contexts/FontLanguageContext.mjs +0 -6
- package/dist/esm/contexts/FontLanguageContext.mjs.map +0 -6
- package/dist/esm/contexts/TextAncestorContext.mjs +0 -6
- package/dist/esm/contexts/TextAncestorContext.mjs.map +0 -6
- package/dist/esm/createComponent.mjs +0 -880
- package/dist/esm/createComponent.mjs.map +0 -6
- package/dist/esm/createFont.mjs +0 -45
- package/dist/esm/createFont.mjs.map +0 -6
- package/dist/esm/createShorthands.mjs +0 -7
- package/dist/esm/createShorthands.mjs.map +0 -6
- package/dist/esm/createTamagui.mjs +0 -203
- package/dist/esm/createTamagui.mjs.map +0 -6
- package/dist/esm/createTheme.mjs +0 -7
- package/dist/esm/createTheme.mjs.map +0 -6
- package/dist/esm/createTokens.mjs +0 -15
- package/dist/esm/createTokens.mjs.map +0 -6
- package/dist/esm/createVariable.mjs +0 -78
- package/dist/esm/createVariable.mjs.map +0 -6
- package/dist/esm/createVariables.mjs +0 -35
- package/dist/esm/createVariables.mjs.map +0 -6
- package/dist/esm/helpers/ThemeManager.mjs +0 -256
- package/dist/esm/helpers/ThemeManager.mjs.map +0 -6
- package/dist/esm/helpers/ThemeManagerContext.mjs +0 -6
- package/dist/esm/helpers/ThemeManagerContext.mjs.map +0 -6
- package/dist/esm/helpers/accessibilityDirectMap.js +0 -52
- package/dist/esm/helpers/accessibilityDirectMap.js.map +0 -6
- package/dist/esm/helpers/accessibilityDirectMap.mjs +0 -52
- package/dist/esm/helpers/accessibilityDirectMap.mjs.map +0 -6
- package/dist/esm/helpers/createChainedWeakCache.mjs +0 -39
- package/dist/esm/helpers/createChainedWeakCache.mjs.map +0 -6
- package/dist/esm/helpers/createMediaStyle.mjs +0 -42
- package/dist/esm/helpers/createMediaStyle.mjs.map +0 -6
- package/dist/esm/helpers/createPropMapper.mjs +0 -414
- package/dist/esm/helpers/createPropMapper.mjs.map +0 -6
- package/dist/esm/helpers/createProxy.mjs +0 -19
- package/dist/esm/helpers/createProxy.mjs.map +0 -6
- package/dist/esm/helpers/defaultOffset.mjs +0 -5
- package/dist/esm/helpers/defaultOffset.mjs.map +0 -6
- package/dist/esm/helpers/expandStyle.mjs +0 -65
- package/dist/esm/helpers/expandStyle.mjs.map +0 -6
- package/dist/esm/helpers/expandStyles.mjs +0 -52
- package/dist/esm/helpers/expandStyles.mjs.map +0 -6
- package/dist/esm/helpers/extendStaticConfig.mjs +0 -67
- package/dist/esm/helpers/extendStaticConfig.mjs.map +0 -6
- package/dist/esm/helpers/getAnimationDriver.mjs +0 -8
- package/dist/esm/helpers/getAnimationDriver.mjs.map +0 -6
- package/dist/esm/helpers/getExpandedShorthands.mjs +0 -15
- package/dist/esm/helpers/getExpandedShorthands.mjs.map +0 -6
- package/dist/esm/helpers/getFontLanguage.mjs +0 -5
- package/dist/esm/helpers/getFontLanguage.mjs.map +0 -6
- package/dist/esm/helpers/getSplitStyles.mjs +0 -879
- package/dist/esm/helpers/getSplitStyles.mjs.map +0 -6
- package/dist/esm/helpers/getStylesAtomic.mjs +0 -193
- package/dist/esm/helpers/getStylesAtomic.mjs.map +0 -6
- package/dist/esm/helpers/getStylesAtomic.native.mjs +0 -12
- package/dist/esm/helpers/getStylesAtomic.native.mjs.map +0 -6
- package/dist/esm/helpers/getThemeCSSRules.mjs +0 -113
- package/dist/esm/helpers/getThemeCSSRules.mjs.map +0 -6
- package/dist/esm/helpers/getThemeCSSRules.native.mjs +0 -7
- package/dist/esm/helpers/getThemeCSSRules.native.mjs.map +0 -6
- package/dist/esm/helpers/getVariantExtras.mjs +0 -67
- package/dist/esm/helpers/getVariantExtras.mjs.map +0 -6
- package/dist/esm/helpers/insertStyleRule.mjs +0 -191
- package/dist/esm/helpers/insertStyleRule.mjs.map +0 -6
- package/dist/esm/helpers/isObj.mjs +0 -5
- package/dist/esm/helpers/isObj.mjs.map +0 -6
- package/dist/esm/helpers/isTamaguiComponent.mjs +0 -8
- package/dist/esm/helpers/isTamaguiComponent.mjs.map +0 -6
- package/dist/esm/helpers/isTamaguiElement.mjs +0 -9
- package/dist/esm/helpers/isTamaguiElement.mjs.map +0 -6
- package/dist/esm/helpers/matchMedia.mjs +0 -17
- package/dist/esm/helpers/matchMedia.mjs.map +0 -6
- package/dist/esm/helpers/matchMedia.native.mjs +0 -23
- package/dist/esm/helpers/matchMedia.native.mjs.map +0 -6
- package/dist/esm/helpers/memoizeArgumentsWeak.js +0 -33
- package/dist/esm/helpers/memoizeArgumentsWeak.js.map +0 -6
- package/dist/esm/helpers/memoizeArgumentsWeak.mjs +0 -33
- package/dist/esm/helpers/memoizeArgumentsWeak.mjs.map +0 -6
- package/dist/esm/helpers/memoizeFunctionByArgumentsReference.js +0 -30
- package/dist/esm/helpers/memoizeFunctionByArgumentsReference.js.map +0 -6
- package/dist/esm/helpers/memoizeFunctionByArgumentsReference.mjs +0 -30
- package/dist/esm/helpers/memoizeFunctionByArgumentsReference.mjs.map +0 -6
- package/dist/esm/helpers/mergeProps.mjs +0 -40
- package/dist/esm/helpers/mergeProps.mjs.map +0 -6
- package/dist/esm/helpers/normalizeColor.mjs +0 -31
- package/dist/esm/helpers/normalizeColor.mjs.map +0 -6
- package/dist/esm/helpers/normalizeShadow.mjs +0 -23
- package/dist/esm/helpers/normalizeShadow.mjs.map +0 -6
- package/dist/esm/helpers/normalizeShadow.native.mjs +0 -31
- package/dist/esm/helpers/normalizeShadow.native.mjs.map +0 -6
- package/dist/esm/helpers/normalizeStylePropKeys.mjs +0 -5
- package/dist/esm/helpers/normalizeStylePropKeys.mjs.map +0 -6
- package/dist/esm/helpers/normalizeStylePropKeys.native.mjs +0 -16
- package/dist/esm/helpers/normalizeStylePropKeys.native.mjs.map +0 -6
- package/dist/esm/helpers/normalizeValueWithProperty.mjs +0 -110
- package/dist/esm/helpers/normalizeValueWithProperty.mjs.map +0 -6
- package/dist/esm/helpers/proxyThemeVariables.mjs +0 -16
- package/dist/esm/helpers/proxyThemeVariables.mjs.map +0 -6
- package/dist/esm/helpers/pseudoDescriptors.mjs +0 -29
- package/dist/esm/helpers/pseudoDescriptors.mjs.map +0 -6
- package/dist/esm/helpers/registerCSSVariable.mjs +0 -14
- package/dist/esm/helpers/registerCSSVariable.mjs.map +0 -6
- package/dist/esm/helpers/themeable.mjs +0 -28
- package/dist/esm/helpers/themeable.mjs.map +0 -6
- package/dist/esm/helpers/themes.mjs +0 -51
- package/dist/esm/helpers/themes.mjs.map +0 -6
- package/dist/esm/helpers/timer.mjs +0 -11
- package/dist/esm/helpers/timer.mjs.map +0 -6
- package/dist/esm/helpers/useShallowSetState.mjs +0 -23
- package/dist/esm/helpers/useShallowSetState.mjs.map +0 -6
- package/dist/esm/helpers/warnOnce.mjs +0 -14
- package/dist/esm/helpers/warnOnce.mjs.map +0 -6
- package/dist/esm/helpers/withStaticProperties.mjs +0 -9
- package/dist/esm/helpers/withStaticProperties.mjs.map +0 -6
- package/dist/esm/hooks/getThemeUnwrapped.mjs +0 -9
- package/dist/esm/hooks/getThemeUnwrapped.mjs.map +0 -6
- package/dist/esm/hooks/useAnimationDriver.mjs +0 -13
- package/dist/esm/hooks/useAnimationDriver.mjs.map +0 -6
- package/dist/esm/hooks/useId.mjs +0 -5
- package/dist/esm/hooks/useId.mjs.map +0 -6
- package/dist/esm/hooks/useIsTouchDevice.mjs +0 -9
- package/dist/esm/hooks/useIsTouchDevice.mjs.map +0 -6
- package/dist/esm/hooks/useMedia.mjs +0 -233
- package/dist/esm/hooks/useMedia.mjs.map +0 -6
- package/dist/esm/hooks/useProps.mjs +0 -10
- package/dist/esm/hooks/useProps.mjs.map +0 -6
- package/dist/esm/hooks/useSafeRef.mjs +0 -35
- package/dist/esm/hooks/useSafeRef.mjs.map +0 -6
- package/dist/esm/hooks/useServerHooks.mjs +0 -11
- package/dist/esm/hooks/useServerHooks.mjs.map +0 -6
- package/dist/esm/hooks/useStyle.mjs +0 -37
- package/dist/esm/hooks/useStyle.mjs.map +0 -6
- package/dist/esm/hooks/useTheme.mjs +0 -282
- package/dist/esm/hooks/useTheme.mjs.map +0 -6
- package/dist/esm/hooks/useThemeName.mjs +0 -28
- package/dist/esm/hooks/useThemeName.mjs.map +0 -6
- package/dist/esm/index.mjs +0 -87
- package/dist/esm/index.mjs.map +0 -6
- package/dist/esm/inject-styles.mjs +0 -16
- package/dist/esm/inject-styles.mjs.map +0 -6
- package/dist/esm/insertFont.mjs +0 -67
- package/dist/esm/insertFont.mjs.map +0 -6
- package/dist/esm/setupHooks.mjs +0 -9
- package/dist/esm/setupHooks.mjs.map +0 -6
- package/dist/esm/setupReactNative.mjs +0 -25
- package/dist/esm/setupReactNative.mjs.map +0 -6
- package/dist/esm/styled.mjs +0 -89
- package/dist/esm/styled.mjs.map +0 -6
- package/dist/esm/types.mjs +0 -1
- package/dist/esm/types.mjs.map +0 -6
- package/dist/esm/views/AnimationDriverProvider.mjs +0 -9
- package/dist/esm/views/AnimationDriverProvider.mjs.map +0 -6
- package/dist/esm/views/FontLanguage.mjs +0 -17
- package/dist/esm/views/FontLanguage.mjs.map +0 -6
- package/dist/esm/views/FontLanguage.native.mjs +0 -11
- package/dist/esm/views/FontLanguage.native.mjs.map +0 -6
- package/dist/esm/views/FontLanguage.types.mjs +0 -1
- package/dist/esm/views/FontLanguage.types.mjs.map +0 -6
- package/dist/esm/views/Slot.mjs +0 -66
- package/dist/esm/views/Slot.mjs.map +0 -6
- package/dist/esm/views/Stack.mjs +0 -13
- package/dist/esm/views/Stack.mjs.map +0 -6
- package/dist/esm/views/TamaguiProvider.mjs +0 -57
- package/dist/esm/views/TamaguiProvider.mjs.map +0 -6
- package/dist/esm/views/Text.mjs +0 -71
- package/dist/esm/views/Text.mjs.map +0 -6
- package/dist/esm/views/Theme.mjs +0 -75
- package/dist/esm/views/Theme.mjs.map +0 -6
- package/dist/esm/views/ThemeDebug.mjs +0 -96
- package/dist/esm/views/ThemeDebug.mjs.map +0 -6
- package/dist/esm/views/ThemeDebug.native.mjs +0 -11
- package/dist/esm/views/ThemeDebug.native.mjs.map +0 -6
- package/dist/esm/views/ThemeProvider.mjs +0 -45
- package/dist/esm/views/ThemeProvider.mjs.map +0 -6
- package/types/helpers/accessibilityDirectMap.d.ts +0 -2
- package/types/helpers/accessibilityDirectMap.d.ts.map +0 -1
- package/types/helpers/memoizeArgumentsWeak.d.ts +0 -5
- package/types/helpers/memoizeArgumentsWeak.d.ts.map +0 -1
- package/types/helpers/memoizeFunctionByArgumentsReference.d.ts +0 -11
- package/types/helpers/memoizeFunctionByArgumentsReference.d.ts.map +0 -1
package/dist/esm/views/Text.mjs
DELETED
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
import { isWeb } from "@tamagui/constants";
|
|
2
|
-
import { stylePropsTextOnly, validStyles } from "@tamagui/helpers";
|
|
3
|
-
import { createComponent } from "../createComponent";
|
|
4
|
-
const ellipseStyle = {
|
|
5
|
-
maxWidth: "100%",
|
|
6
|
-
overflow: "hidden",
|
|
7
|
-
textOverflow: "ellipsis",
|
|
8
|
-
whiteSpace: "nowrap"
|
|
9
|
-
};
|
|
10
|
-
const Text = createComponent(
|
|
11
|
-
{
|
|
12
|
-
acceptsClassName: true,
|
|
13
|
-
isText: true,
|
|
14
|
-
defaultProps: {
|
|
15
|
-
// @ts-ignore
|
|
16
|
-
display: "flex",
|
|
17
|
-
fontFamily: "System",
|
|
18
|
-
...isWeb ? {
|
|
19
|
-
display: "inline",
|
|
20
|
-
boxSizing: "border-box",
|
|
21
|
-
wordWrap: "break-word",
|
|
22
|
-
margin: 0
|
|
23
|
-
} : {
|
|
24
|
-
suppressHighlighting: true
|
|
25
|
-
}
|
|
26
|
-
},
|
|
27
|
-
inlineWhenUnflattened: /* @__PURE__ */ new Set(["fontFamily"]),
|
|
28
|
-
variants: {
|
|
29
|
-
...isWeb && {
|
|
30
|
-
numberOfLines: {
|
|
31
|
-
1: ellipseStyle,
|
|
32
|
-
":number": (numberOfLines) => numberOfLines >= 1 ? {
|
|
33
|
-
WebkitLineClamp: numberOfLines,
|
|
34
|
-
WebkitBoxOrient: "vertical",
|
|
35
|
-
display: "-webkit-box",
|
|
36
|
-
overflow: "hidden"
|
|
37
|
-
} : null
|
|
38
|
-
}
|
|
39
|
-
},
|
|
40
|
-
// ??
|
|
41
|
-
ellipsizeMode: {
|
|
42
|
-
"...": () => null
|
|
43
|
-
},
|
|
44
|
-
selectable: {
|
|
45
|
-
true: {
|
|
46
|
-
userSelect: "text",
|
|
47
|
-
cursor: "text"
|
|
48
|
-
},
|
|
49
|
-
false: {
|
|
50
|
-
userSelect: "none",
|
|
51
|
-
cursor: "default"
|
|
52
|
-
}
|
|
53
|
-
},
|
|
54
|
-
ellipse: {
|
|
55
|
-
true: isWeb ? ellipseStyle : {
|
|
56
|
-
numberOfLines: 1,
|
|
57
|
-
lineBreakMode: "clip"
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
},
|
|
61
|
-
deoptProps: new Set(isWeb ? [] : ["ellipse"]),
|
|
62
|
-
validStyles: {
|
|
63
|
-
...validStyles,
|
|
64
|
-
...stylePropsTextOnly
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
);
|
|
68
|
-
export {
|
|
69
|
-
Text
|
|
70
|
-
};
|
|
71
|
-
//# sourceMappingURL=Text.mjs.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/views/Text.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,aAAa;AACtB,SAAS,oBAAoB,mBAAmB;AAEhD,SAAS,uBAAuB;AAGhC,MAAM,eAAe;AAAA,EACnB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,cAAc;AAAA,EACd,YAAY;AACd;AAEO,MAAM,OAAO;AAAA,EAClB;AAAA,IACE,kBAAkB;AAAA,IAClB,QAAQ;AAAA,IAER,cAAc;AAAA;AAAA,MAEZ,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,GAAI,QACA;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,UAAU;AAAA,QACV,QAAQ;AAAA,MACV,IACA;AAAA,QACE,sBAAsB;AAAA,MACxB;AAAA,IACN;AAAA,IAEA,uBAAuB,oBAAI,IAAI,CAAC,YAAY,CAAC;AAAA,IAE7C,UAAU;AAAA,MACR,GAAI,SAAS;AAAA,QACX,eAAe;AAAA,UACb,GAAG;AAAA,UAEH,WAAW,CAAC,kBACV,iBAAiB,IACb;AAAA,YACE,iBAAiB;AAAA,YACjB,iBAAiB;AAAA,YACjB,SAAS;AAAA,YACT,UAAU;AAAA,UACZ,IACA;AAAA,QACR;AAAA,MACF;AAAA;AAAA,MAGA,eAAe;AAAA,QACb,OAAO,MAAM;AAAA,MACf;AAAA,MAEA,YAAY;AAAA,QACV,MAAM;AAAA,UACJ,YAAY;AAAA,UACZ,QAAQ;AAAA,QACV;AAAA,QACA,OAAO;AAAA,UACL,YAAY;AAAA,UACZ,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,MAEA,SAAS;AAAA,QACP,MAAM,QACF,eACA;AAAA,UACE,eAAe;AAAA,UACf,eAAe;AAAA,QACjB;AAAA,MACN;AAAA,IACF;AAAA,IAEA,YAAY,IAAI,IAAI,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC;AAAA,IAE5C,aAAa;AAAA,MACX,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,EACF;AACF;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
package/dist/esm/views/Theme.mjs
DELETED
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { isWeb } from "@tamagui/constants";
|
|
3
|
-
import { Children, cloneElement, isValidElement, useMemo } from "react";
|
|
4
|
-
import { variableToString } from "../createVariable";
|
|
5
|
-
import { ThemeManagerContext } from "../helpers/ThemeManagerContext";
|
|
6
|
-
import { useServerRef } from "../hooks/useServerHooks";
|
|
7
|
-
import { useChangeThemeEffect } from "../hooks/useTheme";
|
|
8
|
-
import { ThemeDebug } from "./ThemeDebug";
|
|
9
|
-
function Theme(props) {
|
|
10
|
-
if (props.disable) {
|
|
11
|
-
return props.children;
|
|
12
|
-
}
|
|
13
|
-
const isRoot = !!props["_isRoot"];
|
|
14
|
-
const themeState = useChangeThemeEffect(props, isRoot);
|
|
15
|
-
let children = props["disable-child-theme"] ? Children.map(
|
|
16
|
-
props.children,
|
|
17
|
-
(child) => cloneElement(child, { ["data-disable-theme"]: true })
|
|
18
|
-
) : props.children;
|
|
19
|
-
if (process.env.NODE_ENV === "development") {
|
|
20
|
-
if (props.debug === "visualize") {
|
|
21
|
-
children = /* @__PURE__ */ jsx(ThemeDebug, { themeState, themeProps: props, children });
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
return useThemedChildren(themeState, children, props, isRoot);
|
|
25
|
-
}
|
|
26
|
-
function useThemedChildren(themeState, children, props, isRoot = false) {
|
|
27
|
-
const { themeManager, className, theme, isNewTheme } = themeState;
|
|
28
|
-
const { shallow, forceClassName } = props;
|
|
29
|
-
const hasEverThemed = useServerRef(false);
|
|
30
|
-
if (isNewTheme) {
|
|
31
|
-
hasEverThemed.current = true;
|
|
32
|
-
}
|
|
33
|
-
const shouldRenderChildrenWithTheme = isNewTheme || hasEverThemed.current || forceClassName || isRoot;
|
|
34
|
-
return useMemo(() => {
|
|
35
|
-
if (!shouldRenderChildrenWithTheme) {
|
|
36
|
-
return children;
|
|
37
|
-
}
|
|
38
|
-
let next = Children.toArray(children);
|
|
39
|
-
if (shallow && themeManager) {
|
|
40
|
-
next = next.map((child) => {
|
|
41
|
-
return isValidElement(child) ? cloneElement(
|
|
42
|
-
child,
|
|
43
|
-
void 0,
|
|
44
|
-
/* @__PURE__ */ jsx(Theme, { name: themeManager.state.parentName, children: child.props.children })
|
|
45
|
-
) : child;
|
|
46
|
-
});
|
|
47
|
-
}
|
|
48
|
-
const wrapped = /* @__PURE__ */ jsx(ThemeManagerContext.Provider, { value: themeManager, children: next });
|
|
49
|
-
if (forceClassName === false) {
|
|
50
|
-
return wrapped;
|
|
51
|
-
}
|
|
52
|
-
if (isWeb && !props.passPropsToChildren) {
|
|
53
|
-
const themeColor = theme && isNewTheme ? variableToString(theme.color) : "";
|
|
54
|
-
const colorStyle = themeColor ? {
|
|
55
|
-
color: themeColor
|
|
56
|
-
} : void 0;
|
|
57
|
-
return /* @__PURE__ */ jsx("span", { className: `${className || ""} _dsp_contents is_Theme`, style: colorStyle, children: wrapped });
|
|
58
|
-
}
|
|
59
|
-
return wrapped;
|
|
60
|
-
}, [
|
|
61
|
-
forceClassName,
|
|
62
|
-
props.passPropsToChildren,
|
|
63
|
-
shouldRenderChildrenWithTheme,
|
|
64
|
-
themeManager,
|
|
65
|
-
children,
|
|
66
|
-
theme,
|
|
67
|
-
isNewTheme,
|
|
68
|
-
className
|
|
69
|
-
]);
|
|
70
|
-
}
|
|
71
|
-
export {
|
|
72
|
-
Theme,
|
|
73
|
-
useThemedChildren
|
|
74
|
-
};
|
|
75
|
-
//# sourceMappingURL=Theme.mjs.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/views/Theme.tsx"],
|
|
4
|
-
"mappings": "AA4BQ;AA5BR,SAAS,aAAa;AACtB,SAAS,UAAU,cAAc,gBAAkC,eAAe;AAElF,SAAS,wBAAwB;AACjC,SAAS,2BAA2B;AACpC,SAAS,oBAAoB;AAC7B,SAA+B,4BAA4B;AAE3D,SAAS,kBAAkB;AAEpB,SAAS,MAAM,OAAmB;AAEvC,MAAI,MAAM,SAAS;AACjB,WAAO,MAAM;AAAA,EACf;AAEA,QAAM,SAAS,CAAC,CAAC,MAAM,SAAS;AAChC,QAAM,aAAa,qBAAqB,OAAO,MAAM;AAErD,MAAI,WAAW,MAAM,qBAAqB,IACtC,SAAS;AAAA,IAAI,MAAM;AAAA,IAAU,CAAC,UAC5B,aAAa,OAAO,EAAE,CAAC,oBAAoB,GAAG,KAAK,CAAC;AAAA,EACtD,IACA,MAAM;AAEV,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,MAAM,UAAU,aAAa;AAC/B,iBACE,oBAAC,cAAW,YAAwB,YAAY,OAC7C,UACH;AAAA,IAEJ;AAAA,EACF;AAEA,SAAO,kBAAkB,YAAY,UAAU,OAAO,MAAM;AAC9D;AAEO,SAAS,kBACd,YACA,UACA,OAMA,SAAS,OACT;AACA,QAAM,EAAE,cAAc,WAAW,OAAO,WAAW,IAAI;AACvD,QAAM,EAAE,SAAS,eAAe,IAAI;AACpC,QAAM,gBAAgB,aAAa,KAAK;AACxC,MAAI,YAAY;AACd,kBAAc,UAAU;AAAA,EAC1B;AAEA,QAAM,gCACJ,cAAc,cAAc,WAAW,kBAAkB;AAE3D,SAAO,QAAQ,MAAM;AACnB,QAAI,CAAC,+BAA+B;AAClC,aAAO;AAAA,IACT;AAGA,QAAI,OAAO,SAAS,QAAQ,QAAQ;AAGpC,QAAI,WAAW,cAAc;AAC3B,aAAO,KAAK,IAAI,CAAC,UAAU;AACzB,eAAO,eAAe,KAAK,IACvB;AAAA,UACE;AAAA,UACA;AAAA,UACA,oBAAC,SAAM,MAAM,aAAa,MAAM,YAC5B,gBAAc,MAAM,UACxB;AAAA,QACF,IACA;AAAA,MACN,CAAC;AAAA,IACH;AAEA,UAAM,UACJ,oBAAC,oBAAoB,UAApB,EAA6B,OAAO,cAClC,gBACH;AAGF,QAAI,mBAAmB,OAAO;AAC5B,aAAO;AAAA,IACT;AAEA,QAAI,SAAS,CAAC,MAAM,qBAAqB;AAEvC,YAAM,aAAa,SAAS,aAAa,iBAAiB,MAAM,KAAK,IAAI;AACzE,YAAM,aAAa,aACf;AAAA,QACE,OAAO;AAAA,MACT,IACA;AAEJ,aACE,oBAAC,UAAK,WAAW,GAAG,aAAa,6BAA6B,OAAO,YAClE,mBACH;AAAA,IAEJ;AAEA,WAAO;AAAA,EACT,GAAG;AAAA,IACD;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACH;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
|
@@ -1,96 +0,0 @@
|
|
|
1
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useForceUpdate } from "@tamagui/use-force-update";
|
|
3
|
-
import { useEffect, useId, useState } from "react";
|
|
4
|
-
import { createPortal } from "react-dom";
|
|
5
|
-
let node;
|
|
6
|
-
function ThemeDebug({
|
|
7
|
-
themeState,
|
|
8
|
-
themeProps,
|
|
9
|
-
children
|
|
10
|
-
}) {
|
|
11
|
-
var _a, _b, _c, _d, _e, _f;
|
|
12
|
-
if (themeProps["disable-child-theme"]) {
|
|
13
|
-
return children;
|
|
14
|
-
}
|
|
15
|
-
if (process.env.NODE_ENV === "development") {
|
|
16
|
-
const [onChangeCount, setOnChangeCount] = useState(0);
|
|
17
|
-
const rerender = useForceUpdate();
|
|
18
|
-
const id = useId();
|
|
19
|
-
if (process.env.NODE_ENV === "development" && typeof document !== "undefined") {
|
|
20
|
-
if (!node) {
|
|
21
|
-
node = document.createElement("div");
|
|
22
|
-
node.style.height = "200px";
|
|
23
|
-
node.style.overflowY = "scroll";
|
|
24
|
-
node.style.position = "fixed";
|
|
25
|
-
node.style.zIndex = 1e7;
|
|
26
|
-
node.style.top = "30px";
|
|
27
|
-
node.style.left = "30px";
|
|
28
|
-
node.style.right = "30px";
|
|
29
|
-
node.style.display = "flex";
|
|
30
|
-
node.style.border = "1px solid #888";
|
|
31
|
-
node.style.flexDirection = "row";
|
|
32
|
-
node.style.background = "var(--background)";
|
|
33
|
-
document.body.appendChild(node);
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
useEffect(() => {
|
|
37
|
-
var _a2, _b2;
|
|
38
|
-
(_b2 = (_a2 = themeState.themeManager) == null ? void 0 : _a2.parentManager) == null ? void 0 : _b2.onChangeTheme((name, manager) => {
|
|
39
|
-
var _a3, _b3, _c2;
|
|
40
|
-
setOnChangeCount((p) => ++p);
|
|
41
|
-
console.warn(
|
|
42
|
-
`theme changed for ${(_a3 = themeState.themeManager) == null ? void 0 : _a3.id} from parent ${(_c2 = (_b3 = themeState.themeManager) == null ? void 0 : _b3.parentManager) == null ? void 0 : _c2.id}`,
|
|
43
|
-
name
|
|
44
|
-
);
|
|
45
|
-
});
|
|
46
|
-
}, [themeState.themeManager]);
|
|
47
|
-
useEffect(() => {
|
|
48
|
-
const tm = setInterval(rerender, 1e3);
|
|
49
|
-
return () => clearTimeout(tm);
|
|
50
|
-
}, []);
|
|
51
|
-
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
52
|
-
createPortal(
|
|
53
|
-
/* @__PURE__ */ jsxs(
|
|
54
|
-
"code",
|
|
55
|
-
{
|
|
56
|
-
style: {
|
|
57
|
-
whiteSpace: "pre"
|
|
58
|
-
},
|
|
59
|
-
children: [
|
|
60
|
-
"<Theme ",
|
|
61
|
-
id,
|
|
62
|
-
" />\xA0",
|
|
63
|
-
JSON.stringify(
|
|
64
|
-
{
|
|
65
|
-
name: themeState.name,
|
|
66
|
-
className: themeState.className,
|
|
67
|
-
inverse: themeProps.inverse,
|
|
68
|
-
forceClassName: themeProps.forceClassName,
|
|
69
|
-
parent: (_a = themeState.themeManager) == null ? void 0 : _a.state.parentName,
|
|
70
|
-
id: (_b = themeState.themeManager) == null ? void 0 : _b.id,
|
|
71
|
-
parentId: (_d = (_c = themeState.themeManager) == null ? void 0 : _c.parentManager) == null ? void 0 : _d.id,
|
|
72
|
-
isNew: themeState.isNewTheme,
|
|
73
|
-
onChangeCount,
|
|
74
|
-
listening: [...((_e = themeState.themeManager) == null ? void 0 : _e["_listeningIds"]) || []].join(
|
|
75
|
-
","
|
|
76
|
-
),
|
|
77
|
-
_numChangeEventsSent: (_f = themeState.themeManager) == null ? void 0 : _f["_numChangeEventsSent"]
|
|
78
|
-
},
|
|
79
|
-
null,
|
|
80
|
-
2
|
|
81
|
-
)
|
|
82
|
-
]
|
|
83
|
-
}
|
|
84
|
-
),
|
|
85
|
-
node
|
|
86
|
-
),
|
|
87
|
-
/* @__PURE__ */ jsx("div", { style: { color: "red" }, children: id }),
|
|
88
|
-
children
|
|
89
|
-
] });
|
|
90
|
-
}
|
|
91
|
-
return children;
|
|
92
|
-
}
|
|
93
|
-
export {
|
|
94
|
-
ThemeDebug
|
|
95
|
-
};
|
|
96
|
-
//# sourceMappingURL=ThemeDebug.mjs.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/views/ThemeDebug.tsx"],
|
|
4
|
-
"mappings": "AA+DM,mBA+BE,KA7BE,YAFJ;AA/DN,SAAS,sBAAsB;AAC/B,SAAS,WAAW,OAAO,gBAAgB;AAC3C,SAAS,oBAAoB;AAK7B,IAAI;AAEG,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AAjBH;AAmBE,MAAI,WAAW,qBAAqB,GAAG;AACrC,WAAO;AAAA,EACT;AAEA,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,UAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,CAAC;AACpD,UAAM,WAAW,eAAe;AAChC,UAAM,KAAK,MAAM;AAEjB,QAAI,QAAQ,IAAI,aAAa,iBAAiB,OAAO,aAAa,aAAa;AAC7E,UAAI,CAAC,MAAM;AACT,eAAO,SAAS,cAAc,KAAK;AACnC,aAAK,MAAM,SAAS;AACpB,aAAK,MAAM,YAAY;AACvB,aAAK,MAAM,WAAW;AACtB,aAAK,MAAM,SAAS;AACpB,aAAK,MAAM,MAAM;AACjB,aAAK,MAAM,OAAO;AAClB,aAAK,MAAM,QAAQ;AACnB,aAAK,MAAM,UAAU;AACrB,aAAK,MAAM,SAAS;AACpB,aAAK,MAAM,gBAAgB;AAC3B,aAAK,MAAM,aAAa;AACxB,iBAAS,KAAK,YAAY,IAAI;AAAA,MAChC;AAAA,IACF;AAEA,cAAU,MAAM;AA9CpB,UAAAA,KAAAC;AA+CM,OAAAA,OAAAD,MAAA,WAAW,iBAAX,gBAAAA,IAAyB,kBAAzB,gBAAAC,IAAwC,cAAc,CAAC,MAAM,YAAY;AA/C/E,YAAAD,KAAAC,KAAAC;AAgDQ,yBAAiB,CAAC,MAAM,EAAE,CAAC;AAC3B,gBAAQ;AAAA,UACN,sBAAqBF,MAAA,WAAW,iBAAX,gBAAAA,IAAyB,mBAAkBE,OAAAD,MAAA,WAAW,iBAAX,gBAAAA,IAAyB,kBAAzB,gBAAAC,IAAwC;AAAA,UACxG;AAAA,QACF;AAAA,MACF;AAAA,IACF,GAAG,CAAC,WAAW,YAAY,CAAC;AAE5B,cAAU,MAAM;AAEd,YAAM,KAAK,YAAY,UAAU,GAAI;AACrC,aAAO,MAAM,aAAa,EAAE;AAAA,IAC9B,GAAG,CAAC,CAAC;AAEL,WACE,iCACG;AAAA;AAAA,QACC;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,YAAY;AAAA,YACd;AAAA,YACD;AAAA;AAAA,cACY;AAAA,cAAG;AAAA,cACb,KAAK;AAAA,gBACJ;AAAA,kBACE,MAAM,WAAW;AAAA,kBACjB,WAAW,WAAW;AAAA,kBACtB,SAAS,WAAW;AAAA,kBACpB,gBAAgB,WAAW;AAAA,kBAC3B,SAAQ,gBAAW,iBAAX,mBAAyB,MAAM;AAAA,kBACvC,KAAI,gBAAW,iBAAX,mBAAyB;AAAA,kBAC7B,WAAU,sBAAW,iBAAX,mBAAyB,kBAAzB,mBAAwC;AAAA,kBAClD,OAAO,WAAW;AAAA,kBAClB;AAAA,kBACA,WAAW,CAAC,KAAI,gBAAW,iBAAX,mBAA0B,qBAAoB,CAAC,CAAE,EAAE;AAAA,oBACjE;AAAA,kBACF;AAAA,kBACA,uBAAsB,gBAAW,iBAAX,mBAA0B;AAAA,gBAClD;AAAA,gBACA;AAAA,gBACA;AAAA,cACF;AAAA;AAAA;AAAA,QACF;AAAA,QACA;AAAA,MACF;AAAA,MAEA,oBAAC,SAAI,OAAO,EAAE,OAAO,MAAM,GAAI,cAAG;AAAA,MAEjC;AAAA,OACH;AAAA,EAEJ;AACA,SAAO;AACT;",
|
|
5
|
-
"names": ["_a", "_b", "_c"]
|
|
6
|
-
}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { isClient } from "@tamagui/constants";
|
|
3
|
-
import { createContext, useLayoutEffect, useMemo } from "react";
|
|
4
|
-
import { THEME_CLASSNAME_PREFIX } from "../constants/constants";
|
|
5
|
-
import { Theme } from "./Theme";
|
|
6
|
-
const ThemeProviderRootContext = createContext(null);
|
|
7
|
-
const ThemeProvider = (props) => {
|
|
8
|
-
if (isClient) {
|
|
9
|
-
useLayoutEffect(() => {
|
|
10
|
-
if (props.disableRootThemeClass)
|
|
11
|
-
return;
|
|
12
|
-
const cn = `${THEME_CLASSNAME_PREFIX}${props.defaultTheme}`;
|
|
13
|
-
const target = props.themeClassNameOnRoot ? document.documentElement : document.body;
|
|
14
|
-
target.classList.add(cn);
|
|
15
|
-
return () => {
|
|
16
|
-
target.classList.remove(cn);
|
|
17
|
-
};
|
|
18
|
-
}, [props.defaultTheme, props.disableRootThemeClass, props.themeClassNameOnRoot]);
|
|
19
|
-
}
|
|
20
|
-
return /* @__PURE__ */ jsx(
|
|
21
|
-
ThemeProviderRootContext.Provider,
|
|
22
|
-
{
|
|
23
|
-
value: useMemo(() => {
|
|
24
|
-
return {
|
|
25
|
-
defaultTheme: props.defaultTheme
|
|
26
|
-
};
|
|
27
|
-
}, []),
|
|
28
|
-
children: /* @__PURE__ */ jsx(
|
|
29
|
-
Theme,
|
|
30
|
-
{
|
|
31
|
-
className: props.className,
|
|
32
|
-
name: props.defaultTheme,
|
|
33
|
-
forceClassName: props.disableRootThemeClass ? false : void 0,
|
|
34
|
-
_isRoot: true,
|
|
35
|
-
children: props.children
|
|
36
|
-
}
|
|
37
|
-
)
|
|
38
|
-
}
|
|
39
|
-
);
|
|
40
|
-
};
|
|
41
|
-
export {
|
|
42
|
-
ThemeProvider,
|
|
43
|
-
ThemeProviderRootContext
|
|
44
|
-
};
|
|
45
|
-
//# sourceMappingURL=ThemeProvider.mjs.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/views/ThemeProvider.tsx"],
|
|
4
|
-
"mappings": "AA2CM;AA3CN,SAAS,gBAAgB;AACzB,SAAS,eAAe,iBAAiB,eAAe;AAExD,SAAS,8BAA8B;AACvC,SAAS,aAAa;AAWf,MAAM,2BAA2B,cAG9B,IAAI;AAEP,MAAM,gBAAgB,CAAC,UAA8B;AAE1D,MAAI,UAAU;AACZ,oBAAgB,MAAM;AACpB,UAAI,MAAM;AAAuB;AACjC,YAAM,KAAK,GAAG,yBAAyB,MAAM;AAC7C,YAAM,SAAS,MAAM,uBAAuB,SAAS,kBAAkB,SAAS;AAChF,aAAO,UAAU,IAAI,EAAE;AACvB,aAAO,MAAM;AACX,eAAO,UAAU,OAAO,EAAE;AAAA,MAC5B;AAAA,IACF,GAAG,CAAC,MAAM,cAAc,MAAM,uBAAuB,MAAM,oBAAoB,CAAC;AAAA,EAClF;AAEA,SACE;AAAA,IAAC,yBAAyB;AAAA,IAAzB;AAAA,MACC,OAAO,QAAQ,MAAM;AACnB,eAAO;AAAA,UACL,cAAc,MAAM;AAAA,QACtB;AAAA,MAEF,GAAG,CAAC,CAAC;AAAA,MAEL;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,MAAM;AAAA,UACjB,MAAM,MAAM;AAAA,UACZ,gBAAgB,MAAM,wBAAwB,QAAQ;AAAA,UAEtD,SAAO;AAAA,UAEN,gBAAM;AAAA;AAAA,MACT;AAAA;AAAA,EACF;AAEJ;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"accessibilityDirectMap.d.ts","sourceRoot":"","sources":["../../src/helpers/accessibilityDirectMap.tsx"],"names":[],"mappings":"AACA,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAM,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"memoizeArgumentsWeak.d.ts","sourceRoot":"","sources":["../../src/helpers/memoizeArgumentsWeak.ts"],"names":[],"mappings":"AAAA;;GAEG;AAqBH,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,QAAQ,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,CAcpE"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Unused for now but useful function and could replace various caches we use with some testing
|
|
3
|
-
*/
|
|
4
|
-
declare function isObject(arg: any): boolean;
|
|
5
|
-
declare class FunctionArgumentCache {
|
|
6
|
-
map: Map<any, any>;
|
|
7
|
-
weakmap: WeakMap<object, any>;
|
|
8
|
-
get(args: any[]): any;
|
|
9
|
-
}
|
|
10
|
-
declare function memoizeArgumentsWeak<Fn extends Function>(fn: Fn): Fn;
|
|
11
|
-
//# sourceMappingURL=memoizeFunctionByArgumentsReference.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"memoizeFunctionByArgumentsReference.d.ts","sourceRoot":"","sources":["../../src/helpers/memoizeFunctionByArgumentsReference.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,iBAAS,QAAQ,CAAC,GAAG,KAAA,WAGpB;AAED,cAAM,qBAAqB;IACzB,GAAG,gBAAY;IACf,OAAO,uBAAgB;IAEvB,GAAG,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,GAAG;CAQtB;AAED,iBAAS,oBAAoB,CAAC,EAAE,SAAS,QAAQ,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,CAc7D"}
|