@tamagui/react-native-web-internals 1.114.4 → 1.115.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (198) hide show
  1. package/dist/cjs/StyleSheet/__tests__/{compiler-createReactDOMStyle-test.js → compiler-createReactDOMStyle-test.cjs} +98 -50
  2. package/dist/cjs/StyleSheet/__tests__/{compiler-test.js → compiler-test.cjs} +158 -129
  3. package/dist/cjs/StyleSheet/__tests__/{dom-createOrderedCSSStyleSheet-test.js → dom-createOrderedCSSStyleSheet-test.cjs} +23 -19
  4. package/dist/cjs/StyleSheet/__tests__/{index-test.js → index-test.cjs} +173 -116
  5. package/dist/cjs/StyleSheet/__tests__/preprocess-test.cjs +108 -0
  6. package/dist/cjs/StyleSheet/__tests__/validate-test.cjs +36 -0
  7. package/dist/cjs/StyleSheet/compiler/createReactDOMStyle.cjs +99 -0
  8. package/dist/cjs/StyleSheet/compiler/hash.cjs +26 -0
  9. package/dist/cjs/StyleSheet/compiler/hyphenateStyleName.cjs +37 -0
  10. package/dist/cjs/StyleSheet/compiler/index.cjs +329 -0
  11. package/dist/cjs/StyleSheet/compiler/{normalizeColor.js → normalizeColor.cjs} +30 -20
  12. package/dist/cjs/StyleSheet/compiler/{normalizeValueWithProperty.js → normalizeValueWithProperty.cjs} +24 -15
  13. package/dist/cjs/StyleSheet/compiler/resolveShadowValue.cjs +60 -0
  14. package/dist/cjs/StyleSheet/dom/createCSSStyleSheet.cjs +48 -0
  15. package/dist/cjs/StyleSheet/dom/{createOrderedCSSStyleSheet.js → createOrderedCSSStyleSheet.cjs} +36 -20
  16. package/dist/cjs/StyleSheet/dom/index.cjs +78 -0
  17. package/dist/cjs/StyleSheet/{index.js → index.cjs} +24 -19
  18. package/dist/cjs/StyleSheet/preprocess.cjs +112 -0
  19. package/dist/cjs/StyleSheet/validate.cjs +69 -0
  20. package/dist/cjs/TextAncestorContext.cjs +29 -0
  21. package/dist/cjs/{colorProps.js → colorProps.cjs} +16 -11
  22. package/dist/cjs/index.cjs +113 -0
  23. package/dist/cjs/modules/AccessibilityUtil/__tests__/propsToAccessibilityComponent-test.cjs +50 -0
  24. package/dist/cjs/modules/AccessibilityUtil/__tests__/propsToAriaRole-test.cjs +40 -0
  25. package/dist/cjs/modules/AccessibilityUtil/{index.js → index.cjs} +25 -15
  26. package/dist/cjs/modules/AccessibilityUtil/isDisabled.cjs +27 -0
  27. package/dist/cjs/modules/AccessibilityUtil/propsToAccessibilityComponent.cjs +69 -0
  28. package/dist/cjs/modules/AccessibilityUtil/propsToAriaRole.cjs +48 -0
  29. package/dist/cjs/modules/AssetRegistry/{index.js → index.cjs} +16 -11
  30. package/dist/cjs/modules/ImageLoader/index.cjs +112 -0
  31. package/dist/cjs/modules/{InteractionManager.js → InteractionManager.cjs} +26 -20
  32. package/dist/cjs/modules/Platform/__tests__/index-test.cjs +48 -0
  33. package/dist/cjs/modules/Platform/index.cjs +31 -0
  34. package/dist/cjs/modules/TextInputState/{index.js → index.cjs} +23 -15
  35. package/dist/cjs/modules/UIManager/__tests__/{index-test.js → index-test.cjs} +56 -32
  36. package/dist/cjs/modules/UIManager/index.cjs +138 -0
  37. package/dist/cjs/modules/canUseDOM.cjs +28 -0
  38. package/dist/cjs/modules/createDOMProps/__tests__/index-test.cjs +156 -0
  39. package/dist/cjs/modules/createDOMProps/index.cjs +138 -0
  40. package/dist/cjs/modules/createEventHandle/__tests__/index-test.cjs +344 -0
  41. package/dist/cjs/modules/createEventHandle/{index.js → index.cjs} +38 -34
  42. package/dist/cjs/modules/dismissKeyboard/{index.js → index.cjs} +23 -15
  43. package/dist/cjs/modules/forwardedProps/index.cjs +160 -0
  44. package/dist/cjs/modules/getBoundingClientRect/index.cjs +29 -0
  45. package/dist/cjs/modules/invariant.cjs +36 -0
  46. package/dist/cjs/modules/isSelectionValid/index.cjs +35 -0
  47. package/dist/cjs/modules/isWebColor/index.cjs +27 -0
  48. package/dist/cjs/modules/mergeRefs/__tests__/index-test.cjs +42 -0
  49. package/dist/cjs/modules/mergeRefs/index.cjs +42 -0
  50. package/dist/cjs/modules/modality/__tests__/{index-test.js → index-test.cjs} +20 -8
  51. package/dist/cjs/modules/modality/{index.js → index.cjs} +75 -19
  52. package/dist/cjs/modules/multiplyStyleLengthValue/__tests__/{index-test.js → index-test.cjs} +16 -14
  53. package/dist/cjs/modules/multiplyStyleLengthValue/index.cjs +36 -0
  54. package/dist/cjs/modules/normalizeColor/{index.js → index.cjs} +29 -18
  55. package/dist/cjs/modules/pick/index.cjs +30 -0
  56. package/dist/cjs/modules/processColor/__tests__/{index-test.js → index-test.cjs} +17 -15
  57. package/dist/cjs/modules/processColor/{index.js → index.cjs} +25 -19
  58. package/dist/cjs/modules/requestIdleCallback/index.cjs +56 -0
  59. package/dist/cjs/modules/setValueForStyles/{dangerousStyleValue.js → dangerousStyleValue.cjs} +23 -15
  60. package/dist/cjs/modules/setValueForStyles/{index.js → index.cjs} +26 -18
  61. package/dist/cjs/modules/unitlessNumbers/index.cjs +87 -0
  62. package/dist/cjs/modules/useElementLayout/{index.js → index.cjs} +40 -23
  63. package/dist/cjs/modules/useEvent/__tests__/{index-test.js → index-test.cjs} +218 -99
  64. package/dist/cjs/modules/useEvent/index.cjs +56 -0
  65. package/dist/cjs/modules/useHover/__tests__/{index-test.js → index-test.cjs} +118 -40
  66. package/dist/cjs/modules/useHover/index.cjs +108 -0
  67. package/dist/cjs/modules/useLayoutEffect/{index.js → index.cjs} +24 -15
  68. package/dist/cjs/modules/useLocale/index.cjs +66 -0
  69. package/dist/cjs/modules/useLocale/{isLocaleRTL.js → isLocaleRTL.cjs} +23 -31
  70. package/dist/cjs/modules/useMergeRefs/__tests__/index-test.cjs +102 -0
  71. package/dist/cjs/modules/useMergeRefs/index.cjs +43 -0
  72. package/dist/cjs/modules/usePlatformMethods/index.cjs +48 -0
  73. package/dist/cjs/modules/useStable/__tests__/{index-test.js → index-test.cjs} +46 -23
  74. package/dist/cjs/modules/useStable/{index.js → index.cjs} +22 -14
  75. package/dist/cjs/styleTypes.cjs +16 -0
  76. package/dist/cjs/types.cjs +16 -0
  77. package/package.json +9 -8
  78. package/dist/cjs/StyleSheet/__tests__/preprocess-test.js +0 -77
  79. package/dist/cjs/StyleSheet/__tests__/validate-test.js +0 -18
  80. package/dist/cjs/StyleSheet/compiler/createReactDOMStyle.js +0 -121
  81. package/dist/cjs/StyleSheet/compiler/hash.js +0 -21
  82. package/dist/cjs/StyleSheet/compiler/hyphenateStyleName.js +0 -31
  83. package/dist/cjs/StyleSheet/compiler/index.js +0 -253
  84. package/dist/cjs/StyleSheet/compiler/resolveShadowValue.js +0 -35
  85. package/dist/cjs/StyleSheet/dom/createCSSStyleSheet.js +0 -44
  86. package/dist/cjs/StyleSheet/dom/index.js +0 -74
  87. package/dist/cjs/StyleSheet/preprocess.js +0 -67
  88. package/dist/cjs/StyleSheet/validate.js +0 -66
  89. package/dist/cjs/TextAncestorContext.js +0 -24
  90. package/dist/cjs/index.js +0 -73
  91. package/dist/cjs/modules/AccessibilityUtil/__tests__/propsToAccessibilityComponent-test.js +0 -46
  92. package/dist/cjs/modules/AccessibilityUtil/__tests__/propsToAriaRole-test.js +0 -30
  93. package/dist/cjs/modules/AccessibilityUtil/isDisabled.js +0 -22
  94. package/dist/cjs/modules/AccessibilityUtil/propsToAccessibilityComponent.js +0 -60
  95. package/dist/cjs/modules/AccessibilityUtil/propsToAriaRole.js +0 -43
  96. package/dist/cjs/modules/ImageLoader/index.js +0 -102
  97. package/dist/cjs/modules/Platform/__tests__/index-test.js +0 -46
  98. package/dist/cjs/modules/Platform/index.js +0 -26
  99. package/dist/cjs/modules/UIManager/index.js +0 -101
  100. package/dist/cjs/modules/canUseDOM.js +0 -23
  101. package/dist/cjs/modules/createDOMProps/__tests__/index-test.js +0 -106
  102. package/dist/cjs/modules/createDOMProps/index.js +0 -121
  103. package/dist/cjs/modules/createEventHandle/__tests__/index-test.js +0 -242
  104. package/dist/cjs/modules/forwardedProps/index.js +0 -145
  105. package/dist/cjs/modules/getBoundingClientRect/index.js +0 -25
  106. package/dist/cjs/modules/invariant.js +0 -35
  107. package/dist/cjs/modules/isSelectionValid/index.js +0 -27
  108. package/dist/cjs/modules/isWebColor/index.js +0 -22
  109. package/dist/cjs/modules/mergeRefs/__tests__/index-test.js +0 -34
  110. package/dist/cjs/modules/mergeRefs/index.js +0 -41
  111. package/dist/cjs/modules/multiplyStyleLengthValue/index.js +0 -28
  112. package/dist/cjs/modules/pick/index.js +0 -26
  113. package/dist/cjs/modules/requestIdleCallback/index.js +0 -44
  114. package/dist/cjs/modules/unitlessNumbers/index.js +0 -80
  115. package/dist/cjs/modules/useEvent/index.js +0 -45
  116. package/dist/cjs/modules/useHover/index.js +0 -81
  117. package/dist/cjs/modules/useLocale/index.js +0 -54
  118. package/dist/cjs/modules/useMergeRefs/__tests__/index-test.js +0 -68
  119. package/dist/cjs/modules/useMergeRefs/index.js +0 -36
  120. package/dist/cjs/modules/usePlatformMethods/index.js +0 -39
  121. package/dist/cjs/styleTypes.js +0 -14
  122. package/dist/cjs/types.js +0 -14
  123. /package/dist/cjs/StyleSheet/__tests__/{compiler-createReactDOMStyle-test.js.map → compiler-createReactDOMStyle-test.cjs.map} +0 -0
  124. /package/dist/cjs/StyleSheet/__tests__/{compiler-test.js.map → compiler-test.cjs.map} +0 -0
  125. /package/dist/cjs/StyleSheet/__tests__/{dom-createOrderedCSSStyleSheet-test.js.map → dom-createOrderedCSSStyleSheet-test.cjs.map} +0 -0
  126. /package/dist/cjs/StyleSheet/__tests__/{index-test.js.map → index-test.cjs.map} +0 -0
  127. /package/dist/cjs/StyleSheet/__tests__/{preprocess-test.js.map → preprocess-test.cjs.map} +0 -0
  128. /package/dist/cjs/StyleSheet/__tests__/{validate-test.js.map → validate-test.cjs.map} +0 -0
  129. /package/dist/cjs/StyleSheet/compiler/{createReactDOMStyle.js.map → createReactDOMStyle.cjs.map} +0 -0
  130. /package/dist/cjs/StyleSheet/compiler/{hash.js.map → hash.cjs.map} +0 -0
  131. /package/dist/cjs/StyleSheet/compiler/{hyphenateStyleName.js.map → hyphenateStyleName.cjs.map} +0 -0
  132. /package/dist/cjs/StyleSheet/compiler/{index.js.map → index.cjs.map} +0 -0
  133. /package/dist/cjs/StyleSheet/compiler/{normalizeColor.js.map → normalizeColor.cjs.map} +0 -0
  134. /package/dist/cjs/StyleSheet/compiler/{normalizeValueWithProperty.js.map → normalizeValueWithProperty.cjs.map} +0 -0
  135. /package/dist/cjs/StyleSheet/compiler/{resolveShadowValue.js.map → resolveShadowValue.cjs.map} +0 -0
  136. /package/dist/cjs/StyleSheet/dom/{createCSSStyleSheet.js.map → createCSSStyleSheet.cjs.map} +0 -0
  137. /package/dist/cjs/StyleSheet/dom/{createOrderedCSSStyleSheet.js.map → createOrderedCSSStyleSheet.cjs.map} +0 -0
  138. /package/dist/cjs/StyleSheet/dom/{index.js.map → index.cjs.map} +0 -0
  139. /package/dist/cjs/StyleSheet/{index.js.map → index.cjs.map} +0 -0
  140. /package/dist/cjs/StyleSheet/{preprocess.js.map → preprocess.cjs.map} +0 -0
  141. /package/dist/cjs/StyleSheet/{validate.js.map → validate.cjs.map} +0 -0
  142. /package/dist/cjs/{TextAncestorContext.js.map → TextAncestorContext.cjs.map} +0 -0
  143. /package/dist/cjs/{colorProps.js.map → colorProps.cjs.map} +0 -0
  144. /package/dist/cjs/{index.js.map → index.cjs.map} +0 -0
  145. /package/dist/cjs/modules/AccessibilityUtil/__tests__/{propsToAccessibilityComponent-test.js.map → propsToAccessibilityComponent-test.cjs.map} +0 -0
  146. /package/dist/cjs/modules/AccessibilityUtil/__tests__/{propsToAriaRole-test.js.map → propsToAriaRole-test.cjs.map} +0 -0
  147. /package/dist/cjs/modules/AccessibilityUtil/{index.js.map → index.cjs.map} +0 -0
  148. /package/dist/cjs/modules/AccessibilityUtil/{isDisabled.js.map → isDisabled.cjs.map} +0 -0
  149. /package/dist/cjs/modules/AccessibilityUtil/{propsToAccessibilityComponent.js.map → propsToAccessibilityComponent.cjs.map} +0 -0
  150. /package/dist/cjs/modules/AccessibilityUtil/{propsToAriaRole.js.map → propsToAriaRole.cjs.map} +0 -0
  151. /package/dist/cjs/modules/AssetRegistry/{index.js.map → index.cjs.map} +0 -0
  152. /package/dist/cjs/modules/ImageLoader/{index.js.map → index.cjs.map} +0 -0
  153. /package/dist/cjs/modules/{InteractionManager.js.map → InteractionManager.cjs.map} +0 -0
  154. /package/dist/cjs/modules/Platform/__tests__/{index-test.js.map → index-test.cjs.map} +0 -0
  155. /package/dist/cjs/modules/Platform/{index.js.map → index.cjs.map} +0 -0
  156. /package/dist/cjs/modules/TextInputState/{index.js.map → index.cjs.map} +0 -0
  157. /package/dist/cjs/modules/UIManager/__tests__/{index-test.js.map → index-test.cjs.map} +0 -0
  158. /package/dist/cjs/modules/UIManager/{index.js.map → index.cjs.map} +0 -0
  159. /package/dist/cjs/modules/{canUseDOM.js.map → canUseDOM.cjs.map} +0 -0
  160. /package/dist/cjs/modules/createDOMProps/__tests__/{index-test.js.map → index-test.cjs.map} +0 -0
  161. /package/dist/cjs/modules/createDOMProps/{index.js.map → index.cjs.map} +0 -0
  162. /package/dist/cjs/modules/createEventHandle/__tests__/{index-test.js.map → index-test.cjs.map} +0 -0
  163. /package/dist/cjs/modules/createEventHandle/{index.js.map → index.cjs.map} +0 -0
  164. /package/dist/cjs/modules/dismissKeyboard/{index.js.map → index.cjs.map} +0 -0
  165. /package/dist/cjs/modules/forwardedProps/{index.js.map → index.cjs.map} +0 -0
  166. /package/dist/cjs/modules/getBoundingClientRect/{index.js.map → index.cjs.map} +0 -0
  167. /package/dist/cjs/modules/{invariant.js.map → invariant.cjs.map} +0 -0
  168. /package/dist/cjs/modules/isSelectionValid/{index.js.map → index.cjs.map} +0 -0
  169. /package/dist/cjs/modules/isWebColor/{index.js.map → index.cjs.map} +0 -0
  170. /package/dist/cjs/modules/mergeRefs/__tests__/{index-test.js.map → index-test.cjs.map} +0 -0
  171. /package/dist/cjs/modules/mergeRefs/{index.js.map → index.cjs.map} +0 -0
  172. /package/dist/cjs/modules/modality/__tests__/{index-test.js.map → index-test.cjs.map} +0 -0
  173. /package/dist/cjs/modules/modality/{index.js.map → index.cjs.map} +0 -0
  174. /package/dist/cjs/modules/multiplyStyleLengthValue/__tests__/{index-test.js.map → index-test.cjs.map} +0 -0
  175. /package/dist/cjs/modules/multiplyStyleLengthValue/{index.js.map → index.cjs.map} +0 -0
  176. /package/dist/cjs/modules/normalizeColor/{index.js.map → index.cjs.map} +0 -0
  177. /package/dist/cjs/modules/pick/{index.js.map → index.cjs.map} +0 -0
  178. /package/dist/cjs/modules/processColor/__tests__/{index-test.js.map → index-test.cjs.map} +0 -0
  179. /package/dist/cjs/modules/processColor/{index.js.map → index.cjs.map} +0 -0
  180. /package/dist/cjs/modules/requestIdleCallback/{index.js.map → index.cjs.map} +0 -0
  181. /package/dist/cjs/modules/setValueForStyles/{dangerousStyleValue.js.map → dangerousStyleValue.cjs.map} +0 -0
  182. /package/dist/cjs/modules/setValueForStyles/{index.js.map → index.cjs.map} +0 -0
  183. /package/dist/cjs/modules/unitlessNumbers/{index.js.map → index.cjs.map} +0 -0
  184. /package/dist/cjs/modules/useElementLayout/{index.js.map → index.cjs.map} +0 -0
  185. /package/dist/cjs/modules/useEvent/__tests__/{index-test.js.map → index-test.cjs.map} +0 -0
  186. /package/dist/cjs/modules/useEvent/{index.js.map → index.cjs.map} +0 -0
  187. /package/dist/cjs/modules/useHover/__tests__/{index-test.js.map → index-test.cjs.map} +0 -0
  188. /package/dist/cjs/modules/useHover/{index.js.map → index.cjs.map} +0 -0
  189. /package/dist/cjs/modules/useLayoutEffect/{index.js.map → index.cjs.map} +0 -0
  190. /package/dist/cjs/modules/useLocale/{index.js.map → index.cjs.map} +0 -0
  191. /package/dist/cjs/modules/useLocale/{isLocaleRTL.js.map → isLocaleRTL.cjs.map} +0 -0
  192. /package/dist/cjs/modules/useMergeRefs/__tests__/{index-test.js.map → index-test.cjs.map} +0 -0
  193. /package/dist/cjs/modules/useMergeRefs/{index.js.map → index.cjs.map} +0 -0
  194. /package/dist/cjs/modules/usePlatformMethods/{index.js.map → index.cjs.map} +0 -0
  195. /package/dist/cjs/modules/useStable/__tests__/{index-test.js.map → index-test.cjs.map} +0 -0
  196. /package/dist/cjs/modules/useStable/{index.js.map → index.cjs.map} +0 -0
  197. /package/dist/cjs/{styleTypes.js.map → styleTypes.cjs.map} +0 -0
  198. /package/dist/cjs/{types.js.map → types.cjs.map} +0 -0
