@react-native-ohos/native-base 3.4.29-rc.1

package/lib/commonjs/utils/mergeRefs.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mergeRefs = mergeRefs;
+exports.composeEventHandlers = composeEventHandlers;
+
+function mergeRefs(refs) {
+  return value => {
+    refs.forEach(ref => {
+      if (typeof ref === 'function') {
+        ref(value);
+      } else if (ref != null) {
+        ref.current = value;
+      }
+    });
+  };
+}
+
+function composeEventHandlers(originalEventHandler, ourEventHandler) {
+  return function handleEvent(event) {
+    originalEventHandler === null || originalEventHandler === void 0 ? void 0 : originalEventHandler(event);
+    ourEventHandler === null || ourEventHandler === void 0 ? void 0 : ourEventHandler(event);
+  };
+}
+//# sourceMappingURL=mergeRefs.js.map

package/lib/commonjs/utils/mergeRefs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["mergeRefs.ts"],"names":["mergeRefs","refs","value","forEach","ref","current","composeEventHandlers","originalEventHandler","ourEventHandler","handleEvent","event"],"mappings":";;;;;;;;AAAO,SAASA,SAAT,CACLC,IADK,EAEiB;AACtB,SAAQC,KAAD,IAAW;AAChBD,IAAAA,IAAI,CAACE,OAAL,CAAcC,GAAD,IAAS;AACpB,UAAI,OAAOA,GAAP,KAAe,UAAnB,EAA+B;AAC7BA,QAAAA,GAAG,CAACF,KAAD,CAAH;AACD,OAFD,MAEO,IAAIE,GAAG,IAAI,IAAX,EAAiB;AACrBA,QAAAA,GAAD,CAA0CC,OAA1C,GAAoDH,KAApD;AACD;AACF,KAND;AAOD,GARD;AASD;;AAEM,SAASI,oBAAT,CACLC,oBADK,EAELC,eAFK,EAGL;AACA,SAAO,SAASC,WAAT,CAAqBC,KAArB,EAA+B;AACpCH,IAAAA,oBAAoB,SAApB,IAAAA,oBAAoB,WAApB,YAAAA,oBAAoB,CAAGG,KAAH,CAApB;AACAF,IAAAA,eAAe,SAAf,IAAAA,eAAe,WAAf,YAAAA,eAAe,CAAGE,KAAH,CAAf;AACD,GAHD;AAID","sourcesContent":["export function mergeRefs<T = any>(\r\n  refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>\r\n): React.RefCallback<T> {\r\n  return (value) => {\r\n    refs.forEach((ref) => {\r\n      if (typeof ref === 'function') {\r\n        ref(value);\r\n      } else if (ref != null) {\r\n        (ref as React.MutableRefObject<T | null>).current = value;\r\n      }\r\n    });\r\n  };\r\n}\r\n\r\nexport function composeEventHandlers<E>(\r\n  originalEventHandler?: null | ((event: E) => void),\r\n  ourEventHandler?: (event: E) => void\r\n) {\r\n  return function handleEvent(event: E) {\r\n    originalEventHandler?.(event);\r\n    ourEventHandler?.(event);\r\n  };\r\n}\r\n"]}

package/lib/commonjs/utils/react-native-web-fucntions/atomic.js

