@r3l/app
Version:
211 lines (189 loc) • 7.46 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.View = exports.Image = exports.Video = exports.Form = exports.StyledTextarea = exports.StyledTextareaAutocomplete = exports.Input = exports.InputPlain = exports.ButtonAnchor = exports.Button = exports.StyledNavLink = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _core = require("@theme-ui/core");
var _react = require("react");
var _reactRouterDom = require("react-router-dom");
var _styles = require("../../styles");
var _reactTextareaAutosize = _interopRequireDefault(require("react-textarea-autosize"));
var _reactTextareaAutocomplete = _interopRequireDefault(require("@webscopeio/react-textarea-autocomplete"));
var _theme = require("../../styles/theme");
var _excluded = ["sx", "children"],
_excluded2 = ["sx", "disabled"],
_excluded3 = ["sx", "disabled", "children"],
_excluded4 = ["sx"],
_excluded5 = ["sx"],
_excluded6 = ["sx"],
_excluded7 = ["sx"],
_excluded8 = ["sx"],
_excluded9 = ["sx"],
_excluded10 = ["sx"],
_excluded11 = ["sx", "onClick"];
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 StyledNavLink = /*#__PURE__*/(0, _react.memo)(function (_ref) {
var sx = _ref.sx,
children = _ref.children,
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
return (0, _core.jsx)(_reactRouterDom.NavLink, (0, _extends2.default)({}, props, {
sx: _objectSpread({
div: {
color: 'grey'
},
'&.active div': {
color: 'black !important'
},
':hover div': {
color: 'black !important'
},
margin: 0
}, sx)
}), children);
});
exports.StyledNavLink = StyledNavLink;
var Button = /*#__PURE__*/(0, _react.memo)(function (_ref2) {
var sx = _ref2.sx,
disabled = _ref2.disabled,
props = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
return (0, _core.jsx)("button", (0, _extends2.default)({}, props, {
sx: _objectSpread(_objectSpread({}, _styles.layout.button), {}, {
'&:hover': _styles.layout.activeButtonShadow,
bg: disabled ? 'grey' : 'blue',
userSelect: 'none',
cursor: 'pointer'
}, sx)
}));
});
exports.Button = Button;
var ButtonAnchor = /*#__PURE__*/(0, _react.memo)(function (_ref3) {
var sx = _ref3.sx,
disabled = _ref3.disabled,
children = _ref3.children,
props = (0, _objectWithoutProperties2.default)(_ref3, _excluded3);
return (0, _core.jsx)("a", (0, _extends2.default)({}, props, {
sx: _objectSpread(_objectSpread({}, _styles.layout.button), {}, {
'&:hover': _styles.layout.activeButtonShadow,
bg: disabled ? 'grey' : 'blue',
userSelect: 'none',
cursor: 'pointer'
}, sx)
}), children);
});
exports.ButtonAnchor = ButtonAnchor;
var InputPlain = /*#__PURE__*/(0, _react.forwardRef)(function (_ref4, ref) {
var sx = _ref4.sx,
props = (0, _objectWithoutProperties2.default)(_ref4, _excluded4);
return (0, _core.jsx)("input", (0, _extends2.default)({
ref: ref
}, props, {
sx: _objectSpread({
bg: 'white',
'::placeholder': {
fontSize: 2,
lineHeight: 2
},
variant: 'borders.input'
}, sx)
}));
});
exports.InputPlain = InputPlain;
var Input = /*#__PURE__*/(0, _react.forwardRef)(function (_ref5, ref) {
var sx = _ref5.sx,
props = (0, _objectWithoutProperties2.default)(_ref5, _excluded5);
return (0, _core.jsx)("input", (0, _extends2.default)({}, props, {
ref: ref,
sx: _objectSpread(_objectSpread({
bg: 'white'
}, _theme.theme.text.body), {}, {
'::placeholder': {
fontSize: 2,
lineHeight: 2
},
variant: 'borders.input',
lineHeight: '21px',
padding: 2,
mt: 1
}, sx)
}));
});
exports.Input = Input;
var StyledTextareaAutocomplete = /*#__PURE__*/(0, _react.forwardRef)(function (_ref6, ref) {
var sx = _ref6.sx,
props = (0, _objectWithoutProperties2.default)(_ref6, _excluded6);
return (0, _core.jsx)(_reactTextareaAutocomplete.default, (0, _extends2.default)({}, props, {
ref: ref,
sx: _objectSpread(_objectSpread({}, _theme.theme.text.body), {}, {
lineHeight: '21px',
padding: 2,
mt: 1,
variant: 'borders.input'
}, sx)
}));
});
exports.StyledTextareaAutocomplete = StyledTextareaAutocomplete;
var StyledTextarea = /*#__PURE__*/(0, _react.forwardRef)(function (_ref7, ref) {
var sx = _ref7.sx,
props = (0, _objectWithoutProperties2.default)(_ref7, _excluded7);
return (0, _core.jsx)(_reactTextareaAutosize.default, (0, _extends2.default)({
ref: ref
}, props, {
sx: _objectSpread(_objectSpread({}, _theme.theme.text.body), {}, {
lineHeight: '21px',
padding: 2,
variant: 'borders.input'
}, sx)
}));
});
exports.StyledTextarea = StyledTextarea;
var Form = function Form(_ref8) {
var sx = _ref8.sx,
props = (0, _objectWithoutProperties2.default)(_ref8, _excluded8);
return (0, _core.jsx)("form", (0, _extends2.default)({}, props, {
sx: sx
}));
};
exports.Form = Form;
var Video = function Video(_ref9) {
var sx = _ref9.sx,
props = (0, _objectWithoutProperties2.default)(_ref9, _excluded9);
return (// eslint-disable-next-line jsx-a11y/media-has-caption
(0, _core.jsx)("video", (0, _extends2.default)({}, props, {
sx: sx
}))
);
};
exports.Video = Video;
var Image = function Image(_ref10) {
var sx = _ref10.sx,
props = (0, _objectWithoutProperties2.default)(_ref10, _excluded10);
return (// eslint-disable-next-line jsx-a11y/alt-text
(0, _core.jsx)("img", (0, _extends2.default)({}, props, {
sx: sx
}))
);
};
exports.Image = Image;
var View = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function (_ref11, ref) {
var sx = _ref11.sx,
onClick = _ref11.onClick,
props = (0, _objectWithoutProperties2.default)(_ref11, _excluded11);
return (// eslint-disable-next-line
(0, _core.jsx)("div", (0, _extends2.default)({
ref: ref
}, props, {
onClick: onClick,
sx: _objectSpread({
display: 'flex',
cursor: onClick ? 'pointer' : 'auto'
}, sx)
}))
);
}));
exports.View = View;
//# sourceMappingURL=web.js.map