@r3l/app/lib/modules/styled/text.js

Relevant App

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Badge = Badge;
exports.LinkFont = exports.CTALink = exports.Highlight = exports.InlineText = exports.Text = exports.Err = exports.Warning = exports.CommunityLink = exports.AltLink = exports.SmallText = exports.SecondaryText = exports.Title = exports.Header = exports.BodyText = exports.CommentText = exports.BigNumber = exports.NumericalValue = exports.ButtonText = void 0;

var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));

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

var _reactNativeWeb = require("react-native-web");

var _dripsy = require("dripsy");

var _numbers = require("../../utils/numbers");

var _common = require("@r3l/common");

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }

var ButtonText = (0, _dripsy.createThemedComponent)(_reactNativeWeb.Text, {
  themeKey: 'text',
  defaultVariant: 'buttonText'
});
exports.ButtonText = ButtonText;
var NumericalValue = (0, _dripsy.createThemedComponent)(_reactNativeWeb.Text, {
  themeKey: 'text',
  defaultVariant: 'number'
});
exports.NumericalValue = NumericalValue;
var BigNumber = (0, _dripsy.createThemedComponent)(_reactNativeWeb.Text, {
  themeKey: 'text',
  defaultVariant: 'bigNumber'
});
exports.BigNumber = BigNumber;
var CommentText = (0, _dripsy.createThemedComponent)(_reactNativeWeb.Text, {
  themeKey: 'text',
  defaultVariant: 'commentText'
});
exports.CommentText = CommentText;
var BodyText = (0, _dripsy.createThemedComponent)(_reactNativeWeb.Text, {
  themeKey: 'text',
  defaultVariant: 'body'
});
exports.BodyText = BodyText;
var Header = (0, _dripsy.createThemedComponent)(_reactNativeWeb.Text, {
  themeKey: 'text',
  defaultVariant: 'heading'
});
exports.Header = Header;
var Title = (0, _dripsy.createThemedComponent)(_reactNativeWeb.Text, {
  themeKey: 'text',
  defaultVariant: 'title'
});
exports.Title = Title;
var SecondaryText = (0, _dripsy.createThemedComponent)(_reactNativeWeb.Text, {
  themeKey: 'text',
  defaultVariant: 'smallGrey'
});
exports.SecondaryText = SecondaryText;
var SmallText = (0, _dripsy.createThemedComponent)(_reactNativeWeb.Text, {
  themeKey: 'text',
  defaultVariant: 'smallBlack'
});
exports.SmallText = SmallText;
var AltLink = (0, _dripsy.createThemedComponent)(_reactNativeWeb.Text, {
  themeKey: 'text',
  defaultVariant: 'altLink'
});
exports.AltLink = AltLink;
var CommunityLink = (0, _dripsy.createThemedComponent)(_reactNativeWeb.Text, {
  themeKey: 'text',
  defaultVariant: 'communityLink'
});
exports.CommunityLink = CommunityLink;
var Warning = (0, _dripsy.createThemedComponent)(_reactNativeWeb.Text, {
  themeKey: 'text',
  defaultVariant: 'smallBlack',
  defaultStyle: {
    color: 'warning'
  }
});
exports.Warning = Warning;
var Err = (0, _dripsy.createThemedComponent)(_reactNativeWeb.Text, {
  themeKey: 'text',
  defaultVariant: 'smallBlack',
  defaultStyle: {
    color: 'error'
  }
});
exports.Err = Err;
var Text = BodyText;
exports.Text = Text;
var InlineText = BodyText;
exports.InlineText = InlineText;
var Highlight = (0, _dripsy.createThemedComponent)(_reactNativeWeb.Text, {
  themeKey: 'text',
  defaultVariant: 'highlight'
});
exports.Highlight = Highlight;
var CTALink = (0, _dripsy.createThemedComponent)(_reactNativeWeb.Text, {
  themeKey: 'text',
  defaultVariant: 'CTALink',
  defaultStyle: !_common.IS_NATIVE ? {
    userSelect: 'none',
    cursor: 'pointer'
  } : {}
});
exports.CTALink = CTALink;
var LinkFont = (0, _dripsy.createThemedComponent)(_reactNativeWeb.Text, {
  themeKey: 'text',
  defaultVariant: 'link',
  defaultStyle: !_common.IS_NATIVE ? {
    userSelect: 'none',
    cursor: 'pointer'
  } : {}
});
exports.LinkFont = LinkFont;

function Badge(_ref) {
  var color = _ref.color,
      textColor = _ref.textColor,
      h = _ref.h,
      number = _ref.number,
      sx = _ref.sx;
  if (!number) return null;
  return /*#__PURE__*/_react.default.createElement(_dripsy.View, {
    sx: _objectSpread({
      bg: color || 'blue',
      justifyContent: 'center',
      alignItems: 'center',
      borderRadius: (h || 1.75 * 8) / 2,
      height: 1.75 * 8,
      px: 3.01,
      minWidth: h || 1.75 * 8
    }, sx)
  }, /*#__PURE__*/_react.default.createElement(NumericalValue, {
    sx: {
      fontSize: 10,
      lineHeight: 1.75 * 8,
      color: textColor || 'white'
    }
  }, (0, _numbers.abbreviateNumber)(number)));
}
//# sourceMappingURL=text.js.map