@@ -0,0 +1,376 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.atomic = atomic;
+exports.stringifyValueWithProperty = stringifyValueWithProperty;
+
+var _hash = _interopRequireDefault(require("../useResponsiveQuery/hash"));
+
+var _prefixStyles = _interopRequireDefault(require("../react-native-web-fucntions/prefixStyles"));
+
+var _normalizeValueWithProperty = _interopRequireDefault(require("./normalizeValueWithProperty"));
+
+var _createReactDOMStyle = _interopRequireDefault(require("../react-native-web-fucntions/createReactDOMStyle"));
+
+var _hyphenateStyleName = _interopRequireDefault(require("../react-native-web-fucntions/hyphenateStyleName"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/* eslint-disable */
+//@ts-nocheck
+// This functions is taken from react native web
+const borderTopLeftRadius = 'borderTopLeftRadius';
+const borderTopRightRadius = 'borderTopRightRadius';
+const borderBottomLeftRadius = 'borderBottomLeftRadius';
+const borderBottomRightRadius = 'borderBottomRightRadius';
+const borderLeftColor = 'borderLeftColor';
+const borderLeftStyle = 'borderLeftStyle';
+const borderLeftWidth = 'borderLeftWidth';
+const borderRightColor = 'borderRightColor';
+const borderRightStyle = 'borderRightStyle';
+const borderRightWidth = 'borderRightWidth';
+const right = 'right';
+const marginLeft = 'marginLeft';
+const marginRight = 'marginRight';
+const paddingLeft = 'paddingLeft';
+const paddingRight = 'paddingRight';
+const left = 'left';
+const PROPERTIES_VALUE = ['clear', 'float', 'textAlign']; // Map of LTR property names to their BiDi equivalent.
+
+const PROPERTIES_FLIP = {
+  [borderTopLeftRadius]: borderTopRightRadius,
+  [borderTopRightRadius]: borderTopLeftRadius,
+  [borderBottomLeftRadius]: borderBottomRightRadius,
+  [borderBottomRightRadius]: borderBottomLeftRadius,
+  [borderLeftColor]: borderRightColor,
+  [borderLeftStyle]: borderRightStyle,
+  [borderLeftWidth]: borderRightWidth,
+  [borderRightColor]: borderLeftColor,
+  [borderRightStyle]: borderLeftStyle,
+  [borderRightWidth]: borderLeftWidth,
+  [left]: right,
+  [marginLeft]: marginRight,
+  [marginRight]: marginLeft,
+  [paddingLeft]: paddingRight,
+  [paddingRight]: paddingLeft,
+  [right]: left
+}; // Map of I18N property names to their LTR equivalent.
+
+const PROPERTIES_I18N = {
+  borderTopStartRadius: borderTopLeftRadius,
+  borderTopEndRadius: borderTopRightRadius,
+  borderBottomStartRadius: borderBottomLeftRadius,
+  borderBottomEndRadius: borderBottomRightRadius,
+  borderStartColor: borderLeftColor,
+  borderStartStyle: borderLeftStyle,
+  borderStartWidth: borderLeftWidth,
+  borderEndColor: borderRightColor,
+  borderEndStyle: borderRightStyle,
+  borderEndWidth: borderRightWidth,
+  end: right,
+  marginStart: marginLeft,
+  marginEnd: marginRight,
+  paddingStart: paddingLeft,
+  paddingEnd: paddingRight,
+  start: left
+};
+const customGroup = {
+  borderColor: 2,
+  borderRadius: 2,
+  borderStyle: 2,
+  borderWidth: 2,
+  display: 2,
+  flex: 2,
+  margin: 2,
+  overflow: 2,
+  overscrollBehavior: 2,
+  padding: 2,
+  marginHorizontal: 2.1,
+  marginVertical: 2.1,
+  paddingHorizontal: 2.1,
+  paddingVertical: 2.1
+};
+const atomicGroup = 2.2;
+const cache = new Map();
+
+function atomic(style) {
+  //@ts-ignore
+  const compiledStyle = {
+    $$css: true
+  };
+  const compiledRules = [];
+
+  function atomicCompile(prop, value) {
+    const valueString = stringifyValueWithProperty(value, prop);
+    const cacheKey = prop + valueString;
+    const cachedResult = cache.get(cacheKey);
+    let identifier;
+
+    if (cachedResult != null) {
+      identifier = cachedResult[0];
+      compiledRules.push(cachedResult[1]);
+    } else {
+      identifier = createIdentifier('r', prop, value);
+      const order = customGroup[prop] || atomicGroup;
+      const rules = createAtomicRules(identifier, prop, value);
+      const orderedRules = [rules, order];
+      compiledRules.push(orderedRules);
+      cache.set(cacheKey, [identifier, orderedRules]);
+    }
+
+    return identifier;
+  }
+
+  Object.keys(style).sort().forEach(prop => {
+    const value = style[prop];
+
+    if (value != null) {
+      let localizeableValue; // BiDi flip values
+
+      if (PROPERTIES_VALUE.indexOf(prop) > -1) {
+        const left = atomicCompile(prop, 'left');
+        const right = atomicCompile(prop, 'right');
+
+        if (value === 'start') {
+          localizeableValue = [left, right];
+        } else if (value === 'end') {
+          localizeableValue = [right, left];
+        }
+      } // BiDi flip properties
+
+
+      const propPolyfill = PROPERTIES_I18N[prop];
+
+      if (propPolyfill != null) {
+        const ltr = atomicCompile(propPolyfill, value);
+        const rtl = atomicCompile(PROPERTIES_FLIP[propPolyfill], value);
+        localizeableValue = [ltr, rtl];
+      } // BiDi flip transitionProperty value
+
+
+      if (prop === 'transitionProperty') {
+        const values = Array.isArray(value) ? value : [value];
+        const polyfillIndices = [];
+
+        for (let i = 0; i < values.length; i++) {
+          const val = values[i];
+
+          if (typeof val === 'string' && PROPERTIES_I18N[val] != null) {
+            polyfillIndices.push(i);
+          }
+        }
+
+        if (polyfillIndices.length > 0) {
+          const ltrPolyfillValues = [...values];
+          const rtlPolyfillValues = [...values];
+          polyfillIndices.forEach(i => {
+            const ltrVal = ltrPolyfillValues[i];
+
+            if (typeof ltrVal === 'string') {
+              const ltrPolyfill = PROPERTIES_I18N[ltrVal];
+              const rtlPolyfill = PROPERTIES_FLIP[ltrPolyfill];
+              ltrPolyfillValues[i] = ltrPolyfill;
+              rtlPolyfillValues[i] = rtlPolyfill;
+              const ltr = atomicCompile(prop, ltrPolyfillValues);
+              const rtl = atomicCompile(prop, rtlPolyfillValues);
+              localizeableValue = [ltr, rtl];
+            }
+          });
+        }
+      }
+
+      if (localizeableValue == null) {
+        localizeableValue = atomicCompile(prop, value);
+      } else {
+        compiledStyle['$$css$localize'] = true;
+      }
+
+      compiledStyle[prop] = localizeableValue;
+    }
+  });
+  return [compiledStyle, compiledRules];
+}
+/**
+ * Create a value string that normalizes different input values with a common
+ * output.
+ */
+
+
+function stringifyValueWithProperty(value, property) {
+  // e.g., 0 => '0px', 'black' => 'rgba(0,0,0,1)'
+  const normalizedValue = (0, _normalizeValueWithProperty.default)(value, property);
+  return typeof normalizedValue !== 'string' ? JSON.stringify(normalizedValue || '') : normalizedValue;
+}
+/**
+ * An identifier is associated with a unique set of styles.
+ */
+
+
+function createIdentifier(prefix, name, value) {
+  const hashedString = (0, _hash.default)(name + stringifyValueWithProperty(value, name));
+  return process.env.NODE_ENV !== 'production' ? "".concat(prefix, "-").concat(name, "-").concat(hashedString) : "".concat(prefix, "-").concat(hashedString);
+}
+/**
+ * Create the Atomic CSS rules needed for a given StyleSheet rule.
+ * Translates StyleSheet declarations to CSS.
+ */
+
+
+function createAtomicRules(identifier, property, value) {
+  const rules = [];
+  const selector = ".".concat(identifier); // Handle non-standard properties and object values that require multiple
+  // CSS rules to be created.
+
+  switch (property) {
+    case 'animationKeyframes':
+      {
+        const [animationNames, keyframesRules] = processKeyframesValue(value);
+        const block = createDeclarationBlock({
+          animationName: animationNames.join(',')
+        });
+        rules.push("".concat(selector).concat(block), ...keyframesRules);
+        break;
+      }
+    // Equivalent to using '::placeholder'
+
+    case 'placeholderTextColor':
+      {
+        const block = createDeclarationBlock({
+          color: value,
+          opacity: 1
+        });
+        rules.push("".concat(selector, "::-webkit-input-placeholder").concat(block), "".concat(selector, "::-moz-placeholder").concat(block), "".concat(selector, ":-ms-input-placeholder").concat(block), "".concat(selector, "::placeholder").concat(block));
+        break;
+      }
+    // Polyfill for additional 'pointer-events' values
+    // See d13f78622b233a0afc0c7a200c0a0792c8ca9e58
+
+    case 'pointerEvents':
+      {
+        let finalValue = value;
+
+        if (value === 'auto' || value === 'box-only') {
+          finalValue = 'auto!important';
+
+          if (value === 'box-only') {
+            const block = createDeclarationBlock({
+              pointerEvents: 'none'
+            });
+            rules.push("".concat(selector, ">*").concat(block));
+          }
+        } else if (value === 'none' || value === 'box-none') {
+          finalValue = 'none!important';
+
+          if (value === 'box-none') {
+            const block = createDeclarationBlock({
+              pointerEvents: 'auto'
+            });
+            rules.push("".concat(selector, ">*").concat(block));
+          }
+        }
+
+        const block = createDeclarationBlock({
+          pointerEvents: finalValue
+        });
+        rules.push("".concat(selector).concat(block));
+        break;
+      }
+    // Polyfill for draft spec
+    // https://drafts.csswg.org/css-scrollbars-1/
+
+    case 'scrollbarWidth':
+      {
+        if (value === 'none') {
+          rules.push("".concat(selector, "::-webkit-scrollbar{display:none}"));
+        }
+
+        const block = createDeclarationBlock({
+          scrollbarWidth: value
+        });
+        rules.push("".concat(selector).concat(block));
+        break;
+      }
+
+    default:
+      {
+        const block = createDeclarationBlock({
+          [property]: value
+        });
+        rules.push("".concat(selector).concat(block));
+        break;
+      }
+  }
+
+  return rules;
+}
+/**
+ * Creates a CSS declaration block from a StyleSheet object.
+ */
+
+
+function createDeclarationBlock(style) {
+  const domStyle = (0, _prefixStyles.default)((0, _createReactDOMStyle.default)(style));
+  const declarationsString = Object.keys(domStyle).map(property => {
+    const value = domStyle[property];
+    const prop = (0, _hyphenateStyleName.default)(property); // The prefixer may return an array of values:
+    // { display: [ '-webkit-flex', 'flex' ] }
+    // to represent "fallback" declarations
+    // { display: -webkit-flex; display: flex; }
+
+    if (Array.isArray(value)) {
+      return value.map(v => "".concat(prop, ":").concat(v)).join(';');
+    } else {
+      return "".concat(prop, ":").concat(value);
+    }
+  }) // Once properties are hyphenated, this will put the vendor
+  // prefixed and short-form properties first in the list.
+  .sort().join(';');
+  return "{".concat(declarationsString, ";}");
+}
+/**
+ * Create CSS keyframes rules and names from a StyleSheet keyframes object.
+ */
+
+
+function processKeyframesValue(keyframesValue) {
+  if (typeof keyframesValue === 'number') {
+    throw new Error("Invalid CSS keyframes type: ".concat(typeof keyframesValue));
+  }
+
+  const animationNames = [];
+  const rules = [];
+  const value = Array.isArray(keyframesValue) ? keyframesValue : [keyframesValue];
+  value.forEach(keyframes => {
+    if (typeof keyframes === 'string') {
+      // Support external animation libraries (identifiers only)
+      animationNames.push(keyframes);
+    } else {
+      // Create rules for each of the keyframes
+      const [identifier, keyframesRules] = createKeyframes(keyframes);
+      animationNames.push(identifier);
+      rules.push(...keyframesRules);
+    }
+  });
+  return [animationNames, rules];
+}
+/**
+ * Create individual CSS keyframes rules.
+ */
+
+
+function createKeyframes(keyframes) {
+  const prefixes = ['-webkit-', ''];
+  const identifier = createIdentifier('r', 'animation', keyframes);
+  const steps = '{' + Object.keys(keyframes).map(stepName => {
+    const rule = keyframes[stepName];
+    const block = createDeclarationBlock(rule);
+    return "".concat(stepName).concat(block);
+  }).join('') + '}';
+  const rules = prefixes.map(prefix => {
+    return "@".concat(prefix, "keyframes ").concat(identifier).concat(steps);
+  });
+  return [identifier, rules];
+}
+//# sourceMappingURL=atomic.js.map

package/lib/commonjs/utils/react-native-web-fucntions/atomic.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["atomic.ts"],"names":["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","borderLeftColor","borderLeftStyle","borderLeftWidth","borderRightColor","borderRightStyle","borderRightWidth","right","marginLeft","marginRight","paddingLeft","paddingRight","left","PROPERTIES_VALUE","PROPERTIES_FLIP","PROPERTIES_I18N","borderTopStartRadius","borderTopEndRadius","borderBottomStartRadius","borderBottomEndRadius","borderStartColor","borderStartStyle","borderStartWidth","borderEndColor","borderEndStyle","borderEndWidth","end","marginStart","marginEnd","paddingStart","paddingEnd","start","customGroup","borderColor","borderRadius","borderStyle","borderWidth","display","flex","margin","overflow","overscrollBehavior","padding","marginHorizontal","marginVertical","paddingHorizontal","paddingVertical","atomicGroup","cache","Map","atomic","style","compiledStyle","$$css","compiledRules","atomicCompile","prop","value","valueString","stringifyValueWithProperty","cacheKey","cachedResult","get","identifier","push","createIdentifier","order","rules","createAtomicRules","orderedRules","set","Object","keys","sort","forEach","localizeableValue","indexOf","propPolyfill","ltr","rtl","values","Array","isArray","polyfillIndices","i","length","val","ltrPolyfillValues","rtlPolyfillValues","ltrVal","ltrPolyfill","rtlPolyfill","property","normalizedValue","JSON","stringify","prefix","name","hashedString","process","env","NODE_ENV","selector","animationNames","keyframesRules","processKeyframesValue","block","createDeclarationBlock","animationName","join","color","opacity","finalValue","pointerEvents","scrollbarWidth","domStyle","declarationsString","map","v","keyframesValue","Error","keyframes","createKeyframes","prefixes","steps","stepName","rule"],"mappings":"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","sourcesContent":["/* eslint-disable */\r\n//@ts-nocheck\r\n// This functions is taken from react native web\r\n\r\nimport hash from '../useResponsiveQuery/hash';\r\nimport prefixStyles from '../react-native-web-fucntions/prefixStyles';\r\nimport normalizeValueWithProperty from './normalizeValueWithProperty';\r\nimport createReactDOMStyle from '../react-native-web-fucntions/createReactDOMStyle';\r\nimport hyphenateStyleName from '../react-native-web-fucntions/hyphenateStyleName';\r\ntype Value = Object | Array<any> | string | number;\r\ntype Style = { [key: string]: Value };\r\ntype Rule = string;\r\ntype Rules = Array<Rule>;\r\ntype RulesData = [Rules, number];\r\ntype CompiledStyle = {\r\n  //@ts-ignore\r\n  $$css: boolean;\r\n  //@ts-ignore\r\n  $$css$localize?: boolean;\r\n  [key: string]: string | Array<string>;\r\n};\r\nconst borderTopLeftRadius = 'borderTopLeftRadius';\r\nconst borderTopRightRadius = 'borderTopRightRadius';\r\nconst borderBottomLeftRadius = 'borderBottomLeftRadius';\r\nconst borderBottomRightRadius = 'borderBottomRightRadius';\r\nconst borderLeftColor = 'borderLeftColor';\r\nconst borderLeftStyle = 'borderLeftStyle';\r\nconst borderLeftWidth = 'borderLeftWidth';\r\nconst borderRightColor = 'borderRightColor';\r\nconst borderRightStyle = 'borderRightStyle';\r\nconst borderRightWidth = 'borderRightWidth';\r\nconst right = 'right';\r\nconst marginLeft = 'marginLeft';\r\nconst marginRight = 'marginRight';\r\nconst paddingLeft = 'paddingLeft';\r\nconst paddingRight = 'paddingRight';\r\nconst left = 'left';\r\nconst PROPERTIES_VALUE: any = ['clear', 'float', 'textAlign'];\r\n// Map of LTR property names to their BiDi equivalent.\r\nconst PROPERTIES_FLIP: { [key: string]: string } = {\r\n  [borderTopLeftRadius]: borderTopRightRadius,\r\n  [borderTopRightRadius]: borderTopLeftRadius,\r\n  [borderBottomLeftRadius]: borderBottomRightRadius,\r\n  [borderBottomRightRadius]: borderBottomLeftRadius,\r\n  [borderLeftColor]: borderRightColor,\r\n  [borderLeftStyle]: borderRightStyle,\r\n  [borderLeftWidth]: borderRightWidth,\r\n  [borderRightColor]: borderLeftColor,\r\n  [borderRightStyle]: borderLeftStyle,\r\n  [borderRightWidth]: borderLeftWidth,\r\n  [left]: right,\r\n  [marginLeft]: marginRight,\r\n  [marginRight]: marginLeft,\r\n  [paddingLeft]: paddingRight,\r\n  [paddingRight]: paddingLeft,\r\n  [right]: left,\r\n};\r\n// Map of I18N property names to their LTR equivalent.\r\nconst PROPERTIES_I18N: any = {\r\n  borderTopStartRadius: borderTopLeftRadius,\r\n  borderTopEndRadius: borderTopRightRadius,\r\n  borderBottomStartRadius: borderBottomLeftRadius,\r\n  borderBottomEndRadius: borderBottomRightRadius,\r\n  borderStartColor: borderLeftColor,\r\n  borderStartStyle: borderLeftStyle,\r\n  borderStartWidth: borderLeftWidth,\r\n  borderEndColor: borderRightColor,\r\n  borderEndStyle: borderRightStyle,\r\n  borderEndWidth: borderRightWidth,\r\n  end: right,\r\n  marginStart: marginLeft,\r\n  marginEnd: marginRight,\r\n  paddingStart: paddingLeft,\r\n  paddingEnd: paddingRight,\r\n  start: left,\r\n};\r\ntype CompilerOutput = [CompiledStyle, Array<RulesData>];\r\nconst customGroup: { [key: string]: number } = {\r\n  borderColor: 2,\r\n  borderRadius: 2,\r\n  borderStyle: 2,\r\n  borderWidth: 2,\r\n  display: 2,\r\n  flex: 2,\r\n  margin: 2,\r\n  overflow: 2,\r\n  overscrollBehavior: 2,\r\n  padding: 2,\r\n  marginHorizontal: 2.1,\r\n  marginVertical: 2.1,\r\n  paddingHorizontal: 2.1,\r\n  paddingVertical: 2.1,\r\n};\r\nconst atomicGroup = 2.2;\r\nconst cache = new Map();\r\nexport function atomic(style: Style): CompilerOutput {\r\n  //@ts-ignore\r\n  const compiledStyle: CompiledStyle = { $$css: true };\r\n  const compiledRules: any = [];\r\n\r\n  function atomicCompile(prop: any, value: any) {\r\n    const valueString = stringifyValueWithProperty(value, prop);\r\n    const cacheKey = prop + valueString;\r\n    const cachedResult = cache.get(cacheKey);\r\n    let identifier;\r\n    if (cachedResult != null) {\r\n      identifier = cachedResult[0];\r\n      compiledRules.push(cachedResult[1]);\r\n    } else {\r\n      identifier = createIdentifier('r', prop, value);\r\n      const order = customGroup[prop] || atomicGroup;\r\n      const rules = createAtomicRules(identifier, prop, value);\r\n      const orderedRules = [rules, order];\r\n      compiledRules.push(orderedRules);\r\n      cache.set(cacheKey, [identifier, orderedRules]);\r\n    }\r\n    return identifier;\r\n  }\r\n\r\n  Object.keys(style)\r\n    .sort()\r\n    .forEach((prop) => {\r\n      const value = style[prop];\r\n      if (value != null) {\r\n        let localizeableValue;\r\n        // BiDi flip values\r\n        if (PROPERTIES_VALUE.indexOf(prop) > -1) {\r\n          const left = atomicCompile(prop, 'left');\r\n          const right = atomicCompile(prop, 'right');\r\n          if (value === 'start') {\r\n            localizeableValue = [left, right];\r\n          } else if (value === 'end') {\r\n            localizeableValue = [right, left];\r\n          }\r\n        }\r\n        // BiDi flip properties\r\n        const propPolyfill = PROPERTIES_I18N[prop];\r\n        if (propPolyfill != null) {\r\n          const ltr = atomicCompile(propPolyfill, value);\r\n          const rtl = atomicCompile(PROPERTIES_FLIP[propPolyfill], value);\r\n          localizeableValue = [ltr, rtl];\r\n        }\r\n        // BiDi flip transitionProperty value\r\n        if (prop === 'transitionProperty') {\r\n          const values = Array.isArray(value) ? value : [value];\r\n          const polyfillIndices = [];\r\n\r\n          for (let i = 0; i < values.length; i++) {\r\n            const val = values[i];\r\n            if (typeof val === 'string' && PROPERTIES_I18N[val] != null) {\r\n              polyfillIndices.push(i);\r\n            }\r\n          }\r\n\r\n          if (polyfillIndices.length > 0) {\r\n            const ltrPolyfillValues = [...values];\r\n            const rtlPolyfillValues = [...values];\r\n            polyfillIndices.forEach((i) => {\r\n              const ltrVal = ltrPolyfillValues[i];\r\n              if (typeof ltrVal === 'string') {\r\n                const ltrPolyfill = PROPERTIES_I18N[ltrVal];\r\n                const rtlPolyfill = PROPERTIES_FLIP[ltrPolyfill];\r\n                ltrPolyfillValues[i] = ltrPolyfill;\r\n                rtlPolyfillValues[i] = rtlPolyfill;\r\n                const ltr = atomicCompile(prop, ltrPolyfillValues);\r\n                const rtl = atomicCompile(prop, rtlPolyfillValues);\r\n                localizeableValue = [ltr, rtl];\r\n              }\r\n            });\r\n          }\r\n        }\r\n\r\n        if (localizeableValue == null) {\r\n          localizeableValue = atomicCompile(prop, value);\r\n        } else {\r\n          compiledStyle['$$css$localize'] = true;\r\n        }\r\n\r\n        compiledStyle[prop] = localizeableValue;\r\n      }\r\n    });\r\n\r\n  return [compiledStyle, compiledRules];\r\n}\r\n\r\n/**\r\n * Create a value string that normalizes different input values with a common\r\n * output.\r\n */\r\nexport function stringifyValueWithProperty(\r\n  value: Value,\r\n  property?: string\r\n): string {\r\n  // e.g., 0 => '0px', 'black' => 'rgba(0,0,0,1)'\r\n  const normalizedValue = normalizeValueWithProperty(value, property);\r\n  return typeof normalizedValue !== 'string'\r\n    ? JSON.stringify(normalizedValue || '')\r\n    : normalizedValue;\r\n}\r\n\r\n/**\r\n * An identifier is associated with a unique set of styles.\r\n */\r\nfunction createIdentifier(prefix: string, name: string, value: Value): string {\r\n  const hashedString = hash(name + stringifyValueWithProperty(value, name));\r\n  return process.env.NODE_ENV !== 'production'\r\n    ? `${prefix}-${name}-${hashedString}`\r\n    : `${prefix}-${hashedString}`;\r\n}\r\n\r\n/**\r\n * Create the Atomic CSS rules needed for a given StyleSheet rule.\r\n * Translates StyleSheet declarations to CSS.\r\n */\r\nfunction createAtomicRules(\r\n  identifier: string,\r\n  property: any,\r\n  value: any\r\n): Rules {\r\n  const rules = [];\r\n  const selector = `.${identifier}`;\r\n\r\n  // Handle non-standard properties and object values that require multiple\r\n  // CSS rules to be created.\r\n  switch (property) {\r\n    case 'animationKeyframes': {\r\n      const [animationNames, keyframesRules] = processKeyframesValue(value);\r\n      const block = createDeclarationBlock({\r\n        animationName: animationNames.join(','),\r\n      });\r\n      rules.push(`${selector}${block}`, ...keyframesRules);\r\n      break;\r\n    }\r\n\r\n    // Equivalent to using '::placeholder'\r\n    case 'placeholderTextColor': {\r\n      const block = createDeclarationBlock({ color: value, opacity: 1 });\r\n      rules.push(\r\n        `${selector}::-webkit-input-placeholder${block}`,\r\n        `${selector}::-moz-placeholder${block}`,\r\n        `${selector}:-ms-input-placeholder${block}`,\r\n        `${selector}::placeholder${block}`\r\n      );\r\n      break;\r\n    }\r\n\r\n    // Polyfill for additional 'pointer-events' values\r\n    // See d13f78622b233a0afc0c7a200c0a0792c8ca9e58\r\n    case 'pointerEvents': {\r\n      let finalValue = value;\r\n      if (value === 'auto' || value === 'box-only') {\r\n        finalValue = 'auto!important';\r\n        if (value === 'box-only') {\r\n          const block = createDeclarationBlock({ pointerEvents: 'none' });\r\n          rules.push(`${selector}>*${block}`);\r\n        }\r\n      } else if (value === 'none' || value === 'box-none') {\r\n        finalValue = 'none!important';\r\n        if (value === 'box-none') {\r\n          const block = createDeclarationBlock({ pointerEvents: 'auto' });\r\n          rules.push(`${selector}>*${block}`);\r\n        }\r\n      }\r\n      const block = createDeclarationBlock({ pointerEvents: finalValue });\r\n      rules.push(`${selector}${block}`);\r\n      break;\r\n    }\r\n\r\n    // Polyfill for draft spec\r\n    // https://drafts.csswg.org/css-scrollbars-1/\r\n    case 'scrollbarWidth': {\r\n      if (value === 'none') {\r\n        rules.push(`${selector}::-webkit-scrollbar{display:none}`);\r\n      }\r\n      const block = createDeclarationBlock({ scrollbarWidth: value });\r\n      rules.push(`${selector}${block}`);\r\n      break;\r\n    }\r\n\r\n    default: {\r\n      const block = createDeclarationBlock({ [property]: value });\r\n      rules.push(`${selector}${block}`);\r\n      break;\r\n    }\r\n  }\r\n\r\n  return rules;\r\n}\r\n\r\n/**\r\n * Creates a CSS declaration block from a StyleSheet object.\r\n */\r\nfunction createDeclarationBlock(style: Style): string {\r\n  const domStyle: any = prefixStyles(createReactDOMStyle(style));\r\n  const declarationsString = Object.keys(domStyle)\r\n    .map((property) => {\r\n      const value = domStyle[property];\r\n      const prop = hyphenateStyleName(property);\r\n      // The prefixer may return an array of values:\r\n      // { display: [ '-webkit-flex', 'flex' ] }\r\n      // to represent \"fallback\" declarations\r\n      // { display: -webkit-flex; display: flex; }\r\n      if (Array.isArray(value)) {\r\n        return value.map((v) => `${prop}:${v}`).join(';');\r\n      } else {\r\n        return `${prop}:${value}`;\r\n      }\r\n    })\r\n    // Once properties are hyphenated, this will put the vendor\r\n    // prefixed and short-form properties first in the list.\r\n    .sort()\r\n    .join(';');\r\n\r\n  return `{${declarationsString};}`;\r\n}\r\n\r\n/**\r\n * Create CSS keyframes rules and names from a StyleSheet keyframes object.\r\n */\r\nfunction processKeyframesValue(keyframesValue: any) {\r\n  if (typeof keyframesValue === 'number') {\r\n    throw new Error(`Invalid CSS keyframes type: ${typeof keyframesValue}`);\r\n  }\r\n\r\n  const animationNames: any = [];\r\n  const rules: any = [];\r\n  const value = Array.isArray(keyframesValue)\r\n    ? keyframesValue\r\n    : [keyframesValue];\r\n\r\n  value.forEach((keyframes) => {\r\n    if (typeof keyframes === 'string') {\r\n      // Support external animation libraries (identifiers only)\r\n      animationNames.push(keyframes);\r\n    } else {\r\n      // Create rules for each of the keyframes\r\n      const [identifier, keyframesRules] = createKeyframes(keyframes);\r\n      animationNames.push(identifier);\r\n      rules.push(...keyframesRules);\r\n    }\r\n  });\r\n\r\n  return [animationNames, rules];\r\n}\r\n\r\n/**\r\n * Create individual CSS keyframes rules.\r\n */\r\nfunction createKeyframes(keyframes: any): [string, Rules] {\r\n  const prefixes = ['-webkit-', ''];\r\n  const identifier = createIdentifier('r', 'animation', keyframes);\r\n\r\n  const steps =\r\n    '{' +\r\n    Object.keys(keyframes)\r\n      .map((stepName) => {\r\n        const rule = keyframes[stepName];\r\n        const block = createDeclarationBlock(rule);\r\n        return `${stepName}${block}`;\r\n      })\r\n      .join('') +\r\n    '}';\r\n\r\n  const rules = prefixes.map((prefix) => {\r\n    return `@${prefix}keyframes ${identifier}${steps}`;\r\n  });\r\n  return [identifier, rules];\r\n}\r\n"]}

package/lib/commonjs/utils/react-native-web-fucntions/createReactDOMStyle.js

@@ -0,0 +1,192 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.createTransformValue = void 0;
+
+var _normalizeValueWithProperty = _interopRequireDefault(require("./normalizeValueWithProperty"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/* eslint-disable */
+//@ts-nocheck
+// This functions is taken from react native web
+const canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
+/**
+ * The browser implements the CSS cascade, where the order of properties is a
+ * factor in determining which styles to paint. React Native is different. It
+ * gives giving precedence to the more specific style property. For example,
+ * the value of `paddingTop` takes precedence over that of `padding`.
+ *
+ * This module creates mutally exclusive style declarations by expanding all of
+ * React Native's supported shortform properties (e.g. `padding`) to their
+ * longfrom equivalents.
+ */
+
+const emptyObject = {};
+const supportsCSS3TextDecoration = !canUseDOM || window.CSS != null && window.CSS.supports != null && (window.CSS.supports('text-decoration-line', 'none') || window.CSS.supports('-webkit-text-decoration-line', 'none'));
+const ignoredProps = {
+  elevation: true,
+  overlayColor: true,
+  resizeMode: true,
+  tintColor: true
+};
+const MONOSPACE_FONT_STACK = 'monospace,monospace';
+const SYSTEM_FONT_STACK = '-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif';
+const STYLE_SHORT_FORM_EXPANSIONS = {
+  borderColor: ['borderTopColor', 'borderRightColor', 'borderBottomColor', 'borderLeftColor'],
+  borderRadius: ['borderTopLeftRadius', 'borderTopRightRadius', 'borderBottomRightRadius', 'borderBottomLeftRadius'],
+  borderStyle: ['borderTopStyle', 'borderRightStyle', 'borderBottomStyle', 'borderLeftStyle'],
+  borderWidth: ['borderTopWidth', 'borderRightWidth', 'borderBottomWidth', 'borderLeftWidth'],
+  marginHorizontal: ['marginRight', 'marginLeft'],
+  marginVertical: ['marginTop', 'marginBottom'],
+  overflow: ['overflowX', 'overflowY'],
+  overscrollBehavior: ['overscrollBehaviorX', 'overscrollBehaviorY'],
+  paddingHorizontal: ['paddingRight', 'paddingLeft'],
+  paddingVertical: ['paddingTop', 'paddingBottom']
+};
+/**
+ * Transform
+ */
+// { scale: 2 } => 'scale(2)'
+// { translateX: 20 } => 'translateX(20px)'
+// { matrix: [1,2,3,4,5,6] } => 'matrix(1,2,3,4,5,6)'
+
+const mapTransform = transform => {
+  const type = Object.keys(transform)[0]; //@ts-ignore
+
+  const value = transform[type];
+
+  if (type === 'matrix' || type === 'matrix3d') {
+    return "".concat(type, "(").concat(value.join(','), ")");
+  } else {
+    const normalizedValue = (0, _normalizeValueWithProperty.default)(value, type);
+    return "".concat(type, "(").concat(normalizedValue, ")");
+  }
+};
+
+const createTransformValue = style => {
+  let transform = style.transform;
+
+  if (Array.isArray(style.transform)) {
+    transform = style.transform.map(mapTransform).join(' ');
+  }
+
+  return transform;
+};
+/**
+ * Reducer
+ */
+
+
+exports.createTransformValue = createTransformValue;
+
+const createReactDOMStyle = (style, isInline) => {
+  if (!style) {
+    return emptyObject;
+  }
+
+  const resolvedStyle = {};
+
+  for (const prop in style) {
+    const value = style[prop];
+
+    if ( // Ignore everything with a null value
+    value == null || // Ignore some React Native styles
+    //@ts-ignore
+    ignoredProps[prop]) {
+      continue;
+    }
+
+    if (prop === 'aspectRatio') {
+      resolvedStyle[prop] = value.toString();
+    } else if (prop === 'backgroundClip') {
+      // TODO: remove once this issue is fixed
+      // https://github.com/rofrischmann/inline-style-prefixer/issues/159
+      if (value === 'text') {
+        resolvedStyle.backgroundClip = value;
+        resolvedStyle.WebkitBackgroundClip = value;
+      }
+    } else if (prop === 'flex') {
+      if (value === -1) {
+        resolvedStyle.flexGrow = 0;
+        resolvedStyle.flexShrink = 1;
+        resolvedStyle.flexBasis = 'auto';
+      } else {
+        resolvedStyle.flex = value;
+      }
+    } else if (prop === 'font') {
+      resolvedStyle[prop] = value.replace('System', SYSTEM_FONT_STACK);
+    } else if (prop === 'fontFamily') {
+      if (value.indexOf('System') > -1) {
+        const stack = value.split(/,\s*/);
+        stack[stack.indexOf('System')] = SYSTEM_FONT_STACK;
+        resolvedStyle[prop] = stack.join(',');
+      } else if (value === 'monospace') {
+        resolvedStyle[prop] = MONOSPACE_FONT_STACK;
+      } else {
+        resolvedStyle[prop] = value;
+      }
+    } else if (prop === 'fontVariant') {
+      if (Array.isArray(value) && value.length > 0) {
+        resolvedStyle.fontVariant = value.join(' ');
+      }
+    } else if (prop === 'textAlignVertical') {
+      resolvedStyle.verticalAlign = value === 'center' ? 'middle' : value;
+    } else if (prop === 'textDecorationLine') {
+      // use 'text-decoration' for browsers that only support CSS2
+      // text-decoration (e.g., IE, Edge)
+      if (!supportsCSS3TextDecoration) {
+        resolvedStyle.textDecoration = value;
+      } else {
+        resolvedStyle.textDecorationLine = value;
+      }
+    } else if (prop === 'transform' || prop === 'transformMatrix') {
+      resolvedStyle.transform = createTransformValue(style);
+    } else if (prop === 'writingDirection') {
+      resolvedStyle.direction = value;
+    } else {
+      const value = (0, _normalizeValueWithProperty.default)(style[prop], prop);
+      const longFormProperties = STYLE_SHORT_FORM_EXPANSIONS[prop];
+
+      if (isInline && prop === 'margin') {
+        if (style.marginHorizontal == null) {
+          resolvedStyle.marginLeft = value;
+          resolvedStyle.marginRight = value;
+        }
+
+        if (style.marginVertical == null) {
+          resolvedStyle.marginTop = value;
+          resolvedStyle.marginBottom = value;
+        }
+      } else if (isInline && prop === 'padding') {
+        if (style.paddingHorizontal == null) {
+          resolvedStyle.paddingLeft = value;
+          resolvedStyle.paddingRight = value;
+        }
+
+        if (style.paddingVertical == null) {
+          resolvedStyle.paddingTop = value;
+          resolvedStyle.paddingBottom = value;
+        }
+      } else if (longFormProperties) {
+        longFormProperties.forEach((longForm, _i) => {
+          // The value of any longform property in the original styles takes
+          // precedence over the shortform's value.
+          if (style[longForm] == null) {
+            resolvedStyle[longForm] = value;
+          }
+        });
+      } else {
+        resolvedStyle[prop] = Array.isArray(value) ? value.join(',') : value;
+      }
+    }
+  }
+
+  return resolvedStyle;
+};
+
+var _default = createReactDOMStyle;
+exports.default = _default;
+//# sourceMappingURL=createReactDOMStyle.js.map