@@ -2,22 +2,25 @@ var __create = Object.create;
2
2
  var __defProp = Object.defineProperty;
3
3
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
4
  var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __getProtoOf = Object.getPrototypeOf,
6
+ __hasOwnProp = Object.prototype.hasOwnProperty;
6
7
  var __copyProps = (to, from, except, desc) => {
7
- if (from && typeof from == "object" || typeof from == "function")
8
- for (let key of __getOwnPropNames(from))
9
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
8
+ if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
9
+ get: () => from[key],
10
+ enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
11
+ });
10
12
  return to;
11
13
  };
12
14
  var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
13
- // If the importer is in node compatibility mode or this is not an ESM
14
- // file that has been converted to a CommonJS file using a Babel-
15
- // compatible transform (i.e. "__esModule" has not been set), then set
16
- // "default" to the CommonJS "module.exports" for node compatibility.
17
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
18
- mod
19
- ));
20
- var import_createReactDOMStyle = __toESM(require("../compiler/createReactDOMStyle"));
15
+ // If the importer is in node compatibility mode or this is not an ESM
16
+ // file that has been converted to a CommonJS file using a Babel-
17
+ // compatible transform (i.e. "__esModule" has not been set), then set
18
+ // "default" to the CommonJS "module.exports" for node compatibility.
19
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
20
+ value: mod,
21
+ enumerable: !0
22
+ }) : target, mod));
23
+ var import_createReactDOMStyle = __toESM(require("../compiler/createReactDOMStyle.cjs"));
21
24
  const reactNativeStyle = {
22
25
  boxShadow: "1px 1px 1px 1px #000",
23
26
  borderWidthLeft: 2,
@@ -27,12 +30,16 @@ const reactNativeStyle = {
27
30
  marginVertical: 0,
28
31
  opacity: 0,
29
32
  shadowColor: "red",
30
- shadowOffset: { width: 1, height: 2 },
33
+ shadowOffset: {
34
+ width: 1,
35
+ height: 2
36
+ },
31
37
  resizeMode: "contain"
32
38
  };
33
39
  describe("compiler/createReactDOMStyle", () => {
34
40
  test("noop on DOM styles", () => {
35
- const firstStyle = (0, import_createReactDOMStyle.default)(reactNativeStyle), secondStyle = (0, import_createReactDOMStyle.default)(firstStyle);
41
+ const firstStyle = (0, import_createReactDOMStyle.default)(reactNativeStyle),
42
+ secondStyle = (0, import_createReactDOMStyle.default)(firstStyle);
36
43
  expect(firstStyle).toEqual(secondStyle);
37
44
  }), test("shortform -> longform for inline styles", () => {
38
45
  const style = {
@@ -77,116 +84,157 @@ describe("compiler/createReactDOMStyle", () => {
77
84
  }
78
85
  `);
79
86
  }), test("aspectRatio", () => {
80
- expect((0, import_createReactDOMStyle.default)({ aspectRatio: 9 / 16 })).toEqual({
87
+ expect((0, import_createReactDOMStyle.default)({
88
+ aspectRatio: 9 / 16
89
+ })).toEqual({
81
90
  aspectRatio: "0.5625"
82
91
  });
83
92
  }), describe("flexbox styles", () => {
84
93
  test("flex: -1", () => {
85
- expect((0, import_createReactDOMStyle.default)({ flex: -1 })).toEqual({
94
+ expect((0, import_createReactDOMStyle.default)({
95
+ flex: -1
96
+ })).toEqual({
86
97
  flexGrow: 0,
87
98
  flexShrink: 1,
88
99
  flexBasis: "auto"
89
100
  });
90
101
  }), test("flex: 0", () => {
91
- expect((0, import_createReactDOMStyle.default)({ flex: 0 })).toEqual({
102
+ expect((0, import_createReactDOMStyle.default)({
103
+ flex: 0
104
+ })).toEqual({
92
105
  flex: 0
93
106
  });
94
107
  }), test("flex: 1", () => {
95
- expect((0, import_createReactDOMStyle.default)({ flex: 1 })).toEqual({
108
+ expect((0, import_createReactDOMStyle.default)({
109
+ flex: 1
110
+ })).toEqual({
96
111
  flex: 1
97
112
  });
98
113
  }), test("flex: 10", () => {
99
- expect((0, import_createReactDOMStyle.default)({ flex: 10 })).toEqual({
114
+ expect((0, import_createReactDOMStyle.default)({
115
+ flex: 10
116
+ })).toEqual({
100
117
  flex: 10
101
118
  });
102
119
  }), test("flexBasis overrides", () => {
103
- expect((0, import_createReactDOMStyle.default)({ flexBasis: "25%" })).toEqual({
120
+ expect((0, import_createReactDOMStyle.default)({
121
+ flexBasis: "25%"
122
+ })).toEqual({
123
+ flexBasis: "25%"
124
+ }), expect((0, import_createReactDOMStyle.default)({
125
+ flex: 1,
104
126
  flexBasis: "25%"
105
- }), expect((0, import_createReactDOMStyle.default)({ flex: 1, flexBasis: "25%" })).toEqual({
127
+ })).toEqual({
106
128
  flex: 1,
107
129
  flexBasis: "25%"
108
130
  });
109
131
  }), test("flexShrink overrides", () => {
110
- expect((0, import_createReactDOMStyle.default)({ flexShrink: 1 })).toEqual({
132
+ expect((0, import_createReactDOMStyle.default)({
133
+ flexShrink: 1
134
+ })).toEqual({
111
135
  flexShrink: 1
112
- }), expect((0, import_createReactDOMStyle.default)({ flex: 1, flexShrink: 2 })).toEqual({
136
+ }), expect((0, import_createReactDOMStyle.default)({
137
+ flex: 1,
138
+ flexShrink: 2
139
+ })).toEqual({
113
140
  flex: 1,
114
141
  flexShrink: 2
115
142
  });
116
143
  });
117
144
  }), describe("fontFamily", () => {
118
145
  test("general case", () => {
119
- expect((0, import_createReactDOMStyle.default)({ fontFamily: "Georgia, Times, serif" })).toMatchInlineSnapshot(`
146
+ expect((0, import_createReactDOMStyle.default)({
147
+ fontFamily: "Georgia, Times, serif"
148
+ })).toMatchInlineSnapshot(`
120
149
  {
121
150
  "fontFamily": "Georgia, Times, serif",
122
151
  }
123
152
  `);
124
153
  }), test('"monospace"', () => {
125
- expect((0, import_createReactDOMStyle.default)({ fontFamily: "monospace" })).toMatchInlineSnapshot(`
154
+ expect((0, import_createReactDOMStyle.default)({
155
+ fontFamily: "monospace"
156
+ })).toMatchInlineSnapshot(`
126
157
  {
127
158
  "fontFamily": "monospace,monospace",
128
159
  }
129
160
  `);
130
161
  }), test('"System"', () => {
131
- expect((0, import_createReactDOMStyle.default)({ fontFamily: "System" })).toMatchInlineSnapshot(`
162
+ expect((0, import_createReactDOMStyle.default)({
163
+ fontFamily: "System"
164
+ })).toMatchInlineSnapshot(`
132
165
  {
133
166
  "fontFamily": "-apple-system,BlinkMacSystemFont,\\"Segoe UI\\",Roboto,Helvetica,Arial,sans-serif",
134
167
  }
135
- `), expect((0, import_createReactDOMStyle.default)({ font: "14px System" })).toMatchInlineSnapshot(`
168
+ `), expect((0, import_createReactDOMStyle.default)({
169
+ font: "14px System"
170
+ })).toMatchInlineSnapshot(`
136
171
  {
137
172
  "font": "14px -apple-system,BlinkMacSystemFont,\\"Segoe UI\\",Roboto,Helvetica,Arial,sans-serif",
138
173
  }
139
174
  `);
140
175
  }), test('"Noto, System"', () => {
141
- expect((0, import_createReactDOMStyle.default)({ fontFamily: "Noto, System" })).toMatchInlineSnapshot(`
176
+ expect((0, import_createReactDOMStyle.default)({
177
+ fontFamily: "Noto, System"
178
+ })).toMatchInlineSnapshot(`
142
179
  {
143
180
  "fontFamily": "Noto,-apple-system,BlinkMacSystemFont,\\"Segoe UI\\",Roboto,Helvetica,Arial,sans-serif",
144
181
  }
145
- `), expect((0, import_createReactDOMStyle.default)({ font: "14px Noto, System" })).toMatchInlineSnapshot(`
182
+ `), expect((0, import_createReactDOMStyle.default)({
183
+ font: "14px Noto, System"
184
+ })).toMatchInlineSnapshot(`
146
185
  {
147
186
  "font": "14px Noto, -apple-system,BlinkMacSystemFont,\\"Segoe UI\\",Roboto,Helvetica,Arial,sans-serif",
148
187
  }
149
188
  `);
150
189
  }), test('"Noto, BlinkMacSystemFont"', () => {
151
- expect((0, import_createReactDOMStyle.default)({ fontFamily: "Noto, BlinkMacSystemFont" })).toMatchInlineSnapshot(`
190
+ expect((0, import_createReactDOMStyle.default)({
191
+ fontFamily: "Noto, BlinkMacSystemFont"
192
+ })).toMatchInlineSnapshot(`
152
193
  {
153
194
  "fontFamily": "Noto,BlinkMacSystemFont",
154
195
  }
155
196
  `);
156
197
  });
157
198
  }), test("fontVariant", () => {
158
- expect(
159
- (0, import_createReactDOMStyle.default)({ fontVariant: ["common-ligatures", "small-caps"] })
160
- ).toEqual({
199
+ expect((0, import_createReactDOMStyle.default)({
200
+ fontVariant: ["common-ligatures", "small-caps"]
201
+ })).toEqual({
161
202
  fontVariant: "common-ligatures small-caps"
162
203
  });
163
204
  }), test("textAlignVertical", () => {
164
- expect(
165
- (0, import_createReactDOMStyle.default)({
166
- textAlignVertical: "center"
167
- })
168
- ).toEqual({
205
+ expect((0, import_createReactDOMStyle.default)({
206
+ textAlignVertical: "center"
207
+ })).toEqual({
169
208
  verticalAlign: "middle"
170
209
  });
171
210
  }), describe("transform", () => {
172
211
  test("string", () => {
173
- const transform = "perspective(50px) scaleX(20) translateX(20px) rotate(20deg)", resolved = (0, import_createReactDOMStyle.default)({ transform });
174
- expect(resolved).toEqual({ transform });
212
+ const transform = "perspective(50px) scaleX(20) translateX(20px) rotate(20deg)",
213
+ resolved = (0, import_createReactDOMStyle.default)({
214
+ transform
215
+ });
216
+ expect(resolved).toEqual({
217
+ transform
218
+ });
175
219
  }), test("array", () => {
176
220
  const resolved = (0, import_createReactDOMStyle.default)({
177
- transform: [
178
- { perspective: 50 },
179
- { scaleX: 20 },
180
- { translateX: 20 },
181
- { rotate: "20deg" },
182
- { matrix: [1, 2, 3, 4, 5, 6] },
183
- { matrix3d: [1, 1, 1, 1, 2, 2, 2, 2, 3, 3, 3, 3, 4, 4, 4, 4] }
184
- ]
221
+ transform: [{
222
+ perspective: 50
223
+ }, {
224
+ scaleX: 20
225
+ }, {
226
+ translateX: 20
227
+ }, {
228
+ rotate: "20deg"
229
+ }, {
230
+ matrix: [1, 2, 3, 4, 5, 6]
231
+ }, {
232
+ matrix3d: [1, 1, 1, 1, 2, 2, 2, 2, 3, 3, 3, 3, 4, 4, 4, 4]
233
+ }]
185
234
  });
186
235
  expect(resolved).toEqual({
187
236
  transform: "perspective(50px) scaleX(20) translateX(20px) rotate(20deg) matrix(1,2,3,4,5,6) matrix3d(1,1,1,1,2,2,2,2,3,3,3,3,4,4,4,4)"
188
237
  });
189
238
  });
190
239
  });
191
- });
192
- //# sourceMappingURL=compiler-createReactDOMStyle-test.js.map
240
+ });
@@ -1,13 +1,27 @@
1
- var import_compiler = require("../compiler");
1
+ var import_compiler = require("../compiler/index.cjs");
2
2
  describe("StyleSheet/compile", () => {
3
3
  describe("atomic", () => {
4
4
  test("converts style to atomic CSS", () => {
5
5
  const result = (0, import_compiler.atomic)({
6
6
  animationDirection: ["alternate", "alternate-reverse"],
7
- animationKeyframes: [
8
- { "0%": { top: 0 }, "50%": { top: 5 }, "100%": { top: 10 } },
9
- { from: { left: 0 }, to: { left: 10 } }
10
- ],
7
+ animationKeyframes: [{
8
+ "0%": {
9
+ top: 0
10
+ },
11
+ "50%": {
12
+ top: 5
13
+ },
14
+ "100%": {
15
+ top: 10
16
+ }
17
+ }, {
18
+ from: {
19
+ left: 0
20
+ },
21
+ to: {
22
+ left: 10
23
+ }
24
+ }],
11
25
  fontFamily: "System",
12
26
  marginHorizontal: 10,
13
27
  marginStart: 1,
@@ -17,12 +31,10 @@ describe("StyleSheet/compile", () => {
17
31
  pointerEvents: "box-only",
18
32
  start: "12.34%",
19
33
  textAlign: "start",
20
- transform: [
21
- {
22
- translateX: 50,
23
- scale: -1
24
- }
25
- ]
34
+ transform: [{
35
+ translateX: 50,
36
+ scale: -1
37
+ }]
26
38
  });
27
39
  expect(result).toMatchInlineSnapshot(`
28
40
  [
@@ -166,24 +178,33 @@ describe("StyleSheet/compile", () => {
166
178
  });
167
179
  }), describe("classic", () => {
168
180
  test("converts style to classic CSS", () => {
169
- const result = (0, import_compiler.classic)(
170
- {
171
- animationDirection: ["alternate", "alternate-reverse"],
172
- animationKeyframes: [
173
- { "0%": { top: 0 }, "50%": { top: 5 }, "100%": { top: 10 } },
174
- { from: { left: 0 }, to: { left: 10 } }
175
- ],
176
- marginHorizontal: 10,
177
- font: "14px System",
178
- transform: [
179
- {
180
- translateX: 50,
181
- scale: -1
182
- }
183
- ]
184
- },
185
- "text"
186
- );
181
+ const result = (0, import_compiler.classic)({
182
+ animationDirection: ["alternate", "alternate-reverse"],
183
+ animationKeyframes: [{
184
+ "0%": {
185
+ top: 0
186
+ },
187
+ "50%": {
188
+ top: 5
189
+ },
190
+ "100%": {
191
+ top: 10
192
+ }
193
+ }, {
194
+ from: {
195
+ left: 0
196
+ },
197
+ to: {
198
+ left: 10
199
+ }
200
+ }],
201
+ marginHorizontal: 10,
202
+ font: "14px System",
203
+ transform: [{
204
+ translateX: 50,
205
+ scale: -1
206
+ }]
207
+ }, "text");
187
208
  expect(result).toMatchInlineSnapshot(`
188
209
  [
189
210
  {
@@ -221,7 +242,7 @@ describe("StyleSheet/compile", () => {
221
242
  }
222
243
  `);
223
244
  }), describe("logical style polyfill", () => {
224
- [!1, !0].forEach((isRTL) => {
245
+ [!1, !0].forEach(isRTL => {
225
246
  const dir = isRTL ? "rtl" : "ltr";
226
247
  test(`ignores "left" properties for ${dir}`, () => {
227
248
  const initial = {
@@ -261,118 +282,126 @@ describe("StyleSheet/compile", () => {
261
282
  expect((0, import_compiler.inline)(initial, isRTL)).toEqual(initial);
262
283
  }), test(`converts "start" properties for ${dir}`, () => {
263
284
  const initial = {
264
- borderStartColor: "red",
265
- borderStartStyle: "solid",
266
- borderStartWidth: 1,
267
- start: 1,
268
- marginStart: 5,
269
- paddingStart: 10
270
- }, expectedLTR = {
271
- borderLeftColor: "rgba(255,0,0,1.00)",
272
- borderLeftStyle: "solid",
273
- borderLeftWidth: "1px",
274
- left: "1px",
275
- marginLeft: "5px",
276
- paddingLeft: "10px"
277
- }, expectedRTL = {
278
- borderRightColor: "rgba(255,0,0,1.00)",
279
- borderRightStyle: "solid",
280
- borderRightWidth: "1px",
281
- right: "1px",
282
- marginRight: "5px",
283
- paddingRight: "10px"
284
- };
285
+ borderStartColor: "red",
286
+ borderStartStyle: "solid",
287
+ borderStartWidth: 1,
288
+ start: 1,
289
+ marginStart: 5,
290
+ paddingStart: 10
291
+ },
292
+ expectedLTR = {
293
+ borderLeftColor: "rgba(255,0,0,1.00)",
294
+ borderLeftStyle: "solid",
295
+ borderLeftWidth: "1px",
296
+ left: "1px",
297
+ marginLeft: "5px",
298
+ paddingLeft: "10px"
299
+ },
300
+ expectedRTL = {
301
+ borderRightColor: "rgba(255,0,0,1.00)",
302
+ borderRightStyle: "solid",
303
+ borderRightWidth: "1px",
304
+ right: "1px",
305
+ marginRight: "5px",
306
+ paddingRight: "10px"
307
+ };
285
308
  expect((0, import_compiler.inline)(initial, isRTL)).toEqual(isRTL ? expectedRTL : expectedLTR);
286
309
  }), test(`converts "end" properties for ${dir}`, () => {
287
310
  const initial = {
288
- borderEndColor: "red",
289
- borderEndStyle: "solid",
290
- borderEndWidth: 1,
291
- end: 1,
292
- marginEnd: 5,
293
- paddingEnd: 10
294
- }, expectedLTR = {
295
- borderRightColor: "rgba(255,0,0,1.00)",
296
- borderRightStyle: "solid",
297
- borderRightWidth: "1px",
298
- right: "1px",
299
- marginRight: "5px",
300
- paddingRight: "10px"
301
- }, expectedRTL = {
302
- borderLeftColor: "rgba(255,0,0,1.00)",
303
- borderLeftStyle: "solid",
304
- borderLeftWidth: "1px",
305
- left: "1px",
306
- marginLeft: "5px",
307
- paddingLeft: "10px"
308
- };
311
+ borderEndColor: "red",
312
+ borderEndStyle: "solid",
313
+ borderEndWidth: 1,
314
+ end: 1,
315
+ marginEnd: 5,
316
+ paddingEnd: 10
317
+ },
318
+ expectedLTR = {
319
+ borderRightColor: "rgba(255,0,0,1.00)",
320
+ borderRightStyle: "solid",
321
+ borderRightWidth: "1px",
322
+ right: "1px",
323
+ marginRight: "5px",
324
+ paddingRight: "10px"
325
+ },
326
+ expectedRTL = {
327
+ borderLeftColor: "rgba(255,0,0,1.00)",
328
+ borderLeftStyle: "solid",
329
+ borderLeftWidth: "1px",
330
+ left: "1px",
331
+ marginLeft: "5px",
332
+ paddingLeft: "10px"
333
+ };
309
334
  expect((0, import_compiler.inline)(initial, isRTL)).toEqual(isRTL ? expectedRTL : expectedLTR);
310
335
  }), test(`converts "start" values for ${dir}`, () => {
311
336
  const initial = {
312
- clear: "start",
313
- float: "start",
314
- textAlign: "start",
315
- transitionProperty: "start"
316
- }, expectedLTR = {
317
- clear: "left",
318
- float: "left",
319
- textAlign: "left",
320
- transitionProperty: "left"
321
- }, expectedRTL = {
322
- clear: "right",
323
- float: "right",
324
- textAlign: "right",
325
- transitionProperty: "right"
326
- };
337
+ clear: "start",
338
+ float: "start",
339
+ textAlign: "start",
340
+ transitionProperty: "start"
341
+ },
342
+ expectedLTR = {
343
+ clear: "left",
344
+ float: "left",
345
+ textAlign: "left",
346
+ transitionProperty: "left"
347
+ },
348
+ expectedRTL = {
349
+ clear: "right",
350
+ float: "right",
351
+ textAlign: "right",
352
+ transitionProperty: "right"
353
+ };
327
354
  expect((0, import_compiler.inline)(initial, isRTL)).toEqual(isRTL ? expectedRTL : expectedLTR);
328
355
  }), test(`converts "end" values for ${dir}`, () => {
329
356
  const initial = {
330
- clear: "end",
331
- float: "end",
332
- textAlign: "end",
333
- transitionProperty: "end"
334
- }, expectedLTR = {
335
- clear: "right",
336
- float: "right",
337
- textAlign: "right",
338
- transitionProperty: "right"
339
- }, expectedRTL = {
340
- clear: "left",
341
- float: "left",
342
- textAlign: "left",
343
- transitionProperty: "left"
344
- };
357
+ clear: "end",
358
+ float: "end",
359
+ textAlign: "end",
360
+ transitionProperty: "end"
361
+ },
362
+ expectedLTR = {
363
+ clear: "right",
364
+ float: "right",
365
+ textAlign: "right",
366
+ transitionProperty: "right"
367
+ },
368
+ expectedRTL = {
369
+ clear: "left",
370
+ float: "left",
371
+ textAlign: "left",
372
+ transitionProperty: "left"
373
+ };
345
374
  expect((0, import_compiler.inline)(initial, isRTL)).toEqual(isRTL ? expectedRTL : expectedLTR);
346
375
  }), test("end/start properties take precedence over left/right", () => {
347
376
  const initialLTR = {
348
- borderStartWidth: 10,
349
- borderLeftWidth: 0,
350
- end: 10,
351
- right: 0,
352
- marginStart: 10,
353
- marginLeft: 0
354
- }, expectedLTR = {
355
- borderLeftWidth: "10px",
356
- marginLeft: "10px",
357
- right: "10px"
358
- }, initialRTL = {
359
- borderStartWidth: 10,
360
- borderRightWidth: 0,
361
- end: 10,
362
- left: 0,
363
- marginStart: 10,
364
- marginRight: 0
365
- }, expectedRTL = {
366
- borderRightWidth: "10px",
367
- marginRight: "10px",
368
- left: "10px"
369
- };
370
- expect((0, import_compiler.inline)(isRTL ? initialRTL : initialLTR, isRTL)).toEqual(
371
- isRTL ? expectedRTL : expectedLTR
372
- );
377
+ borderStartWidth: 10,
378
+ borderLeftWidth: 0,
379
+ end: 10,
380
+ right: 0,
381
+ marginStart: 10,
382
+ marginLeft: 0
383
+ },
384
+ expectedLTR = {
385
+ borderLeftWidth: "10px",
386
+ marginLeft: "10px",
387
+ right: "10px"
388
+ },
389
+ initialRTL = {
390
+ borderStartWidth: 10,
391
+ borderRightWidth: 0,
392
+ end: 10,
393
+ left: 0,
394
+ marginStart: 10,
395
+ marginRight: 0
396
+ },
397
+ expectedRTL = {
398
+ borderRightWidth: "10px",
399
+ marginRight: "10px",
400
+ left: "10px"
401
+ };
402
+ expect((0, import_compiler.inline)(isRTL ? initialRTL : initialLTR, isRTL)).toEqual(isRTL ? expectedRTL : expectedLTR);
373
403
  });
374
404
  });
375
405
  });
376
406
  });
377
- });
378
- //# sourceMappingURL=compiler-test.js.map
407
+ });
@@ -2,28 +2,33 @@ var __create = Object.create;
2
2
  var __defProp = Object.defineProperty;
3
3
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
4
  var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __getProtoOf = Object.getPrototypeOf,
6
+ __hasOwnProp = Object.prototype.hasOwnProperty;
6
7
  var __copyProps = (to, from, except, desc) => {
7
- if (from && typeof from == "object" || typeof from == "function")
8
- for (let key of __getOwnPropNames(from))
9
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
8
+ if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
9
+ get: () => from[key],
10
+ enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
11
+ });
10
12
  return to;
11
13
  };
12
14
  var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
13
- // If the importer is in node compatibility mode or this is not an ESM
14
- // file that has been converted to a CommonJS file using a Babel-
15
- // compatible transform (i.e. "__esModule" has not been set), then set
16
- // "default" to the CommonJS "module.exports" for node compatibility.
17
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
18
- mod
19
- ));
20
- var import_createOrderedCSSStyleSheet = __toESM(require("../dom/createOrderedCSSStyleSheet"));
15
+ // If the importer is in node compatibility mode or this is not an ESM
16
+ // file that has been converted to a CommonJS file using a Babel-
17
+ // compatible transform (i.e. "__esModule" has not been set), then set
18
+ // "default" to the CommonJS "module.exports" for node compatibility.
19
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
20
+ value: mod,
21
+ enumerable: !0
22
+ }) : target, mod));
23
+ var import_createOrderedCSSStyleSheet = __toESM(require("../dom/createOrderedCSSStyleSheet.cjs"));
21
24
  const insertStyleElement = () => {
22
- const element = document.createElement("style"), head = document.head;
23
- return head.insertBefore(element, head.firstChild), element;
24
- }, removeStyleElement = (element) => {
25
- document.head.removeChild(element);
26
- };
25
+ const element = document.createElement("style"),
26
+ head = document.head;
27
+ return head.insertBefore(element, head.firstChild), element;
28
+ },
29
+ removeStyleElement = element => {
30
+ document.head.removeChild(element);
31
+ };
27
32
  describe("createOrderedCSSStyleSheet", () => {
28
33
  describe("#insert", () => {
29
34
  test("insertion order for same group", () => {
@@ -113,5 +118,4 @@ describe("createOrderedCSSStyleSheet", () => {
113
118
  `);
114
119
  });
115
120
  });
116
- });
117
- //# sourceMappingURL=dom-createOrderedCSSStyleSheet-test.js.map
121
+ });