@tamagui/web 1.116.0 → 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.
- package/dist/cjs/Tamagui.js +63 -0
- package/dist/cjs/_withStableStyle.js +33 -0
- package/dist/cjs/config.js +97 -0
- package/dist/cjs/constants/accessibilityDirectMap.js +70 -0
- package/dist/cjs/constants/constants.js +36 -0
- package/dist/cjs/constants/isDevTools.js +28 -0
- package/dist/cjs/constants/webToNativeProps.js +22 -0
- package/dist/cjs/contexts/ComponentContext.js +32 -0
- package/dist/cjs/createComponent.js +670 -0
- package/dist/cjs/createFont.js +53 -0
- package/dist/cjs/createShorthands.js +23 -0
- package/dist/cjs/createTamagui.js +189 -0
- package/dist/cjs/createTheme.js +21 -0
- package/dist/cjs/createTokens.js +24 -0
- package/dist/cjs/createVariable.js +82 -0
- package/dist/cjs/createVariables.js +47 -0
- package/dist/cjs/defaultComponentState.js +33 -0
- package/dist/cjs/helpers/ThemeManager.js +166 -0
- package/dist/cjs/helpers/ThemeManagerContext.js +30 -0
- package/dist/cjs/helpers/createMediaStyle.js +74 -0
- package/dist/cjs/helpers/createShallowSetState.js +44 -0
- package/dist/cjs/helpers/createStyledContext.js +53 -0
- package/dist/cjs/helpers/defaultOffset.js +21 -0
- package/dist/cjs/helpers/expandStyle.js +73 -0
- package/dist/cjs/helpers/expandStyles.js +34 -0
- package/dist/cjs/helpers/getExpandedShorthands.js +29 -0
- package/dist/cjs/helpers/getFontLanguage.js +21 -0
- package/dist/cjs/helpers/getGroupPropParts.js +27 -0
- package/dist/cjs/helpers/getSplitStyles.js +685 -0
- package/dist/cjs/helpers/getStylesAtomic.js +152 -0
- package/dist/cjs/helpers/getThemeCSSRules.js +89 -0
- package/dist/cjs/helpers/getVariantExtras.js +58 -0
- package/dist/cjs/helpers/insertStyleRule.js +231 -0
- package/dist/cjs/helpers/isActivePlatform.js +31 -0
- package/dist/cjs/helpers/isActiveTheme.js +24 -0
- package/dist/cjs/helpers/isObj.js +21 -0
- package/dist/cjs/helpers/isTamaguiComponent.js +24 -0
- package/dist/cjs/helpers/isTamaguiElement.js +30 -0
- package/dist/cjs/helpers/log.js +31 -0
- package/dist/cjs/helpers/matchMedia.js +34 -0
- package/dist/cjs/helpers/matchMedia.native.js +2 -2
- package/dist/cjs/helpers/matchMedia.native.js.map +2 -2
- package/dist/cjs/helpers/mergeProps.js +41 -0
- package/dist/cjs/helpers/mergeVariants.js +38 -0
- package/dist/cjs/helpers/normalizeColor.js +43 -0
- package/dist/cjs/helpers/normalizeShadow.js +38 -0
- package/dist/cjs/helpers/normalizeStyle.js +36 -0
- package/dist/cjs/helpers/normalizeStylePropKeys.js +21 -0
- package/dist/cjs/helpers/normalizeValueWithProperty.js +54 -0
- package/dist/cjs/helpers/objectIdentityKey.js +38 -0
- package/dist/cjs/helpers/propMapper.js +238 -0
- package/dist/cjs/helpers/proxyThemeToParents.js +52 -0
- package/dist/cjs/helpers/proxyThemeVariables.js +31 -0
- package/dist/cjs/helpers/pseudoDescriptors.js +65 -0
- package/dist/cjs/helpers/registerCSSVariable.js +29 -0
- package/dist/cjs/helpers/setElementProps.js +24 -0
- package/dist/cjs/helpers/skipProps.js +68 -0
- package/dist/cjs/helpers/sortString.js +21 -0
- package/dist/cjs/helpers/subscribeToContextGroup.js +53 -0
- package/dist/cjs/helpers/themeable.js +55 -0
- package/dist/cjs/helpers/themes.js +33 -0
- package/dist/cjs/helpers/timer.js +27 -0
- package/dist/cjs/helpers/transformsToString.js +32 -0
- package/dist/cjs/helpers/webPropsToSkip.js +21 -0
- package/dist/cjs/helpers/wrapStyleTags.js +39 -0
- package/dist/cjs/hooks/useComponentState.js +115 -0
- package/dist/cjs/hooks/useConfiguration.js +37 -0
- package/dist/cjs/hooks/useDisableSSR.js +24 -0
- package/dist/cjs/hooks/useIsTouchDevice.js +22 -0
- package/dist/cjs/hooks/useMedia.cjs +1 -1
- package/dist/cjs/hooks/useMedia.js +207 -0
- package/dist/cjs/hooks/useMedia.js.map +6 -0
- package/dist/cjs/hooks/useMedia.native.js +1 -1
- package/dist/cjs/hooks/useMedia.native.js.map +2 -2
- package/dist/cjs/hooks/useProps.js +95 -0
- package/dist/cjs/hooks/useTheme.js +263 -0
- package/dist/cjs/hooks/useThemeName.js +39 -0
- package/dist/cjs/index.js +100 -0
- package/dist/cjs/inject-styles.js +28 -0
- package/dist/cjs/insertFont.js +65 -0
- package/dist/cjs/interfaces/CSSColorNames.js +14 -0
- package/dist/cjs/interfaces/GetRef.js +14 -0
- package/dist/cjs/interfaces/KeyTypes.js +14 -0
- package/dist/cjs/interfaces/RNExclusiveTypes.js +14 -0
- package/dist/cjs/interfaces/Role.js +14 -0
- package/dist/cjs/interfaces/TamaguiComponentEvents.js +14 -0
- package/dist/cjs/interfaces/TamaguiComponentPropsBaseBase.js +14 -0
- package/dist/cjs/interfaces/TamaguiComponentState.js +14 -0
- package/dist/cjs/interfaces/WebOnlyPressEvents.js +14 -0
- package/dist/cjs/setupHooks.js +25 -0
- package/dist/cjs/setupReactNative.js +46 -0
- package/dist/cjs/styled.js +74 -0
- package/dist/cjs/type-utils.js +14 -0
- package/dist/cjs/types.js +16 -0
- package/dist/cjs/views/Configuration.js +34 -0
- package/dist/cjs/views/FontLanguage.js +32 -0
- package/dist/cjs/views/FontLanguage.types.js +14 -0
- package/dist/cjs/views/Slot.js +59 -0
- package/dist/cjs/views/Stack.js +27 -0
- package/dist/cjs/views/TamaguiProvider.js +76 -0
- package/dist/cjs/views/Text.js +77 -0
- package/dist/cjs/views/Theme.js +103 -0
- package/dist/cjs/views/ThemeDebug.js +94 -0
- package/dist/cjs/views/ThemeProvider.js +45 -0
- package/dist/cjs/views/View.js +26 -0
- package/dist/esm/helpers/matchMedia.native.js +2 -2
- package/dist/esm/helpers/matchMedia.native.js.map +2 -2
- package/dist/esm/hooks/useMedia.js +1 -1
- package/dist/esm/hooks/useMedia.js.map +1 -1
- package/dist/esm/hooks/useMedia.mjs +1 -1
- package/dist/esm/hooks/useMedia.mjs.map +1 -1
- package/dist/esm/hooks/useMedia.native.js +1 -1
- package/dist/esm/hooks/useMedia.native.js.map +2 -2
- package/package.json +11 -11
- package/src/helpers/matchMedia.native.ts +12 -1
- package/src/hooks/useMedia.tsx +1 -0
- package/types/helpers/matchMedia.native.d.ts.map +1 -1
- package/types/hooks/useMedia.d.ts.map +1 -1
- package/dist/cjs/constants/accessibilityDirectMap.native.cjs +0 -34
- package/dist/cjs/constants/accessibilityDirectMap.native.cjs.map +0 -6
- package/dist/cjs/constants/webToNativeProps.native.cjs +0 -102
- package/dist/cjs/constants/webToNativeProps.native.cjs.map +0 -6
- package/dist/cjs/helpers/getStylesAtomic.native.cjs +0 -33
- package/dist/cjs/helpers/getStylesAtomic.native.cjs.map +0 -6
- package/dist/cjs/helpers/getThemeCSSRules.native.cjs +0 -28
- package/dist/cjs/helpers/getThemeCSSRules.native.cjs.map +0 -6
- package/dist/cjs/helpers/matchMedia.native.cjs +0 -39
- package/dist/cjs/helpers/matchMedia.native.cjs.map +0 -6
- package/dist/cjs/helpers/normalizeStylePropKeys.native.cjs +0 -37
- package/dist/cjs/helpers/normalizeStylePropKeys.native.cjs.map +0 -6
- package/dist/cjs/helpers/setElementProps.native.cjs +0 -30
- package/dist/cjs/helpers/setElementProps.native.cjs.map +0 -6
- package/dist/cjs/helpers/webPropsToSkip.native.cjs +0 -79
- package/dist/cjs/helpers/webPropsToSkip.native.cjs.map +0 -6
- package/dist/cjs/hooks/useMedia.cjs.map +0 -6
- package/dist/cjs/views/FontLanguage.native.cjs +0 -50
- package/dist/cjs/views/FontLanguage.native.cjs.map +0 -6
- package/dist/cjs/views/ThemeDebug.native.cjs +0 -33
- package/dist/cjs/views/ThemeDebug.native.cjs.map +0 -6
- /package/dist/cjs/{Tamagui.cjs.map → Tamagui.js.map} +0 -0
- /package/dist/cjs/{_withStableStyle.cjs.map → _withStableStyle.js.map} +0 -0
- /package/dist/cjs/{config.cjs.map → config.js.map} +0 -0
- /package/dist/cjs/constants/{accessibilityDirectMap.cjs.map → accessibilityDirectMap.js.map} +0 -0
- /package/dist/cjs/constants/{constants.cjs.map → constants.js.map} +0 -0
- /package/dist/cjs/constants/{isDevTools.cjs.map → isDevTools.js.map} +0 -0
- /package/dist/cjs/constants/{webToNativeProps.cjs.map → webToNativeProps.js.map} +0 -0
- /package/dist/cjs/contexts/{ComponentContext.cjs.map → ComponentContext.js.map} +0 -0
- /package/dist/cjs/{createComponent.cjs.map → createComponent.js.map} +0 -0
- /package/dist/cjs/{createFont.cjs.map → createFont.js.map} +0 -0
- /package/dist/cjs/{createShorthands.cjs.map → createShorthands.js.map} +0 -0
- /package/dist/cjs/{createTamagui.cjs.map → createTamagui.js.map} +0 -0
- /package/dist/cjs/{createTheme.cjs.map → createTheme.js.map} +0 -0
- /package/dist/cjs/{createTokens.cjs.map → createTokens.js.map} +0 -0
- /package/dist/cjs/{createVariable.cjs.map → createVariable.js.map} +0 -0
- /package/dist/cjs/{createVariables.cjs.map → createVariables.js.map} +0 -0
- /package/dist/cjs/{defaultComponentState.cjs.map → defaultComponentState.js.map} +0 -0
- /package/dist/cjs/helpers/{ThemeManager.cjs.map → ThemeManager.js.map} +0 -0
- /package/dist/cjs/helpers/{ThemeManagerContext.cjs.map → ThemeManagerContext.js.map} +0 -0
- /package/dist/cjs/helpers/{createMediaStyle.cjs.map → createMediaStyle.js.map} +0 -0
- /package/dist/cjs/helpers/{createShallowSetState.cjs.map → createShallowSetState.js.map} +0 -0
- /package/dist/cjs/helpers/{createStyledContext.cjs.map → createStyledContext.js.map} +0 -0
- /package/dist/cjs/helpers/{defaultOffset.cjs.map → defaultOffset.js.map} +0 -0
- /package/dist/cjs/helpers/{expandStyle.cjs.map → expandStyle.js.map} +0 -0
- /package/dist/cjs/helpers/{expandStyles.cjs.map → expandStyles.js.map} +0 -0
- /package/dist/cjs/helpers/{getExpandedShorthands.cjs.map → getExpandedShorthands.js.map} +0 -0
- /package/dist/cjs/helpers/{getFontLanguage.cjs.map → getFontLanguage.js.map} +0 -0
- /package/dist/cjs/helpers/{getGroupPropParts.cjs.map → getGroupPropParts.js.map} +0 -0
- /package/dist/cjs/helpers/{getSplitStyles.cjs.map → getSplitStyles.js.map} +0 -0
- /package/dist/cjs/helpers/{getStylesAtomic.cjs.map → getStylesAtomic.js.map} +0 -0
- /package/dist/cjs/helpers/{getThemeCSSRules.cjs.map → getThemeCSSRules.js.map} +0 -0
- /package/dist/cjs/helpers/{getVariantExtras.cjs.map → getVariantExtras.js.map} +0 -0
- /package/dist/cjs/helpers/{insertStyleRule.cjs.map → insertStyleRule.js.map} +0 -0
- /package/dist/cjs/helpers/{isActivePlatform.cjs.map → isActivePlatform.js.map} +0 -0
- /package/dist/cjs/helpers/{isActiveTheme.cjs.map → isActiveTheme.js.map} +0 -0
- /package/dist/cjs/helpers/{isObj.cjs.map → isObj.js.map} +0 -0
- /package/dist/cjs/helpers/{isTamaguiComponent.cjs.map → isTamaguiComponent.js.map} +0 -0
- /package/dist/cjs/helpers/{isTamaguiElement.cjs.map → isTamaguiElement.js.map} +0 -0
- /package/dist/cjs/helpers/{log.cjs.map → log.js.map} +0 -0
- /package/dist/cjs/helpers/{matchMedia.cjs.map → matchMedia.js.map} +0 -0
- /package/dist/cjs/helpers/{mergeProps.cjs.map → mergeProps.js.map} +0 -0
- /package/dist/cjs/helpers/{mergeVariants.cjs.map → mergeVariants.js.map} +0 -0
- /package/dist/cjs/helpers/{normalizeColor.cjs.map → normalizeColor.js.map} +0 -0
- /package/dist/cjs/helpers/{normalizeShadow.cjs.map → normalizeShadow.js.map} +0 -0
- /package/dist/cjs/helpers/{normalizeStyle.cjs.map → normalizeStyle.js.map} +0 -0
- /package/dist/cjs/helpers/{normalizeStylePropKeys.cjs.map → normalizeStylePropKeys.js.map} +0 -0
- /package/dist/cjs/helpers/{normalizeValueWithProperty.cjs.map → normalizeValueWithProperty.js.map} +0 -0
- /package/dist/cjs/helpers/{objectIdentityKey.cjs.map → objectIdentityKey.js.map} +0 -0
- /package/dist/cjs/helpers/{propMapper.cjs.map → propMapper.js.map} +0 -0
- /package/dist/cjs/helpers/{proxyThemeToParents.cjs.map → proxyThemeToParents.js.map} +0 -0
- /package/dist/cjs/helpers/{proxyThemeVariables.cjs.map → proxyThemeVariables.js.map} +0 -0
- /package/dist/cjs/helpers/{pseudoDescriptors.cjs.map → pseudoDescriptors.js.map} +0 -0
- /package/dist/cjs/helpers/{registerCSSVariable.cjs.map → registerCSSVariable.js.map} +0 -0
- /package/dist/cjs/helpers/{setElementProps.cjs.map → setElementProps.js.map} +0 -0
- /package/dist/cjs/helpers/{skipProps.cjs.map → skipProps.js.map} +0 -0
- /package/dist/cjs/helpers/{sortString.cjs.map → sortString.js.map} +0 -0
- /package/dist/cjs/helpers/{subscribeToContextGroup.cjs.map → subscribeToContextGroup.js.map} +0 -0
- /package/dist/cjs/helpers/{themeable.cjs.map → themeable.js.map} +0 -0
- /package/dist/cjs/helpers/{themes.cjs.map → themes.js.map} +0 -0
- /package/dist/cjs/helpers/{timer.cjs.map → timer.js.map} +0 -0
- /package/dist/cjs/helpers/{transformsToString.cjs.map → transformsToString.js.map} +0 -0
- /package/dist/cjs/helpers/{webPropsToSkip.cjs.map → webPropsToSkip.js.map} +0 -0
- /package/dist/cjs/helpers/{wrapStyleTags.cjs.map → wrapStyleTags.js.map} +0 -0
- /package/dist/cjs/hooks/{useComponentState.cjs.map → useComponentState.js.map} +0 -0
- /package/dist/cjs/hooks/{useConfiguration.cjs.map → useConfiguration.js.map} +0 -0
- /package/dist/cjs/hooks/{useDisableSSR.cjs.map → useDisableSSR.js.map} +0 -0
- /package/dist/cjs/hooks/{useIsTouchDevice.cjs.map → useIsTouchDevice.js.map} +0 -0
- /package/dist/cjs/hooks/{useProps.cjs.map → useProps.js.map} +0 -0
- /package/dist/cjs/hooks/{useTheme.cjs.map → useTheme.js.map} +0 -0
- /package/dist/cjs/hooks/{useThemeName.cjs.map → useThemeName.js.map} +0 -0
- /package/dist/cjs/{index.cjs.map → index.js.map} +0 -0
- /package/dist/cjs/{inject-styles.cjs.map → inject-styles.js.map} +0 -0
- /package/dist/cjs/{insertFont.cjs.map → insertFont.js.map} +0 -0
- /package/dist/cjs/interfaces/{CSSColorNames.cjs.map → CSSColorNames.js.map} +0 -0
- /package/dist/cjs/interfaces/{GetRef.cjs.map → GetRef.js.map} +0 -0
- /package/dist/cjs/interfaces/{KeyTypes.cjs.map → KeyTypes.js.map} +0 -0
- /package/dist/cjs/interfaces/{RNExclusiveTypes.cjs.map → RNExclusiveTypes.js.map} +0 -0
- /package/dist/cjs/interfaces/{Role.cjs.map → Role.js.map} +0 -0
- /package/dist/cjs/interfaces/{TamaguiComponentEvents.cjs.map → TamaguiComponentEvents.js.map} +0 -0
- /package/dist/cjs/interfaces/{TamaguiComponentPropsBaseBase.cjs.map → TamaguiComponentPropsBaseBase.js.map} +0 -0
- /package/dist/cjs/interfaces/{TamaguiComponentState.cjs.map → TamaguiComponentState.js.map} +0 -0
- /package/dist/cjs/interfaces/{WebOnlyPressEvents.cjs.map → WebOnlyPressEvents.js.map} +0 -0
- /package/dist/cjs/{setupHooks.cjs.map → setupHooks.js.map} +0 -0
- /package/dist/cjs/{setupReactNative.cjs.map → setupReactNative.js.map} +0 -0
- /package/dist/cjs/{styled.cjs.map → styled.js.map} +0 -0
- /package/dist/cjs/{type-utils.cjs.map → type-utils.js.map} +0 -0
- /package/dist/cjs/{types.cjs.map → types.js.map} +0 -0
- /package/dist/cjs/views/{Configuration.cjs.map → Configuration.js.map} +0 -0
- /package/dist/cjs/views/{FontLanguage.cjs.map → FontLanguage.js.map} +0 -0
- /package/dist/cjs/views/{FontLanguage.types.cjs.map → FontLanguage.types.js.map} +0 -0
- /package/dist/cjs/views/{Slot.cjs.map → Slot.js.map} +0 -0
- /package/dist/cjs/views/{Stack.cjs.map → Stack.js.map} +0 -0
- /package/dist/cjs/views/{TamaguiProvider.cjs.map → TamaguiProvider.js.map} +0 -0
- /package/dist/cjs/views/{Text.cjs.map → Text.js.map} +0 -0
- /package/dist/cjs/views/{Theme.cjs.map → Theme.js.map} +0 -0
- /package/dist/cjs/views/{ThemeDebug.cjs.map → ThemeDebug.js.map} +0 -0
- /package/dist/cjs/views/{ThemeProvider.cjs.map → ThemeProvider.js.map} +0 -0
- /package/dist/cjs/views/{View.cjs.map → View.js.map} +0 -0
|
@@ -0,0 +1,115 @@
|
|
|
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 useComponentState_exports = {};
|
|
16
|
+
__export(useComponentState_exports, {
|
|
17
|
+
useComponentState: () => useComponentState
|
|
18
|
+
});
|
|
19
|
+
module.exports = __toCommonJS(useComponentState_exports);
|
|
20
|
+
var import_constants = require("@tamagui/constants"), import_react = require("react"), import_defaultComponentState = require("../defaultComponentState"), import_createShallowSetState = require("../helpers/createShallowSetState"), import_isObj = require("../helpers/isObj"), import_log = require("../helpers/log");
|
|
21
|
+
const useComponentState = (props, { animationDriver, groups }, staticConfig, config) => {
|
|
22
|
+
const useAnimations = animationDriver?.useAnimations, stateRef = (0, import_react.useRef)(
|
|
23
|
+
void 0
|
|
24
|
+
);
|
|
25
|
+
stateRef.current || (stateRef.current = {});
|
|
26
|
+
const hasAnimationProp = !!("animation" in props || props.style && hasAnimatedStyleValue(props.style)), supportsCSSVars = animationDriver?.supportsCSSVars, curStateRef = stateRef.current, willBeAnimatedClient = !!(!!(hasAnimationProp && !staticConfig.isHOC && useAnimations) || curStateRef.hasAnimated), willBeAnimated = !import_constants.isServer && willBeAnimatedClient;
|
|
27
|
+
willBeAnimated && !curStateRef.hasAnimated && (curStateRef.hasAnimated = !0);
|
|
28
|
+
const { disableClassName } = props, presence = willBeAnimated && props.animatePresence !== !1 && animationDriver?.usePresence?.() || null, presenceState = presence?.[2], isExiting = presenceState?.isPresent === !1, isEntering = presenceState?.isPresent === !0 && presenceState.initial !== !1, hasEnterStyle = !!props.enterStyle, hasAnimationThatNeedsHydrate = hasAnimationProp && (animationDriver?.isReactNative || !supportsCSSVars), initialState = hasEnterStyle || isEntering || hasAnimationThatNeedsHydrate || // disableClassName doesnt work server side, only client, so needs hydrate
|
|
29
|
+
// this is just for a better ux, supports css variables for light/dark, media queries, etc
|
|
30
|
+
disableClassName ? (
|
|
31
|
+
// on the very first render we switch all spring animation drivers to css rendering
|
|
32
|
+
// this is because we need to use css variables, which they don't support to do proper SSR
|
|
33
|
+
// without flickers of the wrong colors.
|
|
34
|
+
// but once we do that initial hydration and we are in client side rendering mode,
|
|
35
|
+
// we can avoid the extra re-render on mount
|
|
36
|
+
import_defaultComponentState.defaultComponentState
|
|
37
|
+
) : import_defaultComponentState.defaultComponentStateMounted, disabled = isDisabled(props);
|
|
38
|
+
disabled != null && (initialState.disabled = disabled);
|
|
39
|
+
const states = (0, import_react.useState)(initialState), state = props.forceStyle ? { ...states[0], [props.forceStyle]: !0 } : states[0], setState = states[1], isHydrated = state.unmounted === !1;
|
|
40
|
+
let isAnimated = willBeAnimated;
|
|
41
|
+
import_constants.isWeb && hasAnimationThatNeedsHydrate && !staticConfig.isHOC && state.unmounted === !0 && (isAnimated = !1, curStateRef.willHydrate = !0), disabled !== state.disabled && (state.disabled = disabled, disabled && Object.assign(state, import_defaultComponentState.defaultComponentStateMounted), setState({ ...state }));
|
|
42
|
+
let setStateShallow = (0, import_createShallowSetState.createShallowSetState)(setState, disabled, !1, props.debug);
|
|
43
|
+
if (presenceState && isAnimated && isHydrated && staticConfig.variants) {
|
|
44
|
+
process.env.NODE_ENV === "development" && props.debug === "verbose" && console.warn(`has presenceState ${JSON.stringify(presenceState)}`);
|
|
45
|
+
const { enterVariant, exitVariant, enterExitVariant, custom } = presenceState;
|
|
46
|
+
(0, import_isObj.isObj)(custom) && Object.assign(props, custom);
|
|
47
|
+
const exv = exitVariant ?? enterExitVariant, env = enterVariant ?? enterExitVariant;
|
|
48
|
+
state.unmounted && env && staticConfig.variants[env] ? (process.env.NODE_ENV === "development" && props.debug === "verbose" && console.warn(`Animating presence ENTER "${env}"`), props[env] = !0) : isExiting && exv && (process.env.NODE_ENV === "development" && props.debug === "verbose" && console.warn(`Animating presence EXIT "${exv}"`), props[exv] = exitVariant !== enterExitVariant);
|
|
49
|
+
}
|
|
50
|
+
let noClass = !import_constants.isWeb || !!props.forceStyle;
|
|
51
|
+
if (import_constants.isWeb && (!import_constants.isServer || isHydrated)) {
|
|
52
|
+
const isAnimatedAndHydrated = isAnimated && !supportsCSSVars, isClassNameDisabled = !staticConfig.acceptsClassName && (config.disableSSR || !state.unmounted), isDisabledManually = disableClassName && !state.unmounted;
|
|
53
|
+
(isAnimatedAndHydrated || isDisabledManually || isClassNameDisabled) && (noClass = !0, process.env.NODE_ENV === "development" && props.debug && (0, import_log.log)("avoiding className", {
|
|
54
|
+
isAnimatedAndHydrated,
|
|
55
|
+
isDisabledManually,
|
|
56
|
+
isClassNameDisabled
|
|
57
|
+
}));
|
|
58
|
+
}
|
|
59
|
+
const groupName = props.group;
|
|
60
|
+
if (groupName && !curStateRef.group) {
|
|
61
|
+
const listeners = /* @__PURE__ */ new Set();
|
|
62
|
+
curStateRef.group = {
|
|
63
|
+
listeners,
|
|
64
|
+
emit(name, state2) {
|
|
65
|
+
listeners.forEach((l) => l(name, state2));
|
|
66
|
+
},
|
|
67
|
+
subscribe(cb) {
|
|
68
|
+
return listeners.add(cb), () => {
|
|
69
|
+
listeners.delete(cb);
|
|
70
|
+
};
|
|
71
|
+
}
|
|
72
|
+
};
|
|
73
|
+
}
|
|
74
|
+
if (groupName) {
|
|
75
|
+
const groupContextState = groups.state, og = setStateShallow;
|
|
76
|
+
setStateShallow = (state2) => {
|
|
77
|
+
og(state2), curStateRef.group.emit(groupName, {
|
|
78
|
+
pseudo: state2
|
|
79
|
+
});
|
|
80
|
+
const next = {
|
|
81
|
+
...groupContextState[groupName],
|
|
82
|
+
...state2
|
|
83
|
+
};
|
|
84
|
+
groupContextState[groupName] = next;
|
|
85
|
+
};
|
|
86
|
+
}
|
|
87
|
+
return {
|
|
88
|
+
curStateRef,
|
|
89
|
+
disabled,
|
|
90
|
+
groupName,
|
|
91
|
+
hasAnimationProp,
|
|
92
|
+
hasEnterStyle,
|
|
93
|
+
isAnimated,
|
|
94
|
+
isExiting,
|
|
95
|
+
isHydrated,
|
|
96
|
+
presence,
|
|
97
|
+
presenceState,
|
|
98
|
+
setState,
|
|
99
|
+
setStateShallow,
|
|
100
|
+
noClass,
|
|
101
|
+
state,
|
|
102
|
+
stateRef,
|
|
103
|
+
supportsCSSVars,
|
|
104
|
+
willBeAnimated,
|
|
105
|
+
willBeAnimatedClient
|
|
106
|
+
};
|
|
107
|
+
};
|
|
108
|
+
function hasAnimatedStyleValue(style) {
|
|
109
|
+
return Object.keys(style).some((k) => {
|
|
110
|
+
const val = style[k];
|
|
111
|
+
return val && typeof val == "object" && "_animation" in val;
|
|
112
|
+
});
|
|
113
|
+
}
|
|
114
|
+
const isDisabled = (props) => props.disabled || props.accessibilityState?.disabled || props["aria-disabled"] || props.accessibilityDisabled || !1;
|
|
115
|
+
//# sourceMappingURL=useComponentState.js.map
|
|
@@ -0,0 +1,37 @@
|
|
|
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, __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
9
|
+
}, __copyProps = (to, from, except, desc) => {
|
|
10
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
11
|
+
for (let key of __getOwnPropNames(from))
|
|
12
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
|
+
return to;
|
|
14
|
+
};
|
|
15
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
16
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
17
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
18
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
19
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
20
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
|
|
21
|
+
mod
|
|
22
|
+
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
23
|
+
var useConfiguration_exports = {};
|
|
24
|
+
__export(useConfiguration_exports, {
|
|
25
|
+
useConfiguration: () => useConfiguration
|
|
26
|
+
});
|
|
27
|
+
module.exports = __toCommonJS(useConfiguration_exports);
|
|
28
|
+
var import_react = __toESM(require("react")), import_config = require("../config"), import_ComponentContext = require("../contexts/ComponentContext");
|
|
29
|
+
const useConfiguration = () => {
|
|
30
|
+
const { groups, animationDriver, ...restComponentConfig } = import_react.default.useContext(import_ComponentContext.ComponentContext), { animations, ...restConfig } = (0, import_config.getConfig)();
|
|
31
|
+
return {
|
|
32
|
+
...restConfig,
|
|
33
|
+
...restComponentConfig,
|
|
34
|
+
animationDriver: animationDriver ?? (0, import_config.getConfig)().animations
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
//# sourceMappingURL=useConfiguration.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 useDisableSSR_exports = {};
|
|
16
|
+
__export(useDisableSSR_exports, {
|
|
17
|
+
getDisableSSR: () => getDisableSSR
|
|
18
|
+
});
|
|
19
|
+
module.exports = __toCommonJS(useDisableSSR_exports);
|
|
20
|
+
var import_config = require("../config");
|
|
21
|
+
function getDisableSSR(componentContext) {
|
|
22
|
+
return componentContext?.disableSSR ?? (0, import_config.getSetting)("disableSSR");
|
|
23
|
+
}
|
|
24
|
+
//# sourceMappingURL=useDisableSSR.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 useIsTouchDevice_exports = {};
|
|
16
|
+
__export(useIsTouchDevice_exports, {
|
|
17
|
+
useIsTouchDevice: () => useIsTouchDevice
|
|
18
|
+
});
|
|
19
|
+
module.exports = __toCommonJS(useIsTouchDevice_exports);
|
|
20
|
+
var import_constants = require("@tamagui/constants"), import_use_did_finish_ssr = require("@tamagui/use-did-finish-ssr");
|
|
21
|
+
const useIsTouchDevice = () => import_constants.isWeb ? (0, import_use_did_finish_ssr.useDidFinishSSR)() ? import_constants.isTouchable : !1 : !0;
|
|
22
|
+
//# sourceMappingURL=useIsTouchDevice.js.map
|
|
@@ -104,7 +104,7 @@ function unlisten() {
|
|
|
104
104
|
}
|
|
105
105
|
let setupVersion = -1;
|
|
106
106
|
function setupMediaListeners() {
|
|
107
|
-
if (!(import_constants.isWeb && import_constants.isServer) && setupVersion !== mediaVersion) {
|
|
107
|
+
if (!(import_constants.isWeb && import_constants.isServer) && !process.env.IS_STATIC && setupVersion !== mediaVersion) {
|
|
108
108
|
setupVersion = mediaVersion, unlisten();
|
|
109
109
|
for (const key in mediaQueryConfig) {
|
|
110
110
|
let update = function () {
|
|
@@ -0,0 +1,207 @@
|
|
|
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, __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
9
|
+
}, __copyProps = (to, from, except, desc) => {
|
|
10
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
11
|
+
for (let key of __getOwnPropNames(from))
|
|
12
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
|
+
return to;
|
|
14
|
+
};
|
|
15
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
16
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
17
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
18
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
19
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
20
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
|
|
21
|
+
mod
|
|
22
|
+
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
23
|
+
var useMedia_exports = {};
|
|
24
|
+
__export(useMedia_exports, {
|
|
25
|
+
_disableMediaTouch: () => _disableMediaTouch,
|
|
26
|
+
configureMedia: () => configureMedia,
|
|
27
|
+
getMedia: () => getMedia,
|
|
28
|
+
getMediaImportanceIfMoreImportant: () => getMediaImportanceIfMoreImportant,
|
|
29
|
+
getMediaKeyImportance: () => getMediaKeyImportance,
|
|
30
|
+
getMediaState: () => getMediaState,
|
|
31
|
+
isMediaKey: () => isMediaKey,
|
|
32
|
+
mediaKeyMatch: () => mediaKeyMatch,
|
|
33
|
+
mediaKeyToQuery: () => mediaKeyToQuery,
|
|
34
|
+
mediaKeys: () => mediaKeys,
|
|
35
|
+
mediaObjectToString: () => mediaObjectToString,
|
|
36
|
+
mediaQueryConfig: () => mediaQueryConfig,
|
|
37
|
+
mediaState: () => mediaState,
|
|
38
|
+
setMediaShouldUpdate: () => setMediaShouldUpdate,
|
|
39
|
+
setupMediaListeners: () => setupMediaListeners,
|
|
40
|
+
useMedia: () => useMedia
|
|
41
|
+
});
|
|
42
|
+
module.exports = __toCommonJS(useMedia_exports);
|
|
43
|
+
var import_constants = require("@tamagui/constants"), import_react = __toESM(require("react")), import_config = require("../config"), import_matchMedia = require("../helpers/matchMedia"), import_pseudoDescriptors = require("../helpers/pseudoDescriptors"), import_useDisableSSR = require("./useDisableSSR");
|
|
44
|
+
let mediaState = (
|
|
45
|
+
// development only safeguard
|
|
46
|
+
process.env.NODE_ENV === "development" ? new Proxy(
|
|
47
|
+
{},
|
|
48
|
+
{
|
|
49
|
+
get(target, key) {
|
|
50
|
+
if (typeof key == "string" && key[0] === "$" && // dont error on $$typeof
|
|
51
|
+
key[1] !== "$")
|
|
52
|
+
throw new Error(`Access mediaState should not use "$": ${key}`);
|
|
53
|
+
return Reflect.get(target, key);
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
) : {}
|
|
57
|
+
);
|
|
58
|
+
const mediaQueryConfig = {}, getMedia = () => mediaState, mediaKeys = /* @__PURE__ */ new Set(), mediaKeyRegex = /\$(platform|theme|group)-/, isMediaKey = (key) => {
|
|
59
|
+
if (mediaKeys.has(key)) return !0;
|
|
60
|
+
if (key[0] === "$") {
|
|
61
|
+
const match = key.match(mediaKeyRegex);
|
|
62
|
+
if (match) return match[1];
|
|
63
|
+
}
|
|
64
|
+
return !1;
|
|
65
|
+
};
|
|
66
|
+
let initState;
|
|
67
|
+
const defaultMediaImportance = Object.keys(import_pseudoDescriptors.pseudoDescriptors).length;
|
|
68
|
+
let mediaKeysOrdered;
|
|
69
|
+
const getMediaKeyImportance = (key) => {
|
|
70
|
+
if (process.env.NODE_ENV === "development" && key[0] === "$")
|
|
71
|
+
throw new Error("use short key");
|
|
72
|
+
return (0, import_config.getConfig)().settings.mediaPropOrder ? defaultMediaImportance : mediaKeysOrdered.indexOf(key) + 100;
|
|
73
|
+
}, dispose = /* @__PURE__ */ new Set();
|
|
74
|
+
let mediaVersion = 0;
|
|
75
|
+
const configureMedia = (config) => {
|
|
76
|
+
const { media } = config, mediaQueryDefaultActive = (0, import_config.getSetting)("mediaQueryDefaultActive");
|
|
77
|
+
if (media) {
|
|
78
|
+
mediaVersion++;
|
|
79
|
+
for (const key in media)
|
|
80
|
+
mediaState[key] = mediaQueryDefaultActive?.[key] || !1, mediaKeys.add(`$${key}`);
|
|
81
|
+
Object.assign(mediaQueryConfig, media), initState = { ...mediaState }, mediaKeysOrdered = Object.keys(media), setupMediaListeners();
|
|
82
|
+
}
|
|
83
|
+
};
|
|
84
|
+
function unlisten() {
|
|
85
|
+
dispose.forEach((cb) => cb()), dispose.clear();
|
|
86
|
+
}
|
|
87
|
+
let setupVersion = -1;
|
|
88
|
+
function setupMediaListeners() {
|
|
89
|
+
if (!(import_constants.isWeb && import_constants.isServer) && !process.env.IS_STATIC && setupVersion !== mediaVersion) {
|
|
90
|
+
setupVersion = mediaVersion, unlisten();
|
|
91
|
+
for (const key in mediaQueryConfig) {
|
|
92
|
+
let update = function() {
|
|
93
|
+
const next = !!getMatch().matches;
|
|
94
|
+
next !== mediaState[key] && (mediaState = { ...mediaState, [key]: next }, updateCurrentState());
|
|
95
|
+
};
|
|
96
|
+
const str = mediaObjectToString(mediaQueryConfig[key], key), getMatch = () => (0, import_matchMedia.matchMedia)(str), match = getMatch();
|
|
97
|
+
if (!match)
|
|
98
|
+
throw new Error("\u26A0\uFE0F No match");
|
|
99
|
+
match.addListener(update), dispose.add(() => {
|
|
100
|
+
match.removeListener(update);
|
|
101
|
+
}), update();
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
const listeners = /* @__PURE__ */ new Set();
|
|
106
|
+
let flushing = !1, flushVersion = -1;
|
|
107
|
+
function updateCurrentState() {
|
|
108
|
+
flushing && flushVersion === mediaVersion || (flushVersion = mediaVersion, flushing = !0, Promise.resolve().then(() => {
|
|
109
|
+
flushing = !1, listeners.forEach((cb) => cb(mediaState));
|
|
110
|
+
}));
|
|
111
|
+
}
|
|
112
|
+
const States = /* @__PURE__ */ new WeakMap();
|
|
113
|
+
function setMediaShouldUpdate(ref, enabled, keys) {
|
|
114
|
+
const cur = States.get(ref);
|
|
115
|
+
(!cur || cur.enabled !== enabled || keys) && States.set(ref, {
|
|
116
|
+
...cur,
|
|
117
|
+
enabled,
|
|
118
|
+
keys
|
|
119
|
+
});
|
|
120
|
+
}
|
|
121
|
+
function subscribe(subscriber) {
|
|
122
|
+
return listeners.add(subscriber), () => {
|
|
123
|
+
listeners.delete(subscriber);
|
|
124
|
+
};
|
|
125
|
+
}
|
|
126
|
+
function useMedia(cc, debug) {
|
|
127
|
+
const initialState = (0, import_config.getSetting)("disableSSR") || (0, import_useDisableSSR.getDisableSSR)(cc) || !import_constants.isWeb ? mediaState : initState, [state, setState] = import_react.default.useState(initialState);
|
|
128
|
+
let currentKeys;
|
|
129
|
+
const getCurrentKeys = () => currentKeys;
|
|
130
|
+
function getSnapshot(cur, keys = cur.lastKeys) {
|
|
131
|
+
if (!keys) return cur;
|
|
132
|
+
for (const key of keys)
|
|
133
|
+
if (mediaState[key] !== cur[key])
|
|
134
|
+
return process.env.NODE_ENV === "development" && debug && console.warn("useMedia()\u270D\uFE0F", key, cur[key], ">", mediaState[key]), {
|
|
135
|
+
...mediaState,
|
|
136
|
+
lastKeys: new Set(keys)
|
|
137
|
+
};
|
|
138
|
+
return cur;
|
|
139
|
+
}
|
|
140
|
+
let isRendering = !0;
|
|
141
|
+
const isInitialState = state === initialState;
|
|
142
|
+
return (0, import_constants.useIsomorphicLayoutEffect)(() => {
|
|
143
|
+
isRendering = !1;
|
|
144
|
+
}), (0, import_constants.useIsomorphicLayoutEffect)(() => {
|
|
145
|
+
const update = () => setState(
|
|
146
|
+
(prev) => getSnapshot(
|
|
147
|
+
prev,
|
|
148
|
+
// because the !didHydrateOnce logic we can't update as we render
|
|
149
|
+
// we need to get the current keys in case we added
|
|
150
|
+
// these only ever add keys so likely ok?
|
|
151
|
+
getCurrentKeys()
|
|
152
|
+
)
|
|
153
|
+
);
|
|
154
|
+
return update(), subscribe(update);
|
|
155
|
+
}, []), new Proxy(state, {
|
|
156
|
+
get(_, key) {
|
|
157
|
+
if (isRendering && !disableMediaTouch && typeof key == "string" && (!state.lastKeys || !state.lastKeys.has(key) || state[key] !== mediaState[key]) && (process.env.NODE_ENV === "development" && debug && console.info("useMedia() TOUCH", key), currentKeys ||= /* @__PURE__ */ new Set(), currentKeys.add(key), !isInitialState)) {
|
|
158
|
+
const next = getSnapshot(state, currentKeys);
|
|
159
|
+
next !== state && setState(next);
|
|
160
|
+
}
|
|
161
|
+
return Reflect.get(state, key);
|
|
162
|
+
}
|
|
163
|
+
});
|
|
164
|
+
}
|
|
165
|
+
let disableMediaTouch = !1;
|
|
166
|
+
function _disableMediaTouch(val) {
|
|
167
|
+
disableMediaTouch = val;
|
|
168
|
+
}
|
|
169
|
+
function getMediaState(mediaGroups, layout) {
|
|
170
|
+
disableMediaTouch = !0;
|
|
171
|
+
let res;
|
|
172
|
+
try {
|
|
173
|
+
res = Object.fromEntries(
|
|
174
|
+
[...mediaGroups].map((mediaKey) => [mediaKey, mediaKeyMatch(mediaKey, layout)])
|
|
175
|
+
);
|
|
176
|
+
} finally {
|
|
177
|
+
disableMediaTouch = !1;
|
|
178
|
+
}
|
|
179
|
+
return res;
|
|
180
|
+
}
|
|
181
|
+
const getMediaImportanceIfMoreImportant = (mediaKey, key, importancesUsed, isSizeMedia) => {
|
|
182
|
+
const importance = isSizeMedia && !(0, import_config.getSetting)("mediaPropOrder") ? getMediaKeyImportance(mediaKey) : defaultMediaImportance;
|
|
183
|
+
return !importancesUsed[key] || importance > importancesUsed[key] ? importance : null;
|
|
184
|
+
};
|
|
185
|
+
function camelToHyphen(str) {
|
|
186
|
+
return str.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`).toLowerCase();
|
|
187
|
+
}
|
|
188
|
+
const cache = /* @__PURE__ */ new WeakMap(), cachedMediaKeyToQuery = {};
|
|
189
|
+
function mediaObjectToString(query, key) {
|
|
190
|
+
if (typeof query == "string")
|
|
191
|
+
return query;
|
|
192
|
+
if (cache.has(query))
|
|
193
|
+
return cache.get(query);
|
|
194
|
+
const res = Object.entries(query).map(([feature, value]) => (feature = camelToHyphen(feature), typeof value == "string" ? `(${feature}: ${value})` : (typeof value == "number" && /[height|width]$/.test(feature) && (value = `${value}px`), `(${feature}: ${value})`))).join(" and ");
|
|
195
|
+
return key && (cachedMediaKeyToQuery[key] = res), cache.set(query, res), res;
|
|
196
|
+
}
|
|
197
|
+
function mediaKeyToQuery(key) {
|
|
198
|
+
return cachedMediaKeyToQuery[key] || mediaObjectToString(mediaQueryConfig[key], key);
|
|
199
|
+
}
|
|
200
|
+
function mediaKeyMatch(key, dimensions) {
|
|
201
|
+
const mediaQueries = mediaQueryConfig[key];
|
|
202
|
+
return Object.keys(mediaQueries).every((query) => {
|
|
203
|
+
const expectedVal = +mediaQueries[query], isMax = query.startsWith("max"), isWidth = query.endsWith("Width"), givenVal = dimensions[isWidth ? "width" : "height"];
|
|
204
|
+
return isMax ? givenVal < expectedVal : givenVal > expectedVal;
|
|
205
|
+
});
|
|
206
|
+
}
|
|
207
|
+
//# sourceMappingURL=useMedia.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/hooks/useMedia.tsx"],
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["React"]
|
|
6
|
+
}
|
|
@@ -100,7 +100,7 @@ function setupMediaListeners() {
|
|
|
100
100
|
}, updateCurrentState());
|
|
101
101
|
}
|
|
102
102
|
};
|
|
103
|
-
if (!(import_constants.isWeb && import_constants.isServer) && setupVersion !== mediaVersion) {
|
|
103
|
+
if (!(import_constants.isWeb && import_constants.isServer) && !process.env.IS_STATIC && setupVersion !== mediaVersion) {
|
|
104
104
|
setupVersion = mediaVersion, unlisten();
|
|
105
105
|
for (var key in mediaQueryConfig) _loop(key);
|
|
106
106
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/hooks/Users/n8/tamagui/code/core/web/src/hooks/useMedia.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;;uBAA2D,+BAC3D,eAAqC,2BACrC,gBAAsC,sBACtC,oBAA2B,kCAC3B,2BAAkC,yCAYlC,uBAA8B,4BAEnBA;;EAETC,QAAQC,IAAIC,aAAa,gBACrB,IAAIC,MACF,CAAC,GACD;IACEC,IAAIC,QAAQC,KAAG;AACb,UACE,OAAOA,OAAQ,YACfA,IAAI,CAAA,MAAO;MAEXA,IAAI,CAAA,MAAO;AAEX,cAAM,IAAIC,MAAM,yCAAyCD,GAAAA,EAAK;AAEhE,aAAOE,QAAQJ,IAAIC,QAAQC,GAAAA;IAC7B;EACF,CAAA,IAED,CAAC;GAEKG,mBAAiC,CAAC,GAElCC,WAAW,WAAA;SAAMX;GAEjBY,YAAY,oBAAIC,IAAAA,GAEvBC,gBAAgB,6BAETC,aAAa,SAACR,KAAAA;AACzB,MAAIK,UAAUI,IAAIT,GAAAA,EAAM,QAAO;AAC/B,MAAIA,IAAI,CAAA,MAAO,KAAK;AAClB,QAAMU,QAAQV,IAAIU,MAAMH,aAAAA;AACxB,QAAIG,MAAO,QAAOA,MAAM,CAAA;EAC1B;AACA,SAAO;AACT,GAGIC,WAGEC,yBAAyBC,OAAOC,KAAKC,0CAAAA,EAAmBC,QAE1DC,kBAESC,wBAAwB,SAAClB,KAAAA;AACpC,MAAIN,QAAQC,IAAIC,aAAa,iBAAiBI,IAAI,CAAA,MAAO;AACvD,UAAM,IAAIC,MAAM,eAAA;AAGlB,MAAMkB,WAAOC,yBAAAA;AACb,SAAID,KAAKE,SAASC,iBACTV,yBAMFK,iBAAiBM,QAAQvB,GAAAA,IAAO;AACzC,GAEMwB,UAAU,oBAAIlB,IAAAA,GAEhBmB,eAAe,GAENC,iBAAiB,SAACC,QAAAA;AAC7B,MAAM,EAAEC,MAAK,IAAKD,QACZE,8BAA0BC,0BAAW,yBAAA;AAC3C,MAAKF,OACLH;;AACA,aAAWzB,OAAO4B;AAChBnC,iBAAWO,GAAAA,KAAO6B,2BAAAA,OAAAA,SAAAA,wBAA0B7B,GAAAA,MAAQ,IACpDK,UAAU0B,IAAI,IAAI/B,GAAAA,EAAK;AAEzBa,WAAOmB,OAAO7B,kBAAkByB,KAAAA,GAChCjB,YAAY;MAAE,GAAGlB;IAAW,GAC5BwB,mBAAmBJ,OAAOC,KAAKc,KAAAA,GAC/BK,oBAAAA;;AACF;AAEA,SAASC,WAAAA;AACPV,UAAQW,QAAQ,SAACC,IAAAA;WAAOA,GAAAA;MACxBZ,QAAQa,MAAK;AACf;AAOA,IAAIC,eAAe;AACZ,SAASL,sBAAAA;;
|
|
5
|
-
"names": ["mediaState", "process", "env", "NODE_ENV", "Proxy", "get", "target", "key", "Error", "Reflect", "mediaQueryConfig", "getMedia", "mediaKeys", "Set", "mediaKeyRegex", "isMediaKey", "has", "match", "initState", "defaultMediaImportance", "Object", "keys", "pseudoDescriptors", "length", "mediaKeysOrdered", "getMediaKeyImportance", "conf", "getConfig", "settings", "mediaPropOrder", "indexOf", "dispose", "mediaVersion", "configureMedia", "config", "media", "mediaQueryDefaultActive", "getSetting", "add", "assign", "setupMediaListeners", "unlisten", "forEach", "cb", "clear", "setupVersion", "str", "mediaObjectToString", "getMatch", "matchMedia", "addListener", "update", "removeListener", "next", "matches", "updateCurrentState", "isWeb", "isServer", "listeners", "flushing", "flushVersion", "Promise", "resolve", "then", "States", "WeakMap", "setMediaShouldUpdate", "ref", "enabled", "cur", "set", "subscribe", "subscriber", "delete", "useMedia", "cc", "debug", "disableSSR", "getDisableSSR", "initialState", "state", "setState", "React", "useState", "currentKeys", "getCurrentKeys", "getSnapshot", "lastKeys", "console", "warn", "isRendering", "isInitialState", "useIsomorphicLayoutEffect", "prev", "_", "disableMediaTouch", "needsUpdateKeys", "info", "_disableMediaTouch", "val", "getMediaState", "mediaGroups", "layout", "res", "fromEntries", "map", "mediaKey", "mediaKeyMatch", "getMediaImportanceIfMoreImportant", "importancesUsed", "isSizeMedia", "importance", "camelToHyphen", "replace", "m", "toLowerCase", "cache", "cachedMediaKeyToQuery", "query", "entries", "feature", "value", "test", "join", "mediaKeyToQuery", "dimensions", "mediaQueries", "result", "every", "expectedVal", "isMax", "startsWith", "isWidth", "endsWith", "givenVal"]
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["mediaState", "process", "env", "NODE_ENV", "Proxy", "get", "target", "key", "Error", "Reflect", "mediaQueryConfig", "getMedia", "mediaKeys", "Set", "mediaKeyRegex", "isMediaKey", "has", "match", "initState", "defaultMediaImportance", "Object", "keys", "pseudoDescriptors", "length", "mediaKeysOrdered", "getMediaKeyImportance", "conf", "getConfig", "settings", "mediaPropOrder", "indexOf", "dispose", "mediaVersion", "configureMedia", "config", "media", "mediaQueryDefaultActive", "getSetting", "add", "assign", "setupMediaListeners", "unlisten", "forEach", "cb", "clear", "setupVersion", "str", "mediaObjectToString", "getMatch", "matchMedia", "addListener", "update", "removeListener", "next", "matches", "updateCurrentState", "isWeb", "isServer", "IS_STATIC", "listeners", "flushing", "flushVersion", "Promise", "resolve", "then", "States", "WeakMap", "setMediaShouldUpdate", "ref", "enabled", "cur", "set", "subscribe", "subscriber", "delete", "useMedia", "cc", "debug", "disableSSR", "getDisableSSR", "initialState", "state", "setState", "React", "useState", "currentKeys", "getCurrentKeys", "getSnapshot", "lastKeys", "console", "warn", "isRendering", "isInitialState", "useIsomorphicLayoutEffect", "prev", "_", "disableMediaTouch", "needsUpdateKeys", "info", "_disableMediaTouch", "val", "getMediaState", "mediaGroups", "layout", "res", "fromEntries", "map", "mediaKey", "mediaKeyMatch", "getMediaImportanceIfMoreImportant", "importancesUsed", "isSizeMedia", "importance", "camelToHyphen", "replace", "m", "toLowerCase", "cache", "cachedMediaKeyToQuery", "query", "entries", "feature", "value", "test", "join", "mediaKeyToQuery", "dimensions", "mediaQueries", "result", "every", "expectedVal", "isMax", "startsWith", "isWidth", "endsWith", "givenVal"]
|
|
6
6
|
}
|
|
@@ -0,0 +1,95 @@
|
|
|
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, __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
9
|
+
}, __copyProps = (to, from, except, desc) => {
|
|
10
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
11
|
+
for (let key of __getOwnPropNames(from))
|
|
12
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
|
+
return to;
|
|
14
|
+
};
|
|
15
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
16
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
17
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
18
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
19
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
20
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
|
|
21
|
+
mod
|
|
22
|
+
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
23
|
+
var useProps_exports = {};
|
|
24
|
+
__export(useProps_exports, {
|
|
25
|
+
useProps: () => useProps,
|
|
26
|
+
usePropsAndStyle: () => usePropsAndStyle,
|
|
27
|
+
useStyle: () => useStyle
|
|
28
|
+
});
|
|
29
|
+
module.exports = __toCommonJS(useProps_exports);
|
|
30
|
+
var import_react = __toESM(require("react")), import_config = require("../config"), import_ComponentContext = require("../contexts/ComponentContext"), import_getSplitStyles = require("../helpers/getSplitStyles"), import_subscribeToContextGroup = require("../helpers/subscribeToContextGroup"), import_Stack = require("../views/Stack"), import_useComponentState = require("./useComponentState"), import_useMedia = require("./useMedia"), import_useTheme = require("./useTheme");
|
|
31
|
+
function useProps(props, opts) {
|
|
32
|
+
const [propsOut, styleOut] = usePropsAndStyle(props, {
|
|
33
|
+
...opts,
|
|
34
|
+
noExpand: !0,
|
|
35
|
+
noNormalize: !0,
|
|
36
|
+
resolveValues: "none"
|
|
37
|
+
});
|
|
38
|
+
return {
|
|
39
|
+
...propsOut,
|
|
40
|
+
...styleOut
|
|
41
|
+
};
|
|
42
|
+
}
|
|
43
|
+
function useStyle(props, opts) {
|
|
44
|
+
return usePropsAndStyle(props, opts)[1] || {};
|
|
45
|
+
}
|
|
46
|
+
function usePropsAndStyle(props, opts) {
|
|
47
|
+
const staticConfig = opts?.forComponent?.staticConfig ?? import_Stack.Stack.staticConfig, [themeState, theme] = (0, import_useTheme.useThemeWithState)({
|
|
48
|
+
componentName: staticConfig.componentName,
|
|
49
|
+
name: "theme" in props ? props.theme : void 0,
|
|
50
|
+
inverse: "themeInverse" in props ? props.themeInverse : void 0
|
|
51
|
+
}), componentContext = import_react.default.useContext(import_ComponentContext.ComponentContext), { state, disabled, setStateShallow } = (0, import_useComponentState.useComponentState)(
|
|
52
|
+
props,
|
|
53
|
+
componentContext,
|
|
54
|
+
staticConfig,
|
|
55
|
+
(0, import_config.getConfig)()
|
|
56
|
+
), mediaState = (0, import_useMedia.useMedia)(), splitStyles = (0, import_getSplitStyles.useSplitStyles)(
|
|
57
|
+
props,
|
|
58
|
+
staticConfig,
|
|
59
|
+
theme,
|
|
60
|
+
themeState.state?.name || "",
|
|
61
|
+
state,
|
|
62
|
+
{
|
|
63
|
+
isAnimated: !1,
|
|
64
|
+
mediaState,
|
|
65
|
+
noSkip: !0,
|
|
66
|
+
noMergeStyle: !0,
|
|
67
|
+
noClass: !0,
|
|
68
|
+
resolveValues: "auto",
|
|
69
|
+
...opts
|
|
70
|
+
},
|
|
71
|
+
null,
|
|
72
|
+
componentContext
|
|
73
|
+
), { mediaGroups, pseudoGroups } = splitStyles;
|
|
74
|
+
return import_react.default.useEffect(() => {
|
|
75
|
+
if (!disabled) {
|
|
76
|
+
if (state.unmounted) {
|
|
77
|
+
setStateShallow({ unmounted: !1 });
|
|
78
|
+
return;
|
|
79
|
+
}
|
|
80
|
+
return (0, import_subscribeToContextGroup.subscribeToContextGroup)({
|
|
81
|
+
disabled,
|
|
82
|
+
componentContext,
|
|
83
|
+
setStateShallow,
|
|
84
|
+
state,
|
|
85
|
+
mediaGroups,
|
|
86
|
+
pseudoGroups
|
|
87
|
+
});
|
|
88
|
+
}
|
|
89
|
+
}, [
|
|
90
|
+
disabled,
|
|
91
|
+
pseudoGroups ? Object.keys([...pseudoGroups]).join("") : 0,
|
|
92
|
+
mediaGroups ? Object.keys([...mediaGroups]).join("") : 0
|
|
93
|
+
]), [splitStyles.viewProps, splitStyles.style || {}, theme, mediaState];
|
|
94
|
+
}
|
|
95
|
+
//# sourceMappingURL=useProps.js.map
|