react-native-unistyles/lib/module/web/css/core.js

Level up your React Native StyleSheet

"use strict";

import { isPseudoClass } from '../convert/pseudo';
import { getMediaQuery } from '../utils';
export const convertToCSS = (hash, value, state) => {
  Object.entries(value).forEach(([styleKey, styleValue]) => {
    if (styleKey[0] === '_') {
      const isStylePseudoClass = isPseudoClass(styleKey);
      const pseudoClassName = `${hash}${isStylePseudoClass ? ':' : '::'}${styleKey.slice(1)}`;
      Object.entries(styleValue).forEach(([pseudoStyleKey, pseudoStyleValue]) => {
        if (typeof pseudoStyleValue === 'object' && pseudoStyleValue !== null) {
          const allBreakpoints = Object.keys(styleValue);
          Object.entries(pseudoStyleValue).forEach(([breakpointStyleKey, breakpointStyleValue]) => {
            const mediaQuery = getMediaQuery(pseudoStyleKey, allBreakpoints);
            state.set({
              mediaQuery,
              className: pseudoClassName,
              propertyKey: breakpointStyleKey,
              value: breakpointStyleValue
            });
          });
          return;
        }
        state.set({
          className: pseudoClassName,
          propertyKey: pseudoStyleKey,
          value: pseudoStyleValue
        });
      });
      return;
    }
    if (typeof styleValue === 'object') {
      Object.entries(styleValue).forEach(([breakpointStyleKey, breakpointStyleValue]) => {
        const allBreakpoints = Object.entries(value).filter(([_, value]) => {
          if (typeof value !== 'object' || value === null) {
            return false;
          }
          return breakpointStyleKey in value;
        }).map(([key]) => key);
        const mediaQuery = getMediaQuery(styleKey, allBreakpoints);
        state.set({
          mediaQuery,
          className: hash,
          propertyKey: breakpointStyleKey,
          value: breakpointStyleValue
        });
      });
      return;
    }
    state.set({
      className: hash,
      propertyKey: styleKey,
      value: styleValue
    });
  });
};
//# sourceMappingURL=core.js.map