@tamagui/web 1.20.2 → 1.20.4
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/createComponent.js.map +1 -1
- package/dist/cjs/helpers/ThemeManager.js.map +1 -1
- package/dist/cjs/helpers/createPropMapper.js.map +1 -1
- package/dist/cjs/helpers/getSplitStyles.js.map +1 -1
- package/dist/cjs/helpers/getStylesAtomic.native.js.map +1 -1
- package/dist/cjs/helpers/getThemeCSSRules.js +0 -1
- package/dist/cjs/helpers/getThemeCSSRules.js.map +1 -1
- package/dist/cjs/helpers/insertStyleRule.js.map +1 -1
- package/dist/cjs/helpers/matchMedia.native.js.map +1 -1
- package/dist/cjs/hooks/useTheme.js.map +1 -1
- package/dist/esm/createComponent.js.map +1 -1
- package/dist/esm/createComponent.mjs.map +1 -1
- package/dist/esm/helpers/ThemeManager.js.map +1 -1
- package/dist/esm/helpers/ThemeManager.mjs.map +1 -1
- package/dist/esm/helpers/createPropMapper.js.map +1 -1
- package/dist/esm/helpers/createPropMapper.mjs.map +1 -1
- package/dist/esm/helpers/getSplitStyles.js.map +1 -1
- package/dist/esm/helpers/getSplitStyles.mjs.map +1 -1
- package/dist/esm/helpers/getStylesAtomic.native.js.map +1 -1
- package/dist/esm/helpers/getStylesAtomic.native.mjs.map +1 -1
- package/dist/esm/helpers/getThemeCSSRules.js +0 -1
- package/dist/esm/helpers/getThemeCSSRules.js.map +1 -1
- package/dist/esm/helpers/getThemeCSSRules.mjs +0 -1
- package/dist/esm/helpers/getThemeCSSRules.mjs.map +1 -1
- package/dist/esm/helpers/insertStyleRule.js.map +1 -1
- package/dist/esm/helpers/insertStyleRule.mjs.map +1 -1
- package/dist/esm/helpers/matchMedia.native.js.map +1 -1
- package/dist/esm/helpers/matchMedia.native.mjs.map +1 -1
- package/dist/esm/hooks/useTheme.js.map +1 -1
- package/dist/esm/hooks/useTheme.mjs.map +1 -1
- package/package.json +9 -9
- package/src/createComponent.tsx +12 -2
- package/src/createTamagui.ts +1 -1
- package/src/helpers/ThemeManager.tsx +2 -2
- package/src/helpers/createPropMapper.ts +3 -6
- package/src/helpers/createProxy.ts +1 -1
- package/src/helpers/getSplitStyles.tsx +14 -13
- package/src/helpers/getStylesAtomic.native.ts +0 -1
- package/src/helpers/getThemeCSSRules.ts +0 -2
- package/src/helpers/insertStyleRule.tsx +1 -0
- package/src/helpers/matchMedia.native.ts +0 -1
- package/src/helpers/normalizeValueWithProperty.ts +1 -1
- package/src/helpers/useShallowSetState.tsx +1 -1
- package/src/hooks/useTheme.tsx +3 -0
- package/types/createComponent.d.ts.map +1 -1
- package/types/helpers/createPropMapper.d.ts.map +1 -1
- package/types/helpers/getSplitStyles.d.ts.map +1 -1
- package/types/helpers/getStylesAtomic.native.d.ts.map +1 -1
- package/types/helpers/getThemeCSSRules.d.ts.map +1 -1
- package/types/helpers/insertStyleRule.d.ts.map +1 -1
- package/types/helpers/matchMedia.native.d.ts.map +1 -1
- package/types/hooks/useTheme.d.ts.map +1 -1
package/src/createComponent.tsx
CHANGED
|
@@ -317,6 +317,7 @@ export function createComponent<
|
|
|
317
317
|
conf.parentNames ? ` (${conf.parentNames?.join(' > ')})` : ''
|
|
318
318
|
console.group(`%c ${banner}${parentsLog(staticConfig)}`, 'background: yellow;')
|
|
319
319
|
if (!isServer) {
|
|
320
|
+
// rome-ignore lint/nursery/noConsoleLog: <explanation>
|
|
320
321
|
console.log({
|
|
321
322
|
props,
|
|
322
323
|
state,
|
|
@@ -374,13 +375,16 @@ export function createComponent<
|
|
|
374
375
|
if (debugProp) {
|
|
375
376
|
console.groupCollapsed('props')
|
|
376
377
|
// prettier-ignore
|
|
378
|
+
// rome-ignore lint/nursery/noConsoleLog: <explanation>
|
|
377
379
|
console.log('props in', propsIn, 'mapped to', props, 'in order', Object.keys(props))
|
|
380
|
+
// rome-ignore lint/nursery/noConsoleLog: <explanation>
|
|
378
381
|
console.log('splitStyles', splitStyles)
|
|
379
|
-
//
|
|
382
|
+
// rome-ignore lint/nursery/noConsoleLog: ok
|
|
380
383
|
console.log('shouldListenForMedia', shouldListenForMedia)
|
|
381
|
-
//
|
|
384
|
+
// rome-ignore lint/nursery/noConsoleLog: ok
|
|
382
385
|
console.log('className', Object.values(splitStyles.classNames))
|
|
383
386
|
if (isClient) {
|
|
387
|
+
// rome-ignore lint/nursery/noConsoleLog: <explanation>
|
|
384
388
|
console.log('ref', hostRef, '(click to view)')
|
|
385
389
|
}
|
|
386
390
|
console.groupEnd()
|
|
@@ -783,12 +787,15 @@ export function createComponent<
|
|
|
783
787
|
const element = typeof elementType === 'string' ? elementType : 'Component'
|
|
784
788
|
console.groupCollapsed(`render <${element} /> with props`, viewProps)
|
|
785
789
|
for (const key in viewProps) {
|
|
790
|
+
// rome-ignore lint/nursery/noConsoleLog: <explanation>
|
|
786
791
|
console.log(key, viewProps[key])
|
|
787
792
|
}
|
|
793
|
+
// rome-ignore lint/nursery/noConsoleLog: <explanation>
|
|
788
794
|
console.log('children', content)
|
|
789
795
|
console.groupEnd()
|
|
790
796
|
if (typeof window !== 'undefined') {
|
|
791
797
|
// prettier-ignore
|
|
798
|
+
// rome-ignore lint/nursery/noConsoleLog: <explanation>
|
|
792
799
|
console.log({ state, themeState, isAnimated, isAnimatedReactNativeWeb, tamaguiDefaultProps, viewProps, splitStyles, animationStyles, handlesPressEvents, isStringElement, classNamesIn: props.className?.split(' '), classNamesOut: viewProps.className?.split(' '), events, shouldAttach, styles, pseudos, content, shouldAvoidClasses, avoidClasses: avoidClassesWhileAnimating, animation: props.animation, style: splitStylesStyle, staticConfig, tamaguiConfig, shouldForcePseudo })
|
|
793
800
|
}
|
|
794
801
|
console.groupEnd()
|
|
@@ -812,6 +819,7 @@ export function createComponent<
|
|
|
812
819
|
initialTheme = proxyThemeVariables(next)
|
|
813
820
|
if (process.env.NODE_ENV === 'development') {
|
|
814
821
|
if (!initialTheme) {
|
|
822
|
+
// rome-ignore lint/nursery/noConsoleLog: <explanation>
|
|
815
823
|
console.log('Warning: Missing theme')
|
|
816
824
|
}
|
|
817
825
|
}
|
|
@@ -874,6 +882,7 @@ export function createComponent<
|
|
|
874
882
|
// add debug logs
|
|
875
883
|
if (process.env.NODE_ENV === 'development' && debug) {
|
|
876
884
|
if (process.env.IS_STATIC !== 'is_static') {
|
|
885
|
+
// rome-ignore lint/nursery/noConsoleLog: <explanation>
|
|
877
886
|
console.log(`🐛 [${staticConfig.componentName || 'Component'}]`, {
|
|
878
887
|
staticConfig,
|
|
879
888
|
tamaguiDefaultProps,
|
|
@@ -1105,6 +1114,7 @@ export function spacedChildren(props: SpacedChildrenProps) {
|
|
|
1105
1114
|
|
|
1106
1115
|
if (process.env.NODE_ENV === 'development') {
|
|
1107
1116
|
if (props.debug) {
|
|
1117
|
+
// rome-ignore lint/nursery/noConsoleLog: <explanation>
|
|
1108
1118
|
console.log(` Spaced children`, final, props)
|
|
1109
1119
|
}
|
|
1110
1120
|
}
|
package/src/createTamagui.ts
CHANGED
|
@@ -246,7 +246,7 @@ ${getAllRules().join(separator)}`
|
|
|
246
246
|
|
|
247
247
|
if (process.env.NODE_ENV === 'development') {
|
|
248
248
|
if (process.env.DEBUG?.startsWith('tamagui')) {
|
|
249
|
-
//
|
|
249
|
+
// rome-ignore lint/nursery/noConsoleLog: ok
|
|
250
250
|
console.log('Tamagui config:', config)
|
|
251
251
|
}
|
|
252
252
|
if (!globalThis['Tamagui']) {
|
|
@@ -251,9 +251,9 @@ function getState(
|
|
|
251
251
|
? max // component name only don't search upwards
|
|
252
252
|
: 0
|
|
253
253
|
|
|
254
|
-
// eslint-disable-next-line no-console
|
|
255
254
|
if (process.env.NODE_ENV === 'development' && typeof props.debug === 'string') {
|
|
256
255
|
console.groupCollapsed('ThemeManager.getState()')
|
|
256
|
+
// rome-ignore lint/nursery/noConsoleLog: <explanation>
|
|
257
257
|
console.log({
|
|
258
258
|
props,
|
|
259
259
|
parentName,
|
|
@@ -303,6 +303,7 @@ function getState(
|
|
|
303
303
|
const found = potentials.find((t) => t in themes)
|
|
304
304
|
|
|
305
305
|
if (process.env.NODE_ENV === 'development' && typeof props.debug === 'string') {
|
|
306
|
+
// rome-ignore lint/nursery/noConsoleLog: <explanation>
|
|
306
307
|
console.log(' - ', { found, potentials, parentManager })
|
|
307
308
|
}
|
|
308
309
|
|
|
@@ -317,7 +318,6 @@ function getState(
|
|
|
317
318
|
}
|
|
318
319
|
}
|
|
319
320
|
|
|
320
|
-
// eslint-disable-next-line no-console
|
|
321
321
|
if (process.env.NODE_ENV === 'development' && typeof props.debug === 'string') {
|
|
322
322
|
console.warn('ThemeManager.getState():', {
|
|
323
323
|
result,
|
|
@@ -185,7 +185,6 @@ const resolveVariants: StyleResolver = (
|
|
|
185
185
|
return null
|
|
186
186
|
}
|
|
187
187
|
const name = staticConfig.componentName || '[UnnamedComponent]'
|
|
188
|
-
// eslint-disable-next-line no-console
|
|
189
188
|
console.warn(
|
|
190
189
|
`No variant found: ${name} has variant "${key}", but no matching value "${value}"`
|
|
191
190
|
)
|
|
@@ -265,7 +264,7 @@ export function getFontFamilyFromNameOrVariable(input: any, conf: TamaguiInterna
|
|
|
265
264
|
} else {
|
|
266
265
|
// this could be mapped back to
|
|
267
266
|
if (process.env.NODE_ENV === 'development') {
|
|
268
|
-
//
|
|
267
|
+
// rome-ignore lint/nursery/noConsoleLog: ok
|
|
269
268
|
console.log('[tamagui] should map back', input)
|
|
270
269
|
}
|
|
271
270
|
}
|
|
@@ -391,7 +390,6 @@ const resolveTokensAndVariants: StyleResolver = (
|
|
|
391
390
|
if (process.env.NODE_ENV === 'development') {
|
|
392
391
|
if (debug) {
|
|
393
392
|
if (res[fKey]?.[0] === '$') {
|
|
394
|
-
// eslint-disable-next-line no-console
|
|
395
393
|
console.warn(`⚠️ Missing token in theme ${theme.name}:`, fKey, res[fKey], theme)
|
|
396
394
|
}
|
|
397
395
|
}
|
|
@@ -495,7 +493,7 @@ const getToken = (
|
|
|
495
493
|
}
|
|
496
494
|
|
|
497
495
|
if (process.env.NODE_ENV === 'development' && isDevTools && debug === 'verbose') {
|
|
498
|
-
//
|
|
496
|
+
// rome-ignore lint/nursery/noConsoleLog: ok
|
|
499
497
|
console.log(' ﹒ propMapper getToken', { key, valOrVar, theme, hasSet })
|
|
500
498
|
}
|
|
501
499
|
|
|
@@ -505,7 +503,6 @@ const getToken = (
|
|
|
505
503
|
|
|
506
504
|
if (process.env.NODE_ENV === 'development') {
|
|
507
505
|
if (value && value[0] === '$') {
|
|
508
|
-
// eslint-disable-next-line no-console
|
|
509
506
|
console.warn(
|
|
510
507
|
`⚠️ You passed the value "${value}" to the style property "${key}", but there's no theme or token with the key "${value}". Using theme "${theme.name}".
|
|
511
508
|
|
|
@@ -513,7 +510,7 @@ Set the debug prop to true to see more detailed debug information.`
|
|
|
513
510
|
)
|
|
514
511
|
if (debug) {
|
|
515
512
|
if (isDevTools) {
|
|
516
|
-
//
|
|
513
|
+
// rome-ignore lint/nursery/noConsoleLog: ok
|
|
517
514
|
console.log('Looked in:', { theme, tokensParsed, fontsParsed })
|
|
518
515
|
}
|
|
519
516
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export function createProxy<A extends object>(target: A, handler: ProxyHandler<A>) {
|
|
2
2
|
if (process.env.NODE_ENV === 'development') {
|
|
3
3
|
if (typeof target !== 'object' || !target) {
|
|
4
|
-
//
|
|
4
|
+
// rome-ignore lint/nursery/noConsoleLog: ok
|
|
5
5
|
console.warn(
|
|
6
6
|
'Invalid object given for proxy:',
|
|
7
7
|
target,
|
|
@@ -264,12 +264,10 @@ export const getSplitStyles: StyleSplitter = (
|
|
|
264
264
|
}
|
|
265
265
|
|
|
266
266
|
if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
|
|
267
|
-
// eslint-disable-next-line no-console
|
|
268
267
|
console.groupCollapsed('getSplitStyles (looping backwards)')
|
|
269
268
|
// prettier-ignore
|
|
270
|
-
//
|
|
269
|
+
// rome-ignore lint/nursery/noConsoleLog: ok
|
|
271
270
|
console.log({ props, staticConfig, shouldDoClasses, state, IS_STATIC, propKeys, styleState, theme: { ...theme } })
|
|
272
|
-
// eslint-disable-next-line no-console
|
|
273
271
|
console.groupEnd()
|
|
274
272
|
}
|
|
275
273
|
|
|
@@ -529,7 +527,7 @@ export const getSplitStyles: StyleSplitter = (
|
|
|
529
527
|
if (isValidClassName || isMediaOrPseudo) {
|
|
530
528
|
usedKeys[keyInit] = 1
|
|
531
529
|
if (process.env.NODE_ENV === 'development' && debug) {
|
|
532
|
-
//
|
|
530
|
+
// rome-ignore lint/nursery/noConsoleLog: ok
|
|
533
531
|
console.log('tamagui classname props', keyInit, valInit)
|
|
534
532
|
}
|
|
535
533
|
mergeClassName(transforms, classNames, keyInit, valInit, isMediaOrPseudo)
|
|
@@ -570,8 +568,8 @@ export const getSplitStyles: StyleSplitter = (
|
|
|
570
568
|
debug === 'verbose' &&
|
|
571
569
|
shouldPassThrough
|
|
572
570
|
) {
|
|
573
|
-
// eslint-disable-next-line no-console
|
|
574
571
|
console.groupCollapsed(` 🔹 pass through ${keyInit}`)
|
|
572
|
+
// rome-ignore lint/nursery/noConsoleLog: <explanation>
|
|
575
573
|
console.log({ valInit, variants, parentHasVariant, isVariant, shouldPassProp })
|
|
576
574
|
console.groupEnd()
|
|
577
575
|
}
|
|
@@ -589,8 +587,8 @@ export const getSplitStyles: StyleSplitter = (
|
|
|
589
587
|
}
|
|
590
588
|
|
|
591
589
|
if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
|
|
592
|
-
// eslint-disable-next-line no-console
|
|
593
590
|
console.groupCollapsed(' 🔹 styles', keyInit, valInit)
|
|
591
|
+
// rome-ignore lint/nursery/noConsoleLog: <explanation>
|
|
594
592
|
console.log({ isVariant, shouldPassProp, isHOCShouldPassThrough, parentHasVariant })
|
|
595
593
|
}
|
|
596
594
|
|
|
@@ -613,12 +611,11 @@ export const getSplitStyles: StyleSplitter = (
|
|
|
613
611
|
|
|
614
612
|
if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
|
|
615
613
|
if (!isServer && isDevTools) {
|
|
616
|
-
//
|
|
614
|
+
// rome-ignore lint/nursery/noConsoleLog: ok
|
|
617
615
|
console.log('expanded', expanded, '\nusedKeys', usedKeys, '\ncurrent', {
|
|
618
616
|
...style,
|
|
619
617
|
})
|
|
620
618
|
}
|
|
621
|
-
// eslint-disable-next-line no-console
|
|
622
619
|
console.groupEnd()
|
|
623
620
|
}
|
|
624
621
|
if (!expanded) return
|
|
@@ -636,6 +633,7 @@ export const getSplitStyles: StyleSplitter = (
|
|
|
636
633
|
|
|
637
634
|
if (!isMediaOrPseudo && key in usedKeys) {
|
|
638
635
|
if (process.env.NODE_ENV === 'developmnet' && debug === 'verbose') {
|
|
636
|
+
// rome-ignore lint/nursery/noConsoleLog: <explanation>
|
|
639
637
|
console.log(`Used media/pseudo ${key}`)
|
|
640
638
|
}
|
|
641
639
|
continue
|
|
@@ -720,6 +718,7 @@ export const getSplitStyles: StyleSplitter = (
|
|
|
720
718
|
} else {
|
|
721
719
|
usedKeys[key] ||= 1
|
|
722
720
|
if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
|
|
721
|
+
// rome-ignore lint/nursery/noConsoleLog: <explanation>
|
|
723
722
|
console.log(`Setting used ${key}`)
|
|
724
723
|
}
|
|
725
724
|
}
|
|
@@ -751,6 +750,7 @@ export const getSplitStyles: StyleSplitter = (
|
|
|
751
750
|
}
|
|
752
751
|
if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
|
|
753
752
|
// prettier-ignore
|
|
753
|
+
// rome-ignore lint/nursery/noConsoleLog: <explanation>
|
|
754
754
|
console.log(' merge pseudo?', keyInit, shouldMerge, { importance, curImportance, pkey, val })
|
|
755
755
|
}
|
|
756
756
|
}
|
|
@@ -779,7 +779,7 @@ export const getSplitStyles: StyleSplitter = (
|
|
|
779
779
|
|
|
780
780
|
if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
|
|
781
781
|
// prettier-ignore
|
|
782
|
-
//
|
|
782
|
+
// rome-ignore lint/nursery/noConsoleLog: ok
|
|
783
783
|
console.log(` 📺 ${key}`, { key, mediaStyle, props, shouldDoClasses })
|
|
784
784
|
}
|
|
785
785
|
|
|
@@ -804,6 +804,7 @@ export const getSplitStyles: StyleSplitter = (
|
|
|
804
804
|
space = val
|
|
805
805
|
usedKeys['space'] = importance
|
|
806
806
|
if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
|
|
807
|
+
// rome-ignore lint/nursery/noConsoleLog: <explanation>
|
|
807
808
|
console.log(
|
|
808
809
|
`Found more important space for current media ${mediaKeyShort}: ${val} (importance: ${importance})`
|
|
809
810
|
)
|
|
@@ -918,13 +919,16 @@ export const getSplitStyles: StyleSplitter = (
|
|
|
918
919
|
}
|
|
919
920
|
if (process.env.NODE_ENV === 'development') {
|
|
920
921
|
if (debug) {
|
|
922
|
+
// rome-ignore lint/nursery/noConsoleLog: <explanation>
|
|
921
923
|
console.log(`Found fontFamily native: ${style.fontFamily}`, faceInfo)
|
|
922
924
|
}
|
|
923
925
|
}
|
|
924
926
|
}
|
|
925
927
|
if (process.env.TAMAGUI_TARGET === 'native') {
|
|
926
928
|
if ('elevationAndroid' in style) {
|
|
929
|
+
// @ts-ignore
|
|
927
930
|
style['elevation'] = style.elevationAndroid
|
|
931
|
+
// @ts-ignore
|
|
928
932
|
delete style.elevationAndroid
|
|
929
933
|
}
|
|
930
934
|
}
|
|
@@ -981,7 +985,6 @@ export const getSplitStyles: StyleSplitter = (
|
|
|
981
985
|
for (const namespace in transforms) {
|
|
982
986
|
if (!transforms[namespace]) {
|
|
983
987
|
if (process.env.NODE_ENV === 'development') {
|
|
984
|
-
// eslint-disable-next-line no-console
|
|
985
988
|
console.warn('Error no transform', transforms, namespace)
|
|
986
989
|
}
|
|
987
990
|
continue
|
|
@@ -1027,15 +1030,13 @@ export const getSplitStyles: StyleSplitter = (
|
|
|
1027
1030
|
|
|
1028
1031
|
if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
|
|
1029
1032
|
if (isDevTools) {
|
|
1030
|
-
// eslint-disable-next-line no-console
|
|
1031
1033
|
console.groupCollapsed(' 🔹 =>')
|
|
1032
1034
|
// prettier-ignore
|
|
1033
1035
|
const logs = { ...result, state, etc: { transforms, viewProps, rulesToInsert, parentSplitStyles, flatTransforms } }
|
|
1034
1036
|
for (const key in logs) {
|
|
1035
|
-
//
|
|
1037
|
+
// rome-ignore lint/nursery/noConsoleLog: ok
|
|
1036
1038
|
console.log(key, logs[key])
|
|
1037
1039
|
}
|
|
1038
|
-
// eslint-disable-next-line no-console
|
|
1039
1040
|
console.groupEnd()
|
|
1040
1041
|
}
|
|
1041
1042
|
}
|
|
@@ -219,6 +219,7 @@ export function insertStyleRules(rulesToInsert: RulesToInsert) {
|
|
|
219
219
|
console.groupCollapsed(
|
|
220
220
|
`Error inserting rule into CSSStyleSheet: ${String(err)}`
|
|
221
221
|
)
|
|
222
|
+
// rome-ignore lint/nursery/noConsoleLog: <explanation>
|
|
222
223
|
console.log({ rule, rulesToInsert })
|
|
223
224
|
console.trace()
|
|
224
225
|
console.groupEnd()
|
|
@@ -6,7 +6,6 @@ export const matchMedia: MatchMedia = (...args) => matchMediaImpl(...args)
|
|
|
6
6
|
|
|
7
7
|
function matchMediaFallback(query: string): MediaQueryList {
|
|
8
8
|
if (process.env.NODE_ENV === 'development') {
|
|
9
|
-
// eslint-disable-next-line no-console
|
|
10
9
|
console.warn('warning: matchMedia implementation is not provided.')
|
|
11
10
|
}
|
|
12
11
|
return {
|
|
@@ -109,7 +109,7 @@ export function reverseMapClassNameToValue(key: string, className: string) {
|
|
|
109
109
|
if (process.env.NODE_ENV === 'development') {
|
|
110
110
|
// ensure we are parsing properly
|
|
111
111
|
if (typeof res === 'number' && isNaN(res)) {
|
|
112
|
-
//
|
|
112
|
+
// rome-ignore lint/nursery/noConsoleLog: ok
|
|
113
113
|
console.log('Tamagui invalid parsed value, NaN:', {
|
|
114
114
|
res,
|
|
115
115
|
cssVal,
|
|
@@ -18,7 +18,7 @@ export function useShallowSetState<State extends TamaguiComponentState>(
|
|
|
18
18
|
for (const key in next) {
|
|
19
19
|
if (prev[key] !== next[key]) {
|
|
20
20
|
if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
|
|
21
|
-
//
|
|
21
|
+
// rome-ignore lint/nursery/noConsoleLog: ok
|
|
22
22
|
console.log(` ▲ setState ${debugName}`, next)
|
|
23
23
|
}
|
|
24
24
|
return { ...prev, ...next }
|
package/src/hooks/useTheme.tsx
CHANGED
|
@@ -67,6 +67,7 @@ export const useThemeWithState = (props: ThemeProps) => {
|
|
|
67
67
|
console.groupCollapsed(' 🔹 useTheme =>', name)
|
|
68
68
|
const logs = { ...props, name, className, ...(isDevTools && { theme }) }
|
|
69
69
|
for (const key in logs) {
|
|
70
|
+
// rome-ignore lint/nursery/noConsoleLog: <explanation>
|
|
70
71
|
console.log(' ', key, logs[key])
|
|
71
72
|
}
|
|
72
73
|
console.groupEnd()
|
|
@@ -235,6 +236,7 @@ export const useChangeThemeEffect = (
|
|
|
235
236
|
const shouldUpdate = Boolean(keys?.length || isNewTheme)
|
|
236
237
|
if (process.env.NODE_ENV === 'development' && props.debug) {
|
|
237
238
|
const logs = { shouldUpdate, props, name, manager, keys }
|
|
239
|
+
// rome-ignore lint/nursery/noConsoleLog: <explanation>
|
|
238
240
|
console.log(` 🔸 onChange`, themeManager.id, logs)
|
|
239
241
|
}
|
|
240
242
|
if (shouldUpdate) {
|
|
@@ -354,6 +356,7 @@ export const useChangeThemeEffect = (
|
|
|
354
356
|
const parentState = { ...parentManager?.state }
|
|
355
357
|
const parentId = parentManager?.id
|
|
356
358
|
const themeManagerState = { ...themeManager.state }
|
|
359
|
+
// rome-ignore lint/nursery/noConsoleLog: <explanation>
|
|
357
360
|
console.log({
|
|
358
361
|
props,
|
|
359
362
|
parentState,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AAGA,OAAO,KAYN,MAAM,OAAO,CAAA;AAkBd,OAAO,EACL,SAAS,EACT,cAAc,EACd,WAAW,EACX,WAAW,EACX,YAAY,EACZ,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAEhB,qBAAqB,EAErB,cAAc,EAIf,MAAM,SAAS,CAAA;AAsBhB,eAAO,MAAM,qBAAqB,EAAE,qBAMnC,CAAA;AAeD,eAAO,MAAM,QAAQ,eAAsB,CAAA;AA8B3C,wBAAgB,eAAe,CAC7B,kBAAkB,SAAS,MAAM,GAAG,EAAE,EACtC,GAAG,GAAG,cAAc,EACpB,SAAS,GAAG,KAAK,EAEjB,QAAQ,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,kBAAkB,EACpD,eAAe,CAAC,EAAE,iBAAiB,
|
|
1
|
+
{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AAGA,OAAO,KAYN,MAAM,OAAO,CAAA;AAkBd,OAAO,EACL,SAAS,EACT,cAAc,EACd,WAAW,EACX,WAAW,EACX,YAAY,EACZ,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAEhB,qBAAqB,EAErB,cAAc,EAIf,MAAM,SAAS,CAAA;AAsBhB,eAAO,MAAM,qBAAqB,EAAE,qBAMnC,CAAA;AAeD,eAAO,MAAM,QAAQ,eAAsB,CAAA;AA8B3C,wBAAgB,eAAe,CAC7B,kBAAkB,SAAS,MAAM,GAAG,EAAE,EACtC,GAAG,GAAG,cAAc,EACpB,SAAS,GAAG,KAAK,EAEjB,QAAQ,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,kBAAkB,EACpD,eAAe,CAAC,EAAE,iBAAiB,wDA6zBpC;AAGD,eAAO,MAAM,QAAQ;YAAW;QAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;KAAE;;CAAmB,CAAA;AAMrE,eAAO,MAAM,MAAM,sDA8CjB,CAAA;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,KAAK,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,IAAI,CAAA;IACnC,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC5B,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,mBAkGxD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createPropMapper.d.ts","sourceRoot":"","sources":["../../src/helpers/createPropMapper.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAGV,UAAU,EACV,eAAe,EACf,kBAAkB,EAClB,qBAAqB,EAEtB,MAAM,aAAa,CAAA;AAQpB,MAAM,MAAM,oBAAoB,GAC5B,MAAM,GACN,OAAO,GACP,UAAU,GACV,MAAM,GACN,iBAAiB,CAAA;AAErB,eAAO,MAAM,oBAAoB,UAAW,GAAG,SAAS,QAAQ,eAAe,CAAC,qBAE/E,CAAA;AAED,eAAO,MAAM,gBAAgB,iBAAkB,kBAAkB,eAsGhE,CAAA;
|
|
1
|
+
{"version":3,"file":"createPropMapper.d.ts","sourceRoot":"","sources":["../../src/helpers/createPropMapper.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAGV,UAAU,EACV,eAAe,EACf,kBAAkB,EAClB,qBAAqB,EAEtB,MAAM,aAAa,CAAA;AAQpB,MAAM,MAAM,oBAAoB,GAC5B,MAAM,GACN,OAAO,GACP,UAAU,GACV,MAAM,GACN,iBAAiB,CAAA;AAErB,eAAO,MAAM,oBAAoB,UAAW,GAAG,SAAS,QAAQ,eAAe,CAAC,qBAE/E,CAAA;AAED,eAAO,MAAM,gBAAgB,iBAAkB,kBAAkB,eAsGhE,CAAA;AA8GD,wBAAgB,+BAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,qBAAqB,sBA2BtF;AAMD,eAAO,MAAM,uBAAuB,cAAe,GAAG,QAErD,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getSplitStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/getSplitStyles.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EACV,gBAAgB,EAChB,SAAS,EACT,cAAc,EAMd,eAAe,EACf,kBAAkB,EAElB,qBAAqB,EACrB,cAAc,EACd,WAAW,EAEZ,MAAM,aAAa,CAAA;AACpB,OAAO,KAAK,EACV,iBAAiB,EACjB,mBAAmB,EACpB,MAAM,gCAAgC,CAAA;AAkBvC,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE,cAAc,CAAA;IACrB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAChC,UAAU,EAAE,gBAAgB,CAAA;IAC5B,YAAY,EAAE,kBAAkB,CAAA;IAChC,KAAK,EAAE,WAAW,CAAA;IAClB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC1B,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC9B,KAAK,EAAE,eAAe,CAAA;IACtB,IAAI,EAAE,qBAAqB,CAAA;IAC3B,eAAe,CAAC,EAAE,iBAAiB,CAAA;IACnC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAE3D,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AA0FhE,KAAK,aAAa,GAAG,CACnB,KAAK,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAC7B,YAAY,EAAE,kBAAkB,EAChC,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,eAAe,EACtB,iBAAiB,CAAC,EAAE,cAAc,GAAG,IAAI,EACzC,eAAe,CAAC,EAAE,mBAAmB,EAErC,WAAW,CAAC,EAAE,MAAM,EACpB,KAAK,CAAC,EAAE,SAAS,KACd,cAAc,CAAA;AAEnB,eAAO,MAAM,UAAU,MAAM,CAAA;AAqB7B,eAAO,MAAM,cAAc,EAAE,
|
|
1
|
+
{"version":3,"file":"getSplitStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/getSplitStyles.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EACV,gBAAgB,EAChB,SAAS,EACT,cAAc,EAMd,eAAe,EACf,kBAAkB,EAElB,qBAAqB,EACrB,cAAc,EACd,WAAW,EAEZ,MAAM,aAAa,CAAA;AACpB,OAAO,KAAK,EACV,iBAAiB,EACjB,mBAAmB,EACpB,MAAM,gCAAgC,CAAA;AAkBvC,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE,cAAc,CAAA;IACrB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAChC,UAAU,EAAE,gBAAgB,CAAA;IAC5B,YAAY,EAAE,kBAAkB,CAAA;IAChC,KAAK,EAAE,WAAW,CAAA;IAClB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC1B,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC9B,KAAK,EAAE,eAAe,CAAA;IACtB,IAAI,EAAE,qBAAqB,CAAA;IAC3B,eAAe,CAAC,EAAE,iBAAiB,CAAA;IACnC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAE3D,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AA0FhE,KAAK,aAAa,GAAG,CACnB,KAAK,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAC7B,YAAY,EAAE,kBAAkB,EAChC,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,eAAe,EACtB,iBAAiB,CAAC,EAAE,cAAc,GAAG,IAAI,EACzC,eAAe,CAAC,EAAE,mBAAmB,EAErC,WAAW,CAAC,EAAE,MAAM,EACpB,KAAK,CAAC,EAAE,SAAS,KACd,cAAc,CAAA;AAEnB,eAAO,MAAM,UAAU,MAAM,CAAA;AAqB7B,eAAO,MAAM,cAAc,EAAE,aAy0B5B,CAAA;AA0FD,eAAO,MAAM,WAAW,eACV,aAAa,UACjB,MAAM,WACL,MAAM,sBACK,OAAO,wBACL,OAAO,KAC5B,cAkCF,CAAA;AAOD,eAAO,MAAM,cAAc,EAAE,aAU5B,CAAA;AA2BD,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getStylesAtomic.native.d.ts","sourceRoot":"","sources":["../../src/helpers/getStylesAtomic.native.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"getStylesAtomic.native.d.ts","sourceRoot":"","sources":["../../src/helpers/getStylesAtomic.native.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe,YAAQ,CAAA;AACpC,eAAO,MAAM,cAAc,YAAQ,CAAA;AACnC,eAAO,MAAM,UAAU,YAAQ,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getThemeCSSRules.d.ts","sourceRoot":"","sources":["../../src/helpers/getThemeCSSRules.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAGlE,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,SAAS,EACT,KAAK,EACL,KAAK,GACN,EAAE;IACD,MAAM,EAAE,kBAAkB,CAAA;IAC1B,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,WAAW,CAAA;IAClB,KAAK,EAAE,MAAM,EAAE,CAAA;CAChB,
|
|
1
|
+
{"version":3,"file":"getThemeCSSRules.d.ts","sourceRoot":"","sources":["../../src/helpers/getThemeCSSRules.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAGlE,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,SAAS,EACT,KAAK,EACL,KAAK,GACN,EAAE;IACD,MAAM,EAAE,kBAAkB,CAAA;IAC1B,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,WAAW,CAAA;IAClB,KAAK,EAAE,MAAM,EAAE,CAAA;CAChB,YA+IA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"insertStyleRule.d.ts","sourceRoot":"","sources":["../../src/helpers/insertStyleRule.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAe,MAAM,aAAa,CAAA;AAI7D,eAAO,MAAM,kBAAkB,IAAK,CAAA;AAEpC,eAAO,MAAM,eAAe,8BAAqB,CAAA;AACjD,eAAO,MAAM,WAAW,gBAAgC,CAAA;AACxD,eAAO,MAAM,gBAAgB,UAA2B,CAAA;AAiCxD,wBAAgB,qBAAqB,SAkBpC;AAID,wBAAgB,aAAa,SAqB5B;AAoGD,wBAAgB,WAAW,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,uBAS9D;AAED,wBAAgB,gBAAgB,CAAC,aAAa,EAAE,aAAa,
|
|
1
|
+
{"version":3,"file":"insertStyleRule.d.ts","sourceRoot":"","sources":["../../src/helpers/insertStyleRule.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAe,MAAM,aAAa,CAAA;AAI7D,eAAO,MAAM,kBAAkB,IAAK,CAAA;AAEpC,eAAO,MAAM,eAAe,8BAAqB,CAAA;AACjD,eAAO,MAAM,WAAW,gBAAgC,CAAA;AACxD,eAAO,MAAM,gBAAgB,UAA2B,CAAA;AAiCxD,wBAAgB,qBAAqB,SAkBpC;AAID,wBAAgB,aAAa,SAqB5B;AAoGD,wBAAgB,WAAW,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,uBAS9D;AAED,wBAAgB,gBAAgB,CAAC,aAAa,EAAE,aAAa,QAgC5D;AAED,wBAAgB,sBAAsB,CAAC,UAAU,EAAE,MAAM,WAOxD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"matchMedia.native.d.ts","sourceRoot":"","sources":["../../src/helpers/matchMedia.native.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAkB,MAAM,aAAa,CAAA;AAIxD,eAAO,MAAM,UAAU,EAAE,UAAiD,CAAA;
|
|
1
|
+
{"version":3,"file":"matchMedia.native.d.ts","sourceRoot":"","sources":["../../src/helpers/matchMedia.native.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAkB,MAAM,aAAa,CAAA;AAIxD,eAAO,MAAM,UAAU,EAAE,UAAiD,CAAA;AAa1E,wBAAgB,eAAe,CAAC,CAAC,EAAE,UAAU,QAI5C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.tsx"],"names":[],"mappings":"AAQA,OAAO,EACL,YAAY,EAIb,MAAM,4BAA4B,CAAA;AAEnC,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAI1D,MAAM,MAAM,oBAAoB,GAAG;IACjC,UAAU,EAAE,OAAO,CAAA;IACnB,YAAY,EAAE,YAAY,GAAG,IAAI,CAAA;IACjC,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAoBD,eAAO,MAAM,QAAQ,WAAW,UAAU,KAAgB,WAEzD,CAAA;AAED,eAAO,MAAM,iBAAiB,UAAW,UAAU;;gBA7BrC,OAAO;kBACL,YAAY,GAAG,IAAI;UAC3B,MAAM;;
|
|
1
|
+
{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.tsx"],"names":[],"mappings":"AAQA,OAAO,EACL,YAAY,EAIb,MAAM,4BAA4B,CAAA;AAEnC,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAI1D,MAAM,MAAM,oBAAoB,GAAG;IACjC,UAAU,EAAE,OAAO,CAAA;IACnB,YAAY,EAAE,YAAY,GAAG,IAAI,CAAA;IACjC,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAoBD,eAAO,MAAM,QAAQ,WAAW,UAAU,KAAgB,WAEzD,CAAA;AAED,eAAO,MAAM,iBAAiB,UAAW,UAAU;;gBA7BrC,OAAO;kBACL,YAAY,GAAG,IAAI;UAC3B,MAAM;;QAoEb,CAAA;AAED,wBAAgB,eAAe,CAC7B,EACE,KAAK,EACL,YAAY,GACb,EAAE,OAAO,CAAC,oBAAoB,CAAC,GAAG;IACjC,KAAK,EAAE,WAAW,CAAA;CACnB,EACD,IAAI,CAAC,EAAE,MAAM,EAAE,eA2ChB;AAED,eAAO,MAAM,mBAAmB,mBAA0B,CAAA;AAE1D,eAAO,MAAM,oBAAoB,UACxB,UAAU,yBAEV,MAAM,EAAE,kBACC,MAAM,OAAO,KAC5B,oBA8NF,CAAA"}
|