@tamagui/react-native-web-internals 2.0.0-rc.4 → 2.0.0-rc.40
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/StyleSheet/__tests__/compiler-createReactDOMStyle-test.cjs +62 -37
- package/dist/cjs/StyleSheet/__tests__/compiler-test.cjs +129 -117
- package/dist/cjs/StyleSheet/__tests__/dom-createOrderedCSSStyleSheet-test.cjs +69 -30
- package/dist/cjs/StyleSheet/__tests__/index-test.cjs +127 -95
- package/dist/cjs/StyleSheet/__tests__/preprocess-test.cjs +26 -13
- package/dist/cjs/StyleSheet/__tests__/validate-test.cjs +30 -15
- package/dist/cjs/StyleSheet/compiler/createReactDOMStyle.cjs +141 -68
- package/dist/cjs/StyleSheet/compiler/hash.cjs +12 -10
- package/dist/cjs/StyleSheet/compiler/hyphenateStyleName.cjs +18 -14
- package/dist/cjs/StyleSheet/compiler/index.cjs +234 -173
- package/dist/cjs/StyleSheet/compiler/normalizeColor.cjs +17 -21
- package/dist/cjs/StyleSheet/compiler/normalizeValueWithProperty.cjs +30 -23
- package/dist/cjs/StyleSheet/compiler/resolveShadowValue.cjs +36 -32
- package/dist/cjs/StyleSheet/dom/createCSSStyleSheet.cjs +30 -15
- package/dist/cjs/StyleSheet/dom/createOrderedCSSStyleSheet.cjs +62 -37
- package/dist/cjs/StyleSheet/dom/index.cjs +56 -34
- package/dist/cjs/StyleSheet/index.cjs +25 -18
- package/dist/cjs/StyleSheet/preprocess.cjs +94 -81
- package/dist/cjs/StyleSheet/validate.cjs +67 -44
- package/dist/cjs/TextAncestorContext.cjs +13 -11
- package/dist/cjs/colorProps.cjs +22 -20
- package/dist/cjs/index.cjs +48 -45
- package/dist/cjs/modules/AccessibilityUtil/__tests__/propsToAccessibilityComponent-test.cjs +19 -12
- package/dist/cjs/modules/AccessibilityUtil/__tests__/propsToAriaRole-test.cjs +17 -11
- package/dist/cjs/modules/AccessibilityUtil/index.cjs +15 -13
- package/dist/cjs/modules/AccessibilityUtil/isDisabled.cjs +12 -10
- package/dist/cjs/modules/AccessibilityUtil/propsToAccessibilityComponent.cjs +45 -38
- package/dist/cjs/modules/AccessibilityUtil/propsToAriaRole.cjs +34 -30
- package/dist/cjs/modules/AssetRegistry/index.cjs +12 -10
- package/dist/cjs/modules/ImageLoader/index.cjs +117 -71
- package/dist/cjs/modules/InteractionManager.cjs +155 -99
- package/dist/cjs/modules/Platform/__tests__/index-test.cjs +21 -13
- package/dist/cjs/modules/Platform/index.cjs +12 -10
- package/dist/cjs/modules/TextInputState/index.cjs +28 -13
- package/dist/cjs/modules/UIManager/__tests__/index-test.cjs +77 -56
- package/dist/cjs/modules/UIManager/index.cjs +47 -42
- package/dist/cjs/modules/canUseDOM.cjs +13 -11
- package/dist/cjs/modules/createDOMProps/__tests__/index-test.cjs +75 -54
- package/dist/cjs/modules/createDOMProps/index.cjs +353 -102
- package/dist/cjs/modules/createEventHandle/__tests__/index-test.cjs +238 -160
- package/dist/cjs/modules/createEventHandle/index.cjs +46 -25
- package/dist/cjs/modules/dismissKeyboard/index.cjs +12 -10
- package/dist/cjs/modules/forwardedProps/index.cjs +137 -134
- package/dist/cjs/modules/getBoundingClientRect/index.cjs +18 -11
- package/dist/cjs/modules/invariant.cjs +21 -15
- package/dist/cjs/modules/isSelectionValid/index.cjs +18 -17
- package/dist/cjs/modules/isWebColor/index.cjs +12 -10
- package/dist/cjs/modules/mergeRefs/__tests__/index-test.cjs +21 -15
- package/dist/cjs/modules/mergeRefs/index.cjs +24 -21
- package/dist/cjs/modules/modality/__tests__/index-test.cjs +44 -17
- package/dist/cjs/modules/modality/index.cjs +148 -71
- package/dist/cjs/modules/multiplyStyleLengthValue/__tests__/index-test.cjs +18 -10
- package/dist/cjs/modules/multiplyStyleLengthValue/index.cjs +26 -20
- package/dist/cjs/modules/normalizeColor/index.cjs +22 -17
- package/dist/cjs/modules/pick/index.cjs +19 -11
- package/dist/cjs/modules/processColor/__tests__/index-test.cjs +43 -24
- package/dist/cjs/modules/processColor/index.cjs +32 -24
- package/dist/cjs/modules/requestIdleCallback/index.cjs +28 -26
- package/dist/cjs/modules/setValueForStyles/dangerousStyleValue.cjs +37 -12
- package/dist/cjs/modules/setValueForStyles/index.cjs +25 -14
- package/dist/cjs/modules/unitlessNumbers/index.cjs +68 -64
- package/dist/cjs/modules/useElementLayout/index.cjs +25 -20
- package/dist/cjs/modules/useEvent/__tests__/index-test.cjs +255 -173
- package/dist/cjs/modules/useEvent/index.cjs +40 -28
- package/dist/cjs/modules/useHover/__tests__/index-test.cjs +233 -124
- package/dist/cjs/modules/useHover/index.cjs +105 -62
- package/dist/cjs/modules/useLayoutEffect/index.cjs +26 -24
- package/dist/cjs/modules/useLocale/index.cjs +33 -30
- package/dist/cjs/modules/useLocale/isLocaleRTL.cjs +63 -58
- package/dist/cjs/modules/useMergeRefs/__tests__/index-test.cjs +54 -31
- package/dist/cjs/modules/useMergeRefs/index.cjs +26 -24
- package/dist/cjs/modules/usePlatformMethods/index.cjs +21 -14
- package/dist/cjs/modules/useStable/__tests__/index-test.cjs +60 -30
- package/dist/cjs/modules/useStable/index.cjs +29 -24
- package/dist/cjs/styleTypes.cjs +7 -5
- package/dist/cjs/types.cjs +7 -5
- package/dist/esm/StyleSheet/__tests__/compiler-createReactDOMStyle-test.mjs +53 -30
- package/dist/esm/StyleSheet/__tests__/compiler-createReactDOMStyle-test.mjs.map +1 -1
- package/dist/esm/StyleSheet/__tests__/compiler-test.mjs +130 -118
- package/dist/esm/StyleSheet/__tests__/compiler-test.mjs.map +1 -1
- package/dist/esm/StyleSheet/__tests__/dom-createOrderedCSSStyleSheet-test.mjs +60 -23
- package/dist/esm/StyleSheet/__tests__/dom-createOrderedCSSStyleSheet-test.mjs.map +1 -1
- package/dist/esm/StyleSheet/__tests__/index-test.mjs +118 -88
- package/dist/esm/StyleSheet/__tests__/index-test.mjs.map +1 -1
- package/dist/esm/StyleSheet/__tests__/preprocess-test.mjs +26 -13
- package/dist/esm/StyleSheet/__tests__/preprocess-test.mjs.map +1 -1
- package/dist/esm/StyleSheet/__tests__/validate-test.mjs +30 -15
- package/dist/esm/StyleSheet/__tests__/validate-test.mjs.map +1 -1
- package/dist/esm/StyleSheet/compiler/createReactDOMStyle.mjs +127 -56
- package/dist/esm/StyleSheet/compiler/createReactDOMStyle.mjs.map +1 -1
- package/dist/esm/StyleSheet/compiler/hyphenateStyleName.mjs +6 -4
- package/dist/esm/StyleSheet/compiler/hyphenateStyleName.mjs.map +1 -1
- package/dist/esm/StyleSheet/compiler/index.mjs +218 -159
- package/dist/esm/StyleSheet/compiler/index.mjs.map +1 -1
- package/dist/esm/StyleSheet/compiler/normalizeColor.mjs +5 -11
- package/dist/esm/StyleSheet/compiler/normalizeColor.mjs.map +1 -1
- package/dist/esm/StyleSheet/compiler/normalizeValueWithProperty.mjs +16 -11
- package/dist/esm/StyleSheet/compiler/normalizeValueWithProperty.mjs.map +1 -1
- package/dist/esm/StyleSheet/compiler/resolveShadowValue.mjs +22 -20
- package/dist/esm/StyleSheet/compiler/resolveShadowValue.mjs.map +1 -1
- package/dist/esm/StyleSheet/dom/createCSSStyleSheet.mjs +18 -5
- package/dist/esm/StyleSheet/dom/createCSSStyleSheet.mjs.map +1 -1
- package/dist/esm/StyleSheet/dom/createOrderedCSSStyleSheet.mjs +50 -27
- package/dist/esm/StyleSheet/dom/createOrderedCSSStyleSheet.mjs.map +1 -1
- package/dist/esm/StyleSheet/dom/index.mjs +41 -21
- package/dist/esm/StyleSheet/dom/index.mjs.map +1 -1
- package/dist/esm/StyleSheet/index.mjs +13 -8
- package/dist/esm/StyleSheet/index.mjs.map +1 -1
- package/dist/esm/StyleSheet/preprocess.mjs +80 -69
- package/dist/esm/StyleSheet/preprocess.mjs.map +1 -1
- package/dist/esm/StyleSheet/validate.mjs +55 -34
- package/dist/esm/StyleSheet/validate.mjs.map +1 -1
- package/dist/esm/TextAncestorContext.mjs +1 -1
- package/dist/esm/TextAncestorContext.mjs.map +1 -1
- package/dist/esm/colorProps.mjs +10 -10
- package/dist/esm/index.js +42 -77
- package/dist/esm/index.js.map +1 -6
- package/dist/esm/index.mjs +2 -2
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/modules/AccessibilityUtil/__tests__/propsToAccessibilityComponent-test.mjs +10 -5
- package/dist/esm/modules/AccessibilityUtil/__tests__/propsToAccessibilityComponent-test.mjs.map +1 -1
- package/dist/esm/modules/AccessibilityUtil/__tests__/propsToAriaRole-test.mjs +8 -4
- package/dist/esm/modules/AccessibilityUtil/__tests__/propsToAriaRole-test.mjs.map +1 -1
- package/dist/esm/modules/AccessibilityUtil/propsToAccessibilityComponent.mjs +33 -28
- package/dist/esm/modules/AccessibilityUtil/propsToAccessibilityComponent.mjs.map +1 -1
- package/dist/esm/modules/AccessibilityUtil/propsToAriaRole.mjs +22 -20
- package/dist/esm/modules/AccessibilityUtil/propsToAriaRole.mjs.map +1 -1
- package/dist/esm/modules/ImageLoader/index.mjs +105 -61
- package/dist/esm/modules/ImageLoader/index.mjs.map +1 -1
- package/dist/esm/modules/InteractionManager.mjs +141 -87
- package/dist/esm/modules/InteractionManager.mjs.map +1 -1
- package/dist/esm/modules/Platform/__tests__/index-test.mjs +13 -7
- package/dist/esm/modules/Platform/__tests__/index-test.mjs.map +1 -1
- package/dist/esm/modules/TextInputState/index.mjs +17 -4
- package/dist/esm/modules/TextInputState/index.mjs.map +1 -1
- package/dist/esm/modules/UIManager/__tests__/index-test.mjs +69 -50
- package/dist/esm/modules/UIManager/__tests__/index-test.mjs.map +1 -1
- package/dist/esm/modules/UIManager/index.mjs +35 -32
- package/dist/esm/modules/UIManager/index.mjs.map +1 -1
- package/dist/esm/modules/canUseDOM.mjs +1 -1
- package/dist/esm/modules/canUseDOM.mjs.map +1 -1
- package/dist/esm/modules/createDOMProps/__tests__/index-test.mjs +67 -48
- package/dist/esm/modules/createDOMProps/__tests__/index-test.mjs.map +1 -1
- package/dist/esm/modules/createDOMProps/index.mjs +339 -90
- package/dist/esm/modules/createDOMProps/index.mjs.map +1 -1
- package/dist/esm/modules/createEventHandle/__tests__/index-test.mjs +223 -147
- package/dist/esm/modules/createEventHandle/__tests__/index-test.mjs.map +1 -1
- package/dist/esm/modules/createEventHandle/index.mjs +34 -15
- package/dist/esm/modules/createEventHandle/index.mjs.map +1 -1
- package/dist/esm/modules/forwardedProps/index.mjs +125 -124
- package/dist/esm/modules/forwardedProps/index.mjs.map +1 -1
- package/dist/esm/modules/getBoundingClientRect/index.mjs +6 -1
- package/dist/esm/modules/getBoundingClientRect/index.mjs.map +1 -1
- package/dist/esm/modules/invariant.mjs +9 -5
- package/dist/esm/modules/invariant.mjs.map +1 -1
- package/dist/esm/modules/isSelectionValid/index.mjs +6 -7
- package/dist/esm/modules/isSelectionValid/index.mjs.map +1 -1
- package/dist/esm/modules/mergeRefs/__tests__/index-test.mjs +9 -5
- package/dist/esm/modules/mergeRefs/__tests__/index-test.mjs.map +1 -1
- package/dist/esm/modules/mergeRefs/index.mjs +12 -11
- package/dist/esm/modules/mergeRefs/index.mjs.map +1 -1
- package/dist/esm/modules/modality/__tests__/index-test.mjs +43 -16
- package/dist/esm/modules/modality/__tests__/index-test.mjs.map +1 -1
- package/dist/esm/modules/modality/index.mjs +134 -59
- package/dist/esm/modules/modality/index.mjs.map +1 -1
- package/dist/esm/modules/multiplyStyleLengthValue/__tests__/index-test.mjs +10 -4
- package/dist/esm/modules/multiplyStyleLengthValue/__tests__/index-test.mjs.map +1 -1
- package/dist/esm/modules/multiplyStyleLengthValue/index.mjs +14 -10
- package/dist/esm/modules/multiplyStyleLengthValue/index.mjs.map +1 -1
- package/dist/esm/modules/normalizeColor/index.mjs +8 -5
- package/dist/esm/modules/normalizeColor/index.mjs.map +1 -1
- package/dist/esm/modules/pick/index.mjs +7 -1
- package/dist/esm/modules/pick/index.mjs.map +1 -1
- package/dist/esm/modules/processColor/__tests__/index-test.mjs +35 -18
- package/dist/esm/modules/processColor/__tests__/index-test.mjs.map +1 -1
- package/dist/esm/modules/processColor/index.mjs +8 -2
- package/dist/esm/modules/processColor/index.mjs.map +1 -1
- package/dist/esm/modules/requestIdleCallback/index.mjs +16 -16
- package/dist/esm/modules/requestIdleCallback/index.mjs.map +1 -1
- package/dist/esm/modules/setValueForStyles/dangerousStyleValue.mjs +25 -2
- package/dist/esm/modules/setValueForStyles/dangerousStyleValue.mjs.map +1 -1
- package/dist/esm/modules/setValueForStyles/index.mjs +13 -4
- package/dist/esm/modules/setValueForStyles/index.mjs.map +1 -1
- package/dist/esm/modules/unitlessNumbers/index.mjs +56 -54
- package/dist/esm/modules/unitlessNumbers/index.mjs.map +1 -1
- package/dist/esm/modules/useElementLayout/index.mjs +11 -8
- package/dist/esm/modules/useElementLayout/index.mjs.map +1 -1
- package/dist/esm/modules/useEvent/__tests__/index-test.mjs +241 -161
- package/dist/esm/modules/useEvent/__tests__/index-test.mjs.map +1 -1
- package/dist/esm/modules/useEvent/index.mjs +25 -15
- package/dist/esm/modules/useEvent/index.mjs.map +1 -1
- package/dist/esm/modules/useHover/__tests__/index-test.mjs +218 -111
- package/dist/esm/modules/useHover/__tests__/index-test.mjs.map +1 -1
- package/dist/esm/modules/useHover/index.mjs +90 -49
- package/dist/esm/modules/useHover/index.mjs.map +1 -1
- package/dist/esm/modules/useLocale/index.mjs +6 -5
- package/dist/esm/modules/useLocale/index.mjs.map +1 -1
- package/dist/esm/modules/useLocale/isLocaleRTL.mjs +51 -48
- package/dist/esm/modules/useLocale/isLocaleRTL.mjs.map +1 -1
- package/dist/esm/modules/useMergeRefs/__tests__/index-test.mjs +41 -20
- package/dist/esm/modules/useMergeRefs/__tests__/index-test.mjs.map +1 -1
- package/dist/esm/modules/usePlatformMethods/index.mjs +7 -2
- package/dist/esm/modules/usePlatformMethods/index.mjs.map +1 -1
- package/dist/esm/modules/useStable/__tests__/index-test.mjs +48 -20
- package/dist/esm/modules/useStable/__tests__/index-test.mjs.map +1 -1
- package/dist/esm/modules/useStable/index.mjs +5 -2
- package/dist/esm/modules/useStable/index.mjs.map +1 -1
- package/package.json +9 -8
- package/src/index.tsx +4 -1
- package/src/modules/createDOMProps/index.tsx +51 -0
- package/src/modules/forwardedProps/index.tsx +1 -0
- package/src/modules/setValueForStyles/dangerousStyleValue.tsx +24 -0
- package/types/index.d.ts +1 -1
- package/types/index.d.ts.map +1 -1
- package/types/modules/createDOMProps/index.d.ts.map +1 -1
- package/types/modules/forwardedProps/index.d.ts +4 -0
- package/types/modules/forwardedProps/index.d.ts.map +1 -1
- package/types/modules/setValueForStyles/dangerousStyleValue.d.ts.map +1 -1
- package/dist/cjs/StyleSheet/__tests__/compiler-createReactDOMStyle-test.js +0 -192
- package/dist/cjs/StyleSheet/__tests__/compiler-createReactDOMStyle-test.js.map +0 -6
- package/dist/cjs/StyleSheet/__tests__/compiler-test.js +0 -378
- package/dist/cjs/StyleSheet/__tests__/compiler-test.js.map +0 -6
- package/dist/cjs/StyleSheet/__tests__/dom-createOrderedCSSStyleSheet-test.js +0 -117
- package/dist/cjs/StyleSheet/__tests__/dom-createOrderedCSSStyleSheet-test.js.map +0 -6
- package/dist/cjs/StyleSheet/__tests__/index-test.js +0 -347
- package/dist/cjs/StyleSheet/__tests__/index-test.js.map +0 -6
- package/dist/cjs/StyleSheet/__tests__/preprocess-test.js +0 -77
- package/dist/cjs/StyleSheet/__tests__/preprocess-test.js.map +0 -6
- package/dist/cjs/StyleSheet/__tests__/validate-test.js +0 -18
- package/dist/cjs/StyleSheet/__tests__/validate-test.js.map +0 -6
- package/dist/cjs/StyleSheet/compiler/createReactDOMStyle.js +0 -112
- package/dist/cjs/StyleSheet/compiler/createReactDOMStyle.js.map +0 -6
- package/dist/cjs/StyleSheet/compiler/hash.js +0 -21
- package/dist/cjs/StyleSheet/compiler/hash.js.map +0 -6
- package/dist/cjs/StyleSheet/compiler/hyphenateStyleName.js +0 -30
- package/dist/cjs/StyleSheet/compiler/hyphenateStyleName.js.map +0 -6
- package/dist/cjs/StyleSheet/compiler/index.js +0 -245
- package/dist/cjs/StyleSheet/compiler/index.js.map +0 -6
- package/dist/cjs/StyleSheet/compiler/normalizeColor.js +0 -33
- package/dist/cjs/StyleSheet/compiler/normalizeColor.js.map +0 -6
- package/dist/cjs/StyleSheet/compiler/normalizeValueWithProperty.js +0 -37
- package/dist/cjs/StyleSheet/compiler/normalizeValueWithProperty.js.map +0 -6
- package/dist/cjs/StyleSheet/compiler/resolveShadowValue.js +0 -26
- package/dist/cjs/StyleSheet/compiler/resolveShadowValue.js.map +0 -6
- package/dist/cjs/StyleSheet/dom/createCSSStyleSheet.js +0 -36
- package/dist/cjs/StyleSheet/dom/createCSSStyleSheet.js.map +0 -6
- package/dist/cjs/StyleSheet/dom/createOrderedCSSStyleSheet.js +0 -94
- package/dist/cjs/StyleSheet/dom/createOrderedCSSStyleSheet.js.map +0 -6
- package/dist/cjs/StyleSheet/dom/index.js +0 -66
- package/dist/cjs/StyleSheet/dom/index.js.map +0 -6
- package/dist/cjs/StyleSheet/index.js +0 -52
- package/dist/cjs/StyleSheet/index.js.map +0 -6
- package/dist/cjs/StyleSheet/preprocess.js +0 -59
- package/dist/cjs/StyleSheet/preprocess.js.map +0 -6
- package/dist/cjs/StyleSheet/validate.js +0 -66
- package/dist/cjs/StyleSheet/validate.js.map +0 -6
- package/dist/cjs/TextAncestorContext.js +0 -22
- package/dist/cjs/TextAncestorContext.js.map +0 -6
- package/dist/cjs/colorProps.js +0 -32
- package/dist/cjs/colorProps.js.map +0 -6
- package/dist/cjs/index.js +0 -66
- package/dist/cjs/index.js.map +0 -6
- package/dist/cjs/modules/AccessibilityUtil/__tests__/propsToAccessibilityComponent-test.js +0 -46
- package/dist/cjs/modules/AccessibilityUtil/__tests__/propsToAccessibilityComponent-test.js.map +0 -6
- package/dist/cjs/modules/AccessibilityUtil/__tests__/propsToAriaRole-test.js +0 -30
- package/dist/cjs/modules/AccessibilityUtil/__tests__/propsToAriaRole-test.js.map +0 -6
- package/dist/cjs/modules/AccessibilityUtil/index.js +0 -26
- package/dist/cjs/modules/AccessibilityUtil/index.js.map +0 -6
- package/dist/cjs/modules/AccessibilityUtil/isDisabled.js +0 -21
- package/dist/cjs/modules/AccessibilityUtil/isDisabled.js.map +0 -6
- package/dist/cjs/modules/AccessibilityUtil/propsToAccessibilityComponent.js +0 -51
- package/dist/cjs/modules/AccessibilityUtil/propsToAccessibilityComponent.js.map +0 -6
- package/dist/cjs/modules/AccessibilityUtil/propsToAriaRole.js +0 -42
- package/dist/cjs/modules/AccessibilityUtil/propsToAriaRole.js.map +0 -6
- package/dist/cjs/modules/AssetRegistry/index.js +0 -28
- package/dist/cjs/modules/AssetRegistry/index.js.map +0 -6
- package/dist/cjs/modules/ImageLoader/index.js +0 -101
- package/dist/cjs/modules/ImageLoader/index.js.map +0 -6
- package/dist/cjs/modules/InteractionManager.js +0 -163
- package/dist/cjs/modules/InteractionManager.js.map +0 -6
- package/dist/cjs/modules/Platform/__tests__/index-test.js +0 -46
- package/dist/cjs/modules/Platform/__tests__/index-test.js.map +0 -6
- package/dist/cjs/modules/Platform/index.js +0 -25
- package/dist/cjs/modules/Platform/index.js.map +0 -6
- package/dist/cjs/modules/TextInputState/index.js +0 -50
- package/dist/cjs/modules/TextInputState/index.js.map +0 -6
- package/dist/cjs/modules/UIManager/__tests__/index-test.js +0 -66
- package/dist/cjs/modules/UIManager/__tests__/index-test.js.map +0 -6
- package/dist/cjs/modules/UIManager/index.js +0 -57
- package/dist/cjs/modules/UIManager/index.js.map +0 -6
- package/dist/cjs/modules/canUseDOM.js +0 -21
- package/dist/cjs/modules/canUseDOM.js.map +0 -6
- package/dist/cjs/modules/createDOMProps/__tests__/index-test.js +0 -106
- package/dist/cjs/modules/createDOMProps/__tests__/index-test.js.map +0 -6
- package/dist/cjs/modules/createDOMProps/index.js +0 -126
- package/dist/cjs/modules/createDOMProps/index.js.map +0 -6
- package/dist/cjs/modules/createEventHandle/__tests__/index-test.js +0 -242
- package/dist/cjs/modules/createEventHandle/__tests__/index-test.js.map +0 -6
- package/dist/cjs/modules/createEventHandle/index.js +0 -66
- package/dist/cjs/modules/createEventHandle/index.js.map +0 -6
- package/dist/cjs/modules/dismissKeyboard/index.js +0 -24
- package/dist/cjs/modules/dismissKeyboard/index.js.map +0 -6
- package/dist/cjs/modules/forwardedProps/index.js +0 -145
- package/dist/cjs/modules/forwardedProps/index.js.map +0 -6
- package/dist/cjs/modules/getBoundingClientRect/index.js +0 -24
- package/dist/cjs/modules/getBoundingClientRect/index.js.map +0 -6
- package/dist/cjs/modules/invariant.js +0 -35
- package/dist/cjs/modules/invariant.js.map +0 -6
- package/dist/cjs/modules/isSelectionValid/index.js +0 -27
- package/dist/cjs/modules/isSelectionValid/index.js.map +0 -6
- package/dist/cjs/modules/isWebColor/index.js +0 -21
- package/dist/cjs/modules/isWebColor/index.js.map +0 -6
- package/dist/cjs/modules/mergeRefs/__tests__/index-test.js +0 -34
- package/dist/cjs/modules/mergeRefs/__tests__/index-test.js.map +0 -6
- package/dist/cjs/modules/mergeRefs/index.js +0 -41
- package/dist/cjs/modules/mergeRefs/index.js.map +0 -6
- package/dist/cjs/modules/modality/__tests__/index-test.js +0 -20
- package/dist/cjs/modules/modality/__tests__/index-test.js.map +0 -6
- package/dist/cjs/modules/modality/index.js +0 -82
- package/dist/cjs/modules/modality/index.js.map +0 -6
- package/dist/cjs/modules/multiplyStyleLengthValue/__tests__/index-test.js +0 -28
- package/dist/cjs/modules/multiplyStyleLengthValue/__tests__/index-test.js.map +0 -6
- package/dist/cjs/modules/multiplyStyleLengthValue/index.js +0 -27
- package/dist/cjs/modules/multiplyStyleLengthValue/index.js.map +0 -6
- package/dist/cjs/modules/normalizeColor/index.js +0 -31
- package/dist/cjs/modules/normalizeColor/index.js.map +0 -6
- package/dist/cjs/modules/pick/index.js +0 -26
- package/dist/cjs/modules/pick/index.js.map +0 -6
- package/dist/cjs/modules/processColor/__tests__/index-test.js +0 -64
- package/dist/cjs/modules/processColor/__tests__/index-test.js.map +0 -6
- package/dist/cjs/modules/processColor/index.js +0 -36
- package/dist/cjs/modules/processColor/index.js.map +0 -6
- package/dist/cjs/modules/requestIdleCallback/index.js +0 -35
- package/dist/cjs/modules/requestIdleCallback/index.js.map +0 -6
- package/dist/cjs/modules/setValueForStyles/dangerousStyleValue.js +0 -25
- package/dist/cjs/modules/setValueForStyles/dangerousStyleValue.js.map +0 -6
- package/dist/cjs/modules/setValueForStyles/index.js +0 -30
- package/dist/cjs/modules/setValueForStyles/index.js.map +0 -6
- package/dist/cjs/modules/unitlessNumbers/index.js +0 -78
- package/dist/cjs/modules/unitlessNumbers/index.js.map +0 -6
- package/dist/cjs/modules/useElementLayout/index.js +0 -33
- package/dist/cjs/modules/useElementLayout/index.js.map +0 -6
- package/dist/cjs/modules/useEvent/__tests__/index-test.js +0 -289
- package/dist/cjs/modules/useEvent/__tests__/index-test.js.map +0 -6
- package/dist/cjs/modules/useEvent/index.js +0 -37
- package/dist/cjs/modules/useEvent/index.js.map +0 -6
- package/dist/cjs/modules/useHover/__tests__/index-test.js +0 -195
- package/dist/cjs/modules/useHover/__tests__/index-test.js.map +0 -6
- package/dist/cjs/modules/useHover/index.js +0 -73
- package/dist/cjs/modules/useHover/index.js.map +0 -6
- package/dist/cjs/modules/useLayoutEffect/index.js +0 -30
- package/dist/cjs/modules/useLayoutEffect/index.js.map +0 -6
- package/dist/cjs/modules/useLocale/index.js +0 -54
- package/dist/cjs/modules/useLocale/index.js.map +0 -6
- package/dist/cjs/modules/useLocale/isLocaleRTL.js +0 -91
- package/dist/cjs/modules/useLocale/isLocaleRTL.js.map +0 -6
- package/dist/cjs/modules/useMergeRefs/__tests__/index-test.js +0 -68
- package/dist/cjs/modules/useMergeRefs/__tests__/index-test.js.map +0 -6
- package/dist/cjs/modules/useMergeRefs/index.js +0 -36
- package/dist/cjs/modules/useMergeRefs/index.js.map +0 -6
- package/dist/cjs/modules/usePlatformMethods/index.js +0 -29
- package/dist/cjs/modules/usePlatformMethods/index.js.map +0 -6
- package/dist/cjs/modules/useStable/__tests__/index-test.js +0 -69
- package/dist/cjs/modules/useStable/__tests__/index-test.js.map +0 -6
- package/dist/cjs/modules/useStable/index.js +0 -34
- package/dist/cjs/modules/useStable/index.js.map +0 -6
- package/dist/cjs/styleTypes.js +0 -14
- package/dist/cjs/styleTypes.js.map +0 -6
- package/dist/cjs/types.js +0 -14
- package/dist/cjs/types.js.map +0 -6
- package/dist/esm/StyleSheet/__tests__/compiler-createReactDOMStyle-test.js +0 -173
- package/dist/esm/StyleSheet/__tests__/compiler-createReactDOMStyle-test.js.map +0 -6
- package/dist/esm/StyleSheet/__tests__/compiler-test.js +0 -378
- package/dist/esm/StyleSheet/__tests__/compiler-test.js.map +0 -6
- package/dist/esm/StyleSheet/__tests__/dom-createOrderedCSSStyleSheet-test.js +0 -98
- package/dist/esm/StyleSheet/__tests__/dom-createOrderedCSSStyleSheet-test.js.map +0 -6
- package/dist/esm/StyleSheet/__tests__/index-test.js +0 -328
- package/dist/esm/StyleSheet/__tests__/index-test.js.map +0 -6
- package/dist/esm/StyleSheet/__tests__/preprocess-test.js +0 -77
- package/dist/esm/StyleSheet/__tests__/preprocess-test.js.map +0 -6
- package/dist/esm/StyleSheet/__tests__/validate-test.js +0 -18
- package/dist/esm/StyleSheet/__tests__/validate-test.js.map +0 -6
- package/dist/esm/StyleSheet/compiler/createReactDOMStyle.js +0 -97
- package/dist/esm/StyleSheet/compiler/createReactDOMStyle.js.map +0 -6
- package/dist/esm/StyleSheet/compiler/hash.js +0 -5
- package/dist/esm/StyleSheet/compiler/hash.js.map +0 -6
- package/dist/esm/StyleSheet/compiler/hyphenateStyleName.js +0 -14
- package/dist/esm/StyleSheet/compiler/hyphenateStyleName.js.map +0 -6
- package/dist/esm/StyleSheet/compiler/index.js +0 -232
- package/dist/esm/StyleSheet/compiler/index.js.map +0 -6
- package/dist/esm/StyleSheet/compiler/normalizeColor.js +0 -18
- package/dist/esm/StyleSheet/compiler/normalizeColor.js.map +0 -6
- package/dist/esm/StyleSheet/compiler/normalizeValueWithProperty.js +0 -22
- package/dist/esm/StyleSheet/compiler/normalizeValueWithProperty.js.map +0 -6
- package/dist/esm/StyleSheet/compiler/resolveShadowValue.js +0 -11
- package/dist/esm/StyleSheet/compiler/resolveShadowValue.js.map +0 -6
- package/dist/esm/StyleSheet/dom/createCSSStyleSheet.js +0 -20
- package/dist/esm/StyleSheet/dom/createCSSStyleSheet.js.map +0 -6
- package/dist/esm/StyleSheet/dom/createOrderedCSSStyleSheet.js +0 -78
- package/dist/esm/StyleSheet/dom/createOrderedCSSStyleSheet.js.map +0 -6
- package/dist/esm/StyleSheet/dom/index.js +0 -52
- package/dist/esm/StyleSheet/dom/index.js.map +0 -6
- package/dist/esm/StyleSheet/index.js +0 -36
- package/dist/esm/StyleSheet/index.js.map +0 -6
- package/dist/esm/StyleSheet/preprocess.js +0 -44
- package/dist/esm/StyleSheet/preprocess.js.map +0 -6
- package/dist/esm/StyleSheet/validate.js +0 -50
- package/dist/esm/StyleSheet/validate.js.map +0 -6
- package/dist/esm/TextAncestorContext.js +0 -6
- package/dist/esm/TextAncestorContext.js.map +0 -6
- package/dist/esm/colorProps.js +0 -16
- package/dist/esm/colorProps.js.map +0 -6
- package/dist/esm/modules/AccessibilityUtil/__tests__/propsToAccessibilityComponent-test.js +0 -27
- package/dist/esm/modules/AccessibilityUtil/__tests__/propsToAccessibilityComponent-test.js.map +0 -6
- package/dist/esm/modules/AccessibilityUtil/__tests__/propsToAriaRole-test.js +0 -11
- package/dist/esm/modules/AccessibilityUtil/__tests__/propsToAriaRole-test.js.map +0 -6
- package/dist/esm/modules/AccessibilityUtil/index.js +0 -12
- package/dist/esm/modules/AccessibilityUtil/index.js.map +0 -6
- package/dist/esm/modules/AccessibilityUtil/isDisabled.js +0 -5
- package/dist/esm/modules/AccessibilityUtil/isDisabled.js.map +0 -6
- package/dist/esm/modules/AccessibilityUtil/propsToAccessibilityComponent.js +0 -35
- package/dist/esm/modules/AccessibilityUtil/propsToAccessibilityComponent.js.map +0 -6
- package/dist/esm/modules/AccessibilityUtil/propsToAriaRole.js +0 -26
- package/dist/esm/modules/AccessibilityUtil/propsToAriaRole.js.map +0 -6
- package/dist/esm/modules/AssetRegistry/index.js +0 -12
- package/dist/esm/modules/AssetRegistry/index.js.map +0 -6
- package/dist/esm/modules/ImageLoader/index.js +0 -85
- package/dist/esm/modules/ImageLoader/index.js.map +0 -6
- package/dist/esm/modules/InteractionManager.js +0 -148
- package/dist/esm/modules/InteractionManager.js.map +0 -6
- package/dist/esm/modules/Platform/__tests__/index-test.js +0 -27
- package/dist/esm/modules/Platform/__tests__/index-test.js.map +0 -6
- package/dist/esm/modules/Platform/index.js +0 -9
- package/dist/esm/modules/Platform/index.js.map +0 -6
- package/dist/esm/modules/TextInputState/index.js +0 -34
- package/dist/esm/modules/TextInputState/index.js.map +0 -6
- package/dist/esm/modules/UIManager/__tests__/index-test.js +0 -47
- package/dist/esm/modules/UIManager/__tests__/index-test.js.map +0 -6
- package/dist/esm/modules/UIManager/index.js +0 -41
- package/dist/esm/modules/UIManager/index.js.map +0 -6
- package/dist/esm/modules/canUseDOM.js +0 -5
- package/dist/esm/modules/canUseDOM.js.map +0 -6
- package/dist/esm/modules/createDOMProps/__tests__/index-test.js +0 -87
- package/dist/esm/modules/createDOMProps/__tests__/index-test.js.map +0 -6
- package/dist/esm/modules/createDOMProps/index.js +0 -111
- package/dist/esm/modules/createDOMProps/index.js.map +0 -6
- package/dist/esm/modules/createEventHandle/__tests__/index-test.js +0 -229
- package/dist/esm/modules/createEventHandle/__tests__/index-test.js.map +0 -6
- package/dist/esm/modules/createEventHandle/index.js +0 -49
- package/dist/esm/modules/createEventHandle/index.js.map +0 -6
- package/dist/esm/modules/dismissKeyboard/index.js +0 -8
- package/dist/esm/modules/dismissKeyboard/index.js.map +0 -6
- package/dist/esm/modules/forwardedProps/index.js +0 -129
- package/dist/esm/modules/forwardedProps/index.js.map +0 -6
- package/dist/esm/modules/getBoundingClientRect/index.js +0 -8
- package/dist/esm/modules/getBoundingClientRect/index.js.map +0 -6
- package/dist/esm/modules/invariant.js +0 -19
- package/dist/esm/modules/invariant.js.map +0 -6
- package/dist/esm/modules/isSelectionValid/index.js +0 -11
- package/dist/esm/modules/isSelectionValid/index.js.map +0 -6
- package/dist/esm/modules/isWebColor/index.js +0 -5
- package/dist/esm/modules/isWebColor/index.js.map +0 -6
- package/dist/esm/modules/mergeRefs/__tests__/index-test.js +0 -18
- package/dist/esm/modules/mergeRefs/__tests__/index-test.js.map +0 -6
- package/dist/esm/modules/mergeRefs/index.js +0 -25
- package/dist/esm/modules/mergeRefs/index.js.map +0 -6
- package/dist/esm/modules/modality/__tests__/index-test.js +0 -27
- package/dist/esm/modules/modality/__tests__/index-test.js.map +0 -6
- package/dist/esm/modules/modality/index.js +0 -67
- package/dist/esm/modules/modality/index.js.map +0 -6
- package/dist/esm/modules/multiplyStyleLengthValue/__tests__/index-test.js +0 -9
- package/dist/esm/modules/multiplyStyleLengthValue/__tests__/index-test.js.map +0 -6
- package/dist/esm/modules/multiplyStyleLengthValue/index.js +0 -11
- package/dist/esm/modules/multiplyStyleLengthValue/index.js.map +0 -6
- package/dist/esm/modules/normalizeColor/index.js +0 -16
- package/dist/esm/modules/normalizeColor/index.js.map +0 -6
- package/dist/esm/modules/pick/index.js +0 -10
- package/dist/esm/modules/pick/index.js.map +0 -6
- package/dist/esm/modules/processColor/__tests__/index-test.js +0 -45
- package/dist/esm/modules/processColor/__tests__/index-test.js.map +0 -6
- package/dist/esm/modules/processColor/index.js +0 -12
- package/dist/esm/modules/processColor/index.js.map +0 -6
- package/dist/esm/modules/requestIdleCallback/index.js +0 -19
- package/dist/esm/modules/requestIdleCallback/index.js.map +0 -6
- package/dist/esm/modules/setValueForStyles/dangerousStyleValue.js +0 -9
- package/dist/esm/modules/setValueForStyles/dangerousStyleValue.js.map +0 -6
- package/dist/esm/modules/setValueForStyles/index.js +0 -14
- package/dist/esm/modules/setValueForStyles/index.js.map +0 -6
- package/dist/esm/modules/unitlessNumbers/index.js +0 -62
- package/dist/esm/modules/unitlessNumbers/index.js.map +0 -6
- package/dist/esm/modules/useElementLayout/index.js +0 -21
- package/dist/esm/modules/useElementLayout/index.js.map +0 -6
- package/dist/esm/modules/useEvent/__tests__/index-test.js +0 -275
- package/dist/esm/modules/useEvent/__tests__/index-test.js.map +0 -6
- package/dist/esm/modules/useEvent/index.js +0 -23
- package/dist/esm/modules/useEvent/index.js.map +0 -6
- package/dist/esm/modules/useHover/__tests__/index-test.js +0 -187
- package/dist/esm/modules/useHover/__tests__/index-test.js.map +0 -6
- package/dist/esm/modules/useHover/index.js +0 -59
- package/dist/esm/modules/useHover/index.js.map +0 -6
- package/dist/esm/modules/useLayoutEffect/index.js +0 -7
- package/dist/esm/modules/useLayoutEffect/index.js.map +0 -6
- package/dist/esm/modules/useLocale/index.js +0 -32
- package/dist/esm/modules/useLocale/index.js.map +0 -6
- package/dist/esm/modules/useLocale/isLocaleRTL.js +0 -75
- package/dist/esm/modules/useLocale/isLocaleRTL.js.map +0 -6
- package/dist/esm/modules/useMergeRefs/__tests__/index-test.js +0 -53
- package/dist/esm/modules/useMergeRefs/__tests__/index-test.js.map +0 -6
- package/dist/esm/modules/useMergeRefs/index.js +0 -13
- package/dist/esm/modules/useMergeRefs/index.js.map +0 -6
- package/dist/esm/modules/usePlatformMethods/index.js +0 -18
- package/dist/esm/modules/usePlatformMethods/index.js.map +0 -6
- package/dist/esm/modules/useStable/__tests__/index-test.js +0 -53
- package/dist/esm/modules/useStable/__tests__/index-test.js.map +0 -6
- package/dist/esm/modules/useStable/index.js +0 -10
- package/dist/esm/modules/useStable/index.js.map +0 -6
- package/dist/esm/styleTypes.js +0 -1
- package/dist/esm/styleTypes.js.map +0 -6
- package/dist/esm/types.js +0 -1
- package/dist/esm/types.js.map +0 -6
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { atomic, classic, inline } from "../compiler";
|
|
1
|
+
import { atomic, classic, inline } from "../compiler/index.mjs";
|
|
2
2
|
describe("StyleSheet/compile", () => {
|
|
3
3
|
describe("atomic", () => {
|
|
4
4
|
test("converts style to atomic CSS", () => {
|
|
@@ -176,7 +176,8 @@ describe("StyleSheet/compile", () => {
|
|
|
176
176
|
]
|
|
177
177
|
`);
|
|
178
178
|
});
|
|
179
|
-
})
|
|
179
|
+
});
|
|
180
|
+
describe("classic", () => {
|
|
180
181
|
test("converts style to classic CSS", () => {
|
|
181
182
|
const result = classic({
|
|
182
183
|
animationDirection: ["alternate", "alternate-reverse"],
|
|
@@ -226,7 +227,8 @@ describe("StyleSheet/compile", () => {
|
|
|
226
227
|
]
|
|
227
228
|
`);
|
|
228
229
|
});
|
|
229
|
-
})
|
|
230
|
+
});
|
|
231
|
+
describe("inline", () => {
|
|
230
232
|
test("converts style to inline styles", () => {
|
|
231
233
|
const result = inline({
|
|
232
234
|
marginHorizontal: 10,
|
|
@@ -241,8 +243,10 @@ describe("StyleSheet/compile", () => {
|
|
|
241
243
|
"marginRight": "10px",
|
|
242
244
|
}
|
|
243
245
|
`);
|
|
244
|
-
})
|
|
245
|
-
|
|
246
|
+
});
|
|
247
|
+
describe("logical style polyfill", () => {
|
|
248
|
+
;
|
|
249
|
+
[false, true].forEach(isRTL => {
|
|
246
250
|
const dir = isRTL ? "rtl" : "ltr";
|
|
247
251
|
test(`ignores "left" properties for ${dir}`, () => {
|
|
248
252
|
const initial = {
|
|
@@ -254,7 +258,8 @@ describe("StyleSheet/compile", () => {
|
|
|
254
258
|
paddingLeft: "10px"
|
|
255
259
|
};
|
|
256
260
|
expect(inline(initial, isRTL)).toEqual(initial);
|
|
257
|
-
})
|
|
261
|
+
});
|
|
262
|
+
test(`ignores "right" properties for ${dir}`, () => {
|
|
258
263
|
const initial = {
|
|
259
264
|
borderRightColor: "rgba(255,0,0,1.00)",
|
|
260
265
|
borderRightStyle: "solid",
|
|
@@ -264,7 +269,8 @@ describe("StyleSheet/compile", () => {
|
|
|
264
269
|
paddingRight: "10px"
|
|
265
270
|
};
|
|
266
271
|
expect(inline(initial, isRTL)).toEqual(initial);
|
|
267
|
-
})
|
|
272
|
+
});
|
|
273
|
+
test(`ignores "left" values for ${dir}`, () => {
|
|
268
274
|
const initial = {
|
|
269
275
|
clear: "left",
|
|
270
276
|
float: "left",
|
|
@@ -272,7 +278,8 @@ describe("StyleSheet/compile", () => {
|
|
|
272
278
|
transitionProperty: "left"
|
|
273
279
|
};
|
|
274
280
|
expect(inline(initial, isRTL)).toEqual(initial);
|
|
275
|
-
})
|
|
281
|
+
});
|
|
282
|
+
test(`ignores "right" values for ${dir}`, () => {
|
|
276
283
|
const initial = {
|
|
277
284
|
clear: "right",
|
|
278
285
|
float: "right",
|
|
@@ -280,125 +287,130 @@ describe("StyleSheet/compile", () => {
|
|
|
280
287
|
transitionProperty: "right"
|
|
281
288
|
};
|
|
282
289
|
expect(inline(initial, isRTL)).toEqual(initial);
|
|
283
|
-
})
|
|
290
|
+
});
|
|
291
|
+
test(`converts "start" properties for ${dir}`, () => {
|
|
284
292
|
const initial = {
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
293
|
+
borderStartColor: "red",
|
|
294
|
+
borderStartStyle: "solid",
|
|
295
|
+
borderStartWidth: 1,
|
|
296
|
+
start: 1,
|
|
297
|
+
marginStart: 5,
|
|
298
|
+
paddingStart: 10
|
|
299
|
+
};
|
|
300
|
+
const expectedLTR = {
|
|
301
|
+
borderLeftColor: "rgba(255,0,0,1.00)",
|
|
302
|
+
borderLeftStyle: "solid",
|
|
303
|
+
borderLeftWidth: "1px",
|
|
304
|
+
left: "1px",
|
|
305
|
+
marginLeft: "5px",
|
|
306
|
+
paddingLeft: "10px"
|
|
307
|
+
};
|
|
308
|
+
const expectedRTL = {
|
|
309
|
+
borderRightColor: "rgba(255,0,0,1.00)",
|
|
310
|
+
borderRightStyle: "solid",
|
|
311
|
+
borderRightWidth: "1px",
|
|
312
|
+
right: "1px",
|
|
313
|
+
marginRight: "5px",
|
|
314
|
+
paddingRight: "10px"
|
|
315
|
+
};
|
|
308
316
|
expect(inline(initial, isRTL)).toEqual(isRTL ? expectedRTL : expectedLTR);
|
|
309
|
-
})
|
|
317
|
+
});
|
|
318
|
+
test(`converts "end" properties for ${dir}`, () => {
|
|
310
319
|
const initial = {
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
320
|
+
borderEndColor: "red",
|
|
321
|
+
borderEndStyle: "solid",
|
|
322
|
+
borderEndWidth: 1,
|
|
323
|
+
end: 1,
|
|
324
|
+
marginEnd: 5,
|
|
325
|
+
paddingEnd: 10
|
|
326
|
+
};
|
|
327
|
+
const expectedLTR = {
|
|
328
|
+
borderRightColor: "rgba(255,0,0,1.00)",
|
|
329
|
+
borderRightStyle: "solid",
|
|
330
|
+
borderRightWidth: "1px",
|
|
331
|
+
right: "1px",
|
|
332
|
+
marginRight: "5px",
|
|
333
|
+
paddingRight: "10px"
|
|
334
|
+
};
|
|
335
|
+
const expectedRTL = {
|
|
336
|
+
borderLeftColor: "rgba(255,0,0,1.00)",
|
|
337
|
+
borderLeftStyle: "solid",
|
|
338
|
+
borderLeftWidth: "1px",
|
|
339
|
+
left: "1px",
|
|
340
|
+
marginLeft: "5px",
|
|
341
|
+
paddingLeft: "10px"
|
|
342
|
+
};
|
|
334
343
|
expect(inline(initial, isRTL)).toEqual(isRTL ? expectedRTL : expectedLTR);
|
|
335
|
-
})
|
|
344
|
+
});
|
|
345
|
+
test(`converts "start" values for ${dir}`, () => {
|
|
336
346
|
const initial = {
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
347
|
+
clear: "start",
|
|
348
|
+
float: "start",
|
|
349
|
+
textAlign: "start",
|
|
350
|
+
transitionProperty: "start"
|
|
351
|
+
};
|
|
352
|
+
const expectedLTR = {
|
|
353
|
+
clear: "left",
|
|
354
|
+
float: "left",
|
|
355
|
+
textAlign: "left",
|
|
356
|
+
transitionProperty: "left"
|
|
357
|
+
};
|
|
358
|
+
const expectedRTL = {
|
|
359
|
+
clear: "right",
|
|
360
|
+
float: "right",
|
|
361
|
+
textAlign: "right",
|
|
362
|
+
transitionProperty: "right"
|
|
363
|
+
};
|
|
354
364
|
expect(inline(initial, isRTL)).toEqual(isRTL ? expectedRTL : expectedLTR);
|
|
355
|
-
})
|
|
365
|
+
});
|
|
366
|
+
test(`converts "end" values for ${dir}`, () => {
|
|
356
367
|
const initial = {
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
368
|
+
clear: "end",
|
|
369
|
+
float: "end",
|
|
370
|
+
textAlign: "end",
|
|
371
|
+
transitionProperty: "end"
|
|
372
|
+
};
|
|
373
|
+
const expectedLTR = {
|
|
374
|
+
clear: "right",
|
|
375
|
+
float: "right",
|
|
376
|
+
textAlign: "right",
|
|
377
|
+
transitionProperty: "right"
|
|
378
|
+
};
|
|
379
|
+
const expectedRTL = {
|
|
380
|
+
clear: "left",
|
|
381
|
+
float: "left",
|
|
382
|
+
textAlign: "left",
|
|
383
|
+
transitionProperty: "left"
|
|
384
|
+
};
|
|
374
385
|
expect(inline(initial, isRTL)).toEqual(isRTL ? expectedRTL : expectedLTR);
|
|
375
|
-
})
|
|
386
|
+
});
|
|
387
|
+
test("end/start properties take precedence over left/right", () => {
|
|
376
388
|
const initialLTR = {
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
389
|
+
borderStartWidth: 10,
|
|
390
|
+
borderLeftWidth: 0,
|
|
391
|
+
end: 10,
|
|
392
|
+
right: 0,
|
|
393
|
+
marginStart: 10,
|
|
394
|
+
marginLeft: 0
|
|
395
|
+
};
|
|
396
|
+
const expectedLTR = {
|
|
397
|
+
borderLeftWidth: "10px",
|
|
398
|
+
marginLeft: "10px",
|
|
399
|
+
right: "10px"
|
|
400
|
+
};
|
|
401
|
+
const initialRTL = {
|
|
402
|
+
borderStartWidth: 10,
|
|
403
|
+
borderRightWidth: 0,
|
|
404
|
+
end: 10,
|
|
405
|
+
left: 0,
|
|
406
|
+
marginStart: 10,
|
|
407
|
+
marginRight: 0
|
|
408
|
+
};
|
|
409
|
+
const expectedRTL = {
|
|
410
|
+
borderRightWidth: "10px",
|
|
411
|
+
marginRight: "10px",
|
|
412
|
+
left: "10px"
|
|
413
|
+
};
|
|
402
414
|
expect(inline(isRTL ? initialRTL : initialLTR, isRTL)).toEqual(isRTL ? expectedRTL : expectedLTR);
|
|
403
415
|
});
|
|
404
416
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["atomic","classic","inline","describe","test","result","animationDirection","animationKeyframes","top","from","left","to","fontFamily","marginHorizontal","marginStart","marginEnd","placeholderTextColor","scrollbarWidth","pointerEvents","start","textAlign","transform","translateX","scale","expect","toMatchInlineSnapshot","font","display","flexShrink","forEach","isRTL","dir","initial","borderLeftColor","borderLeftStyle","borderLeftWidth","marginLeft","paddingLeft","toEqual","borderRightColor","borderRightStyle","borderRightWidth","right","marginRight","paddingRight","clear","float","transitionProperty","borderStartColor","borderStartStyle","borderStartWidth","paddingStart","expectedLTR","expectedRTL","borderEndColor","borderEndStyle","borderEndWidth","end","paddingEnd","initialLTR","initialRTL"],"sources":["../../../../src/StyleSheet/__tests__/compiler-test.tsx"],"sourcesContent":[null],"mappings":"AAOA,SAASA,MAAA,EAAQC,OAAA,EAASC,MAAA,QAAc;AAExCC,QAAA,CAAS,sBAAsB,MAAM;EACnCA,QAAA,CAAS,UAAU,MAAM;IACvBC,IAAA,CAAK,gCAAgC,MAAM;MACzC,MAAMC,MAAA,GAASL,MAAA,CAAO;QACpBM,kBAAA,EAAoB,CAAC,aAAa,mBAAmB;QACrDC,kBAAA,EAAoB,CAClB;UAAE,MAAM;YAAEC,GAAA,EAAK;UAAE;UAAG,OAAO;YAAEA,GAAA,EAAK;UAAE;UAAG,QAAQ;YAAEA,GAAA,EAAK;UAAG;QAAE,GAC3D;UAAEC,IAAA,EAAM;YAAEC,IAAA,EAAM;UAAE;UAAGC,EAAA,EAAI;YAAED,IAAA,EAAM;UAAG;QAAE,EACxC;QACAE,UAAA,EAAY;QACZC,gBAAA,EAAkB;QAClBC,WAAA,EAAa;QACbC,SAAA,EAAW;QACXC,oBAAA,EAAsB;QACtBC,cAAA,EAAgB;QAChBC,aAAA,EAAe;QACfC,KAAA,EAAO;QACPC,SAAA,EAAW;QACXC,SAAA,EAAW,CACT;UACEC,UAAA,EAAY;UACZC,KAAA,EAAO;QACT;MAEJ,CAAC;MAEDC,MAAA,CAAOnB,MAAM,EAAEoB,qBAAA,CAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OA0IpC;IACH,CAAC;EACH,CAAC,
|
|
1
|
+
{"version":3,"names":["atomic","classic","inline","describe","test","result","animationDirection","animationKeyframes","top","from","left","to","fontFamily","marginHorizontal","marginStart","marginEnd","placeholderTextColor","scrollbarWidth","pointerEvents","start","textAlign","transform","translateX","scale","expect","toMatchInlineSnapshot","font","display","flexShrink","forEach","isRTL","dir","initial","borderLeftColor","borderLeftStyle","borderLeftWidth","marginLeft","paddingLeft","toEqual","borderRightColor","borderRightStyle","borderRightWidth","right","marginRight","paddingRight","clear","float","transitionProperty","borderStartColor","borderStartStyle","borderStartWidth","paddingStart","expectedLTR","expectedRTL","borderEndColor","borderEndStyle","borderEndWidth","end","paddingEnd","initialLTR","initialRTL"],"sources":["../../../../src/StyleSheet/__tests__/compiler-test.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,46 +1,72 @@
|
|
|
1
1
|
import createOrderedCSSStyleSheet from "../dom/createOrderedCSSStyleSheet.mjs";
|
|
2
2
|
const insertStyleElement = () => {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
3
|
+
const element = document.createElement("style");
|
|
4
|
+
const head = document.head;
|
|
5
|
+
head.insertBefore(element, head.firstChild);
|
|
6
|
+
return element;
|
|
7
|
+
};
|
|
8
|
+
const removeStyleElement = element => {
|
|
9
|
+
document.head.removeChild(element);
|
|
10
|
+
};
|
|
10
11
|
describe("createOrderedCSSStyleSheet", () => {
|
|
11
12
|
describe("#insert", () => {
|
|
12
13
|
test("insertion order for same group", () => {
|
|
13
14
|
const sheet = createOrderedCSSStyleSheet();
|
|
14
|
-
expect(sheet.getTextContent()).toMatchInlineSnapshot('""')
|
|
15
|
+
expect(sheet.getTextContent()).toMatchInlineSnapshot('""');
|
|
16
|
+
sheet.insert(".a {}", 0);
|
|
17
|
+
expect(sheet.getTextContent()).toMatchInlineSnapshot(`
|
|
15
18
|
"[stylesheet-group=\\"0\\"]{}
|
|
16
19
|
.a {}"
|
|
17
|
-
`)
|
|
20
|
+
`);
|
|
21
|
+
sheet.insert(".b {}", 0);
|
|
22
|
+
expect(sheet.getTextContent()).toMatchInlineSnapshot(`
|
|
18
23
|
"[stylesheet-group=\\"0\\"]{}
|
|
19
24
|
.a {}
|
|
20
25
|
.b {}"
|
|
21
|
-
`)
|
|
26
|
+
`);
|
|
27
|
+
sheet.insert(".c {}", 0);
|
|
28
|
+
expect(sheet.getTextContent()).toMatchInlineSnapshot(`
|
|
22
29
|
"[stylesheet-group=\\"0\\"]{}
|
|
23
30
|
.a {}
|
|
24
31
|
.b {}
|
|
25
32
|
.c {}"
|
|
26
33
|
`);
|
|
27
|
-
})
|
|
34
|
+
});
|
|
35
|
+
test("deduplication for same group", () => {
|
|
28
36
|
const sheet = createOrderedCSSStyleSheet();
|
|
29
|
-
sheet.insert(".a {}", 0)
|
|
37
|
+
sheet.insert(".a {}", 0);
|
|
38
|
+
sheet.insert(".a {}", 0);
|
|
39
|
+
sheet.insert(".a {}", 0);
|
|
40
|
+
expect(sheet.getTextContent()).toMatchInlineSnapshot(`
|
|
30
41
|
"[stylesheet-group=\\"0\\"]{}
|
|
31
42
|
.a {}"
|
|
32
43
|
`);
|
|
33
|
-
})
|
|
44
|
+
});
|
|
45
|
+
test("order for same group", () => {
|
|
34
46
|
const sheet = createOrderedCSSStyleSheet();
|
|
35
|
-
sheet.insert(".c {}", 0)
|
|
47
|
+
sheet.insert(".c {}", 0);
|
|
48
|
+
sheet.insert(".b {}", 0);
|
|
49
|
+
sheet.insert(".a {}", 0);
|
|
50
|
+
expect(sheet.getTextContent()).toMatchInlineSnapshot(`
|
|
36
51
|
"[stylesheet-group=\\"0\\"]{}
|
|
37
52
|
.a {}
|
|
38
53
|
.b {}
|
|
39
54
|
.c {}"
|
|
40
55
|
`);
|
|
41
|
-
})
|
|
56
|
+
});
|
|
57
|
+
test("insertion order for different groups", () => {
|
|
42
58
|
const sheet = createOrderedCSSStyleSheet();
|
|
43
|
-
sheet.insert(".nine-1 {}", 9.9)
|
|
59
|
+
sheet.insert(".nine-1 {}", 9.9);
|
|
60
|
+
sheet.insert(".nine-2 {}", 9.9);
|
|
61
|
+
sheet.insert(".three {}", 3);
|
|
62
|
+
sheet.insert(".one {}", 1);
|
|
63
|
+
sheet.insert(".two {}", 2.2);
|
|
64
|
+
sheet.insert(".four-1 {}", 4);
|
|
65
|
+
sheet.insert(".four-2 {}", 4);
|
|
66
|
+
sheet.insert(".twenty {}", 20);
|
|
67
|
+
sheet.insert(".ten {}", 10);
|
|
68
|
+
sheet.insert(".twenty-point2 {}", 20.2);
|
|
69
|
+
expect(sheet.getTextContent()).toMatchInlineSnapshot(`
|
|
44
70
|
"[stylesheet-group=\\"1\\"]{}
|
|
45
71
|
.one {}
|
|
46
72
|
[stylesheet-group=\\"2.2\\"]{}
|
|
@@ -61,13 +87,21 @@ describe("createOrderedCSSStyleSheet", () => {
|
|
|
61
87
|
.twenty-point2 {}"
|
|
62
88
|
`);
|
|
63
89
|
});
|
|
64
|
-
})
|
|
90
|
+
});
|
|
91
|
+
describe("client-side hydration", () => {
|
|
65
92
|
let element;
|
|
66
93
|
beforeEach(() => {
|
|
67
|
-
element != null
|
|
68
|
-
|
|
94
|
+
if (element != null) {
|
|
95
|
+
removeStyleElement(element);
|
|
96
|
+
}
|
|
97
|
+
element = insertStyleElement();
|
|
98
|
+
});
|
|
99
|
+
test("from SSR CSS", () => {
|
|
69
100
|
const serverSheet = createOrderedCSSStyleSheet();
|
|
70
|
-
serverSheet.insert(".one { width: 10px; }", 1)
|
|
101
|
+
serverSheet.insert(".one { width: 10px; }", 1);
|
|
102
|
+
serverSheet.insert(".two-1 { height: 20px; }", 2);
|
|
103
|
+
serverSheet.insert(".two-2 { color: red; }", 2);
|
|
104
|
+
serverSheet.insert("@keyframes anim { 0% { opacity: 1; } }", 2);
|
|
71
105
|
const textContent = serverSheet.getTextContent();
|
|
72
106
|
element.appendChild(document.createTextNode(textContent));
|
|
73
107
|
const clientSheet = createOrderedCSSStyleSheet(element.sheet);
|
|
@@ -81,13 +115,16 @@ describe("createOrderedCSSStyleSheet", () => {
|
|
|
81
115
|
0% {opacity: 1;}
|
|
82
116
|
}"
|
|
83
117
|
`);
|
|
84
|
-
})
|
|
118
|
+
});
|
|
119
|
+
test("works when the group marker is in single quotes", () => {
|
|
85
120
|
const serverSheet = createOrderedCSSStyleSheet();
|
|
86
|
-
serverSheet.insert(".a { color: red }", 0)
|
|
121
|
+
serverSheet.insert(".a { color: red }", 0);
|
|
122
|
+
serverSheet.insert(".b { color: red }", 1);
|
|
87
123
|
const textContent = serverSheet.getTextContent().replace(/"/g, "'");
|
|
88
124
|
element.appendChild(document.createTextNode(textContent));
|
|
89
125
|
const clientSheet = createOrderedCSSStyleSheet(element.sheet);
|
|
90
|
-
clientSheet.insert(".c { color: red }", 0)
|
|
126
|
+
clientSheet.insert(".c { color: red }", 0);
|
|
127
|
+
expect(clientSheet.getTextContent()).toMatchInlineSnapshot(`
|
|
91
128
|
"[stylesheet-group='0'] {}
|
|
92
129
|
.a {color: red;}
|
|
93
130
|
.c { color: red }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createOrderedCSSStyleSheet","insertStyleElement","element","document","createElement","head","insertBefore","firstChild","removeStyleElement","removeChild","describe","test","sheet","expect","getTextContent","toMatchInlineSnapshot","insert","beforeEach","serverSheet","textContent","appendChild","createTextNode","clientSheet","replace"],"sources":["../../../../src/StyleSheet/__tests__/dom-createOrderedCSSStyleSheet-test.tsx"],"sourcesContent":[null],"mappings":"AAOA,OAAOA,0BAAA,MAAgC;AAEvC,MAAMC,kBAAA,GAAqBA,CAAA,KAAM;
|
|
1
|
+
{"version":3,"names":["createOrderedCSSStyleSheet","insertStyleElement","element","document","createElement","head","insertBefore","firstChild","removeStyleElement","removeChild","describe","test","sheet","expect","getTextContent","toMatchInlineSnapshot","insert","beforeEach","serverSheet","textContent","appendChild","createTextNode","clientSheet","replace"],"sources":["../../../../src/StyleSheet/__tests__/dom-createOrderedCSSStyleSheet-test.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|