native-base/lib/commonjs/hooks/useStyledSystemPropsResolver.js

Essential cross-platform UI components for React Native

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.useStyledSystemPropsResolver = void 0;

var _styledSystem = require("../theme/styled-system");

var _useTheme = require("./useTheme");

var _react = _interopRequireDefault(require("react"));

var _NativeBaseContext = require("../core/NativeBaseContext");

var _useResponsiveQuery = require("../utils/useResponsiveQuery");

var _getStyledSystemPropsAndRestProps = require("../utils/getStyledSystemPropsAndRestProps");

var _stableHash = _interopRequireDefault(require("stable-hash"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

//@ts-ignore
const useStyledSystemPropsResolver = ({
  style: propStyle,
  debug,
  ...props
}) => {
  const theme = (0, _useTheme.useTheme)();
  const {
    currentBreakpoint,
    config
  } = (0, _NativeBaseContext.useNativeBaseConfig)('makeStyledComponent');
  const strictMode = config.strictMode;
  const {
    getResponsiveStyles
  } = (0, _useResponsiveQuery.useResponsiveQuery)();
  const {
    styledSystemProps,
    restProps
  } = (0, _getStyledSystemPropsAndRestProps.getStyledSystemPropsAndRestProps)(props);

  const {
    style,
    dataSet,
    styleFromProps
  } = _react.default.useMemo(() => {
    const {
      styleSheet,
      dataSet,
      styleFromProps
    } = (0, _styledSystem.getStyleAndFilteredProps)({
      styledSystemProps,
      theme,
      debug,
      currentBreakpoint,
      strictMode,
      getResponsiveStyles
    });

    if (propStyle) {
      return {
        style: [styleSheet.box, propStyle],
        dataSet,
        styleFromProps
      };
    } else {
      return {
        style: styleSheet.box,
        dataSet,
        styleFromProps
      };
    } // eslint-disable-next-line react-hooks/exhaustive-deps

  }, [// eslint-disable-next-line react-hooks/exhaustive-deps
  (0, _stableHash.default)(styledSystemProps), theme, debug, currentBreakpoint, strictMode, propStyle, getResponsiveStyles, props]);

  if (process.env.NODE_ENV === 'development' && debug) {
    /* eslint-disable-next-line */
    console.log('style,resprops', currentBreakpoint);
  }

  restProps.dataSet = { ...restProps.dataSet,
    ...dataSet
  };
  return [style, restProps, styleFromProps];
};

exports.useStyledSystemPropsResolver = useStyledSystemPropsResolver;
//# sourceMappingURL=useStyledSystemPropsResolver.js.map