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

Relevant App

"use strict";

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

var _typeof = require("@babel/runtime/helpers/typeof");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.EthAddress = EthAddress;
exports.Tag = exports.Divider = exports.DividerLine = exports.Spacer = exports.AbsoluteView = exports.MobileDivider = exports.WarningBox = exports.ErrorBox = exports.CloseX = exports.FormImage = void 0;

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

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

var _dripsy = require("dripsy");

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

var _core = require("./core");

var _styles = require("../../styles");

var _links = require("./links");

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

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 FormImage = (0, _dripsy.styled)(_reactNativeWeb.Image)({
  p: 2,
  width: 9,
  height: 9,
  mt: 1,
  borderRadius: '50%'
});
exports.FormImage = FormImage;
var select = !_styles.isNative ? {
  userSelect: 'none'
} : {
  cursor: 'pointer'
}; // @ts-ignore

var CloseX = (0, _dripsy.styled)(_core.Image)(function (p) {
  return _objectSpread(_objectSpread({
    position: p.position ? p.position : 'absolute'
  }, select), {}, {
    zIndex: 10
  });
});
exports.CloseX = CloseX;
var ErrorBox = (0, _dripsy.styled)(_reactNativeWeb.View)({
  mt: 2,
  p: 2,
  bg: 'errorA',
  borderColor: 'error',
  borderWidth: 1
});
exports.ErrorBox = ErrorBox;
var WarningBox = (0, _dripsy.styled)(_reactNativeWeb.View)({
  mt: 2,
  p: 2,
  bg: 'warningA',
  borderColor: 'warning',
  borderWidth: 1
});
exports.WarningBox = WarningBox;
var MobileDivider = (0, _dripsy.styled)(_reactNativeWeb.View)({
  height: 4 * 8,
  bg: 'dividerBg'
});
exports.MobileDivider = MobileDivider;
var AbsoluteView = (0, _dripsy.styled)(_reactNativeWeb.View)({
  position: 'absolute'
});
exports.AbsoluteView = AbsoluteView;

var SpacerComponent = function SpacerComponent(_ref) {
  var children = _ref.children,
      sx = _ref.sx,
      nestingLevel = _ref.nestingLevel,
      additionalNesting = _ref.additionalNesting,
      screenSize = _ref.screenSize;
  var total = (nestingLevel || 0) + (additionalNesting || 0);
  var UNIT = screenSize > 0 ? _styles.layout.NESTING_UNIT_RESONSIVE : _styles.layout.NESTING_UNIT;
  var pl = !(total * UNIT) ? {} : {
    pl: (total - (screenSize > 0 ? 1 : 0)) * UNIT * 8
  };
  return /*#__PURE__*/_react.default.createElement(_core.View, {
    sx: _objectSpread(_objectSpread({}, sx), {}, {
      position: 'relative',
      flex: 1
    }, pl)
  }, children);
};

var Spacer = /*#__PURE__*/(0, _react.memo)(SpacerComponent);
exports.Spacer = Spacer;

var DividerLine = function DividerLine(_ref2) {
  var sx = _ref2.sx;
  return /*#__PURE__*/_react.default.createElement(_core.View, {
    sx: _objectSpread({
      height: 1,
      borderBottomWidth: 1,
      borderColor: 'lightBorder'
    }, sx)
  });
};

exports.DividerLine = DividerLine;

var Divider = function Divider(_ref3) {
  var sx = _ref3.sx;
  return /*#__PURE__*/_react.default.createElement(_core.View, {
    sx: _objectSpread({
      height: [4 * 8, 1],
      backgroundColor: ['dividerBg', 'transparent'],
      borderBottomWidth: [0, 1],
      borderColor: 'lightBorder'
    }, sx)
  });
};

exports.Divider = Divider;
var Tag = (0, _dripsy.styled)(_reactNativeWeb.View)(function (p) {
  return {
    cursor: 'pointer',
    alignItems: 'center',
    justifyContent: 'center',
    bg: p.disabled ? 'lightGreyBg' : 'blue',
    color: p.disabled ? 'grey' : 'white',
    minWidth: 0,
    height: 5,
    padding: 1.5 * 8.0001,
    fontSize: 1.5 * 8.0001
  };
});
exports.Tag = Tag;

function EthAddress(_ref4) {
  var address = _ref4.address;
  if (!address) return null;
  return /*#__PURE__*/_react.default.createElement(_links.InlineLink, {
    to: "https://etherscan.io/address/".concat(address),
    target: "_blank",
    external: true
  }, address.slice(0, 6) + '...' + address.slice(address.length - 4, address.length));
}
//# sourceMappingURL=views.js.map