@twreporter/react-components 8.5.0-rc.1

package/lib/confirmation/index.js

@@ -0,0 +1,125 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _fontWeight = require("@twreporter/core/lib/constants/font-weight");
+
+var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _templateObject, _templateObject2, _templateObject3;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+var WarningSign = function WarningSign(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("title", null, "deletebm"), /*#__PURE__*/_react["default"].createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M15.306.313L.073 28.373a.598.598 0 0 0 .526.884h30.465a.598.598 0 0 0 .525-.884L16.357.313a.598.598 0 0 0-1.051 0",
+    fill: "#E60013"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M14.851 22.772h1.753l.16 2.435h-2.087l.174-2.435zm1.776-1.833h-1.753l-.546-11.384h2.823l-.524 11.384z",
+    fill: "#FFF"
+  })));
+};
+
+WarningSign.defaultProps = {
+  width: "32",
+  height: "30",
+  viewBox: "0 0 32 30",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var Container = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  displayName: "confirmation__Container",
+  componentId: "ypuqpw-0"
+})(["width:100%;height:100vh;position:fixed;top:0;left:0;z-index:5;background-color:rgba(115,115,115,0.8);"]);
+
+var Dialog = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  displayName: "confirmation__Dialog",
+  componentId: "ypuqpw-1"
+})(["width:", ";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:75px 60px 58px 60px;background-color:white;text-align:center;", ""], function (props) {
+  return props.width;
+}, _mediaQuery["default"].mobileOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    width: 100%;\n    padding: 47px 17px 37px 17px;\n  "]))));
+
+var Content = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  displayName: "confirmation__Content",
+  componentId: "ypuqpw-2"
+})(["width:100%;margin-bottom:52px;font-size:20px;font-weight:", ";", ""], _fontWeight.sourceHanSansTC.bold, _mediaQuery["default"].mobileOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    font-size: 16px;\n  "]))));
+
+var FuncitonArea = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  displayName: "confirmation__FuncitonArea",
+  componentId: "ypuqpw-3"
+})([""]);
+
+var FunctionButton = /*#__PURE__*/_styledComponents["default"].button.withConfig({
+  displayName: "confirmation__FunctionButton",
+  componentId: "ypuqpw-4"
+})(["cursor:pointer;font-weight:", ";font-size:18px;width:127px;height:46.7px;border-radius:40px;background-color:Transparent;outline:0;", " letter-spacing:1.6px;"], _fontWeight.sourceHanSansTC.bold, _mediaQuery["default"].mobileOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    font-size: 16px;\n  "]))));
+
+var Cancel = /*#__PURE__*/(0, _styledComponents["default"])(FunctionButton).withConfig({
+  displayName: "confirmation__Cancel",
+  componentId: "ypuqpw-5"
+})(["border:solid 2px #3e3f3f;margin-right:25px;"]);
+var Confirm = /*#__PURE__*/(0, _styledComponents["default"])(FunctionButton).withConfig({
+  displayName: "confirmation__Confirm",
+  componentId: "ypuqpw-6"
+})(["border:solid 2px #e60013;color:#c7000d;"]);
+
+var IconContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  displayName: "confirmation__IconContainer",
+  componentId: "ypuqpw-7"
+})(["display:inline-block;position:relative;top:8px;margin-right:10px;"]);
+
+var TextContainer = /*#__PURE__*/_styledComponents["default"].span.withConfig({
+  displayName: "confirmation__TextContainer",
+  componentId: "ypuqpw-8"
+})(["letter-spacing:2.6px;"]);
+
+var Confirmation = function Confirmation(props) {
+  var width = props.width,
+      content = props.content,
+      cancel = props.cancel,
+      confirm = props.confirm,
+      onConfirm = props.onConfirm,
+      onCancel = props.onCancel,
+      toShowWarningIcon = props.toShowWarningIcon;
+  var iconJSX = toShowWarningIcon ? /*#__PURE__*/_react["default"].createElement(IconContainer, null, /*#__PURE__*/_react["default"].createElement(WarningSign, null)) : null;
+  return /*#__PURE__*/_react["default"].createElement(Container, null, /*#__PURE__*/_react["default"].createElement(Dialog, {
+    width: width
+  }, /*#__PURE__*/_react["default"].createElement(Content, null, iconJSX, /*#__PURE__*/_react["default"].createElement(TextContainer, null, content)), /*#__PURE__*/_react["default"].createElement(FuncitonArea, null, /*#__PURE__*/_react["default"].createElement(Cancel, {
+    onClick: onCancel
+  }, cancel), /*#__PURE__*/_react["default"].createElement(Confirm, {
+    onClick: onConfirm
+  }, confirm))));
+};
+
+Confirmation.defaultProps = {
+  content: '',
+  cancel: 'Cancel',
+  confirm: 'Confirm',
+  width: '490px',
+  toShowWarningIcon: true
+};
+Confirmation.propTypes = {
+  width: _propTypes["default"].string,
+  content: _propTypes["default"].string,
+  cancel: _propTypes["default"].string,
+  confirm: _propTypes["default"].string,
+  onConfirm: _propTypes["default"].func.isRequired,
+  onCancel: _propTypes["default"].func.isRequired,
+  toShowWarningIcon: _propTypes["default"].bool
+};
+var _default = Confirmation;
+exports["default"] = _default;

package/lib/donation-link.js

@@ -0,0 +1,75 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _externalLinks = _interopRequireDefault(require("@twreporter/core/lib/constants/external-links"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var DonationLink = /*#__PURE__*/function (_React$PureComponent) {
+  _inherits(DonationLink, _React$PureComponent);
+
+  var _super = _createSuper(DonationLink);
+
+  function DonationLink() {
+    _classCallCheck(this, DonationLink);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(DonationLink, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          className = _this$props.className,
+          children = _this$props.children;
+      var donationURL = _externalLinks["default"].donation;
+      return /*#__PURE__*/_react["default"].createElement("a", {
+        className: className,
+        href: donationURL,
+        target: "_blank",
+        rel: "noopener noreferrer"
+      }, children);
+    }
+  }]);
+
+  return DonationLink;
+}(_react["default"].PureComponent);
+
+exports["default"] = DonationLink;
+
+_defineProperty(DonationLink, "propTypes", {
+  children: _propTypes["default"].node,
+  className: _propTypes["default"].string
+});

package/lib/error/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.ErrorMessage = void 0;
+
+var _message = _interopRequireDefault(require("./message"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var ErrorMessage = _message["default"];
+exports.ErrorMessage = ErrorMessage;
+var _default = {
+  ErrorMessage: ErrorMessage
+};
+exports["default"] = _default;