@twreporter/react-components 8.10.0-rc.2 → 8.10.0

package/CHANGELOG.md

@@ -3,6 +3,36 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.10.0](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.10.0-rc.4...@twreporter/react-components@8.10.0) (2022-07-06)
+
+**Note:** Version bump only for package @twreporter/react-components
+
+
+
+
+
+# [8.10.0-rc.4](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.10.0-rc.3...@twreporter/react-components@8.10.0-rc.4) (2022-07-04)
+
+
+### Bug Fixes
+
+* fix tool bar defect ([afc4a56](https://github.com/twreporter/twreporter-npm-packages/commit/afc4a568c27c0614ff2bec460cb07813fbfdfe5a))
+
+
+
+
+
+# [8.10.0-rc.3](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.10.0-rc.2...@twreporter/react-components@8.10.0-rc.3) (2022-07-01)
+
+
+### Bug Fixes
+
+* fix tool bar defect ([e66c4d7](https://github.com/twreporter/twreporter-npm-packages/commit/e66c4d7eeb87ca61f16f1dede8a191aaf2c8ed80))
+
+
+
+
+
 # [8.10.0-rc.2](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.10.0-rc.1...@twreporter/react-components@8.10.0-rc.2) (2022-06-30)
 
 

package/lib/hook/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useOutsideClick", {
+  enumerable: true,
+  get: function get() {
+    return _useOutsideClick["default"];
+  }
+});
+exports["default"] = void 0;
+
+var _useOutsideClick = _interopRequireDefault(require("./use-outside-click"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = {
+  useOutsideClick: _useOutsideClick["default"]
+};
+exports["default"] = _default;

package/lib/hook/use-outside-click.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = require("react");
+
+var useOutsideClick = function useOutsideClick(callback) {
+  var ref = (0, _react.useRef)();
+  (0, _react.useEffect)(function () {
+    var handleClick = function handleClick(event) {
+      if (typeof callback !== 'function') {
+        return;
+      }
+
+      if (ref.current && !ref.current.contains(event.target)) {
+        callback(event);
+      }
+    };
+
+    document.addEventListener('click', handleClick);
+    return function () {
+      document.removeEventListener('click', handleClick);
+    };
+  }, [ref, callback]);
+  return ref;
+};
+
+var _default = useOutsideClick;
+exports["default"] = _default;

package/lib/icon/index.js

@@ -15,10 +15,16 @@ var _propTypes2 = _interopRequireDefault(require("@twreporter/core/lib/constants
 
 var _releaseBranch = _interopRequireDefault(require("@twreporter/core/lib/constants/release-branch"));
 
+var _excluded = ["filename", "releaseBranch"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 var baseGCSDir = 'https://www.twreporter.org/assets/icon/';
 
 var IconContainer = /*#__PURE__*/_styledComponents["default"].svg.withConfig({
@@ -32,12 +38,14 @@ var Icon = function Icon(_ref) {
   var _ref$filename = _ref.filename,
       filename = _ref$filename === void 0 ? '' : _ref$filename,
       _ref$releaseBranch = _ref.releaseBranch,
-      releaseBranch = _ref$releaseBranch === void 0 ? _releaseBranch["default"].master : _ref$releaseBranch;
+      releaseBranch = _ref$releaseBranch === void 0 ? _releaseBranch["default"].master : _ref$releaseBranch,
+      restProps = _objectWithoutProperties(_ref, _excluded);
+
   var src = "".concat(baseGCSDir).concat(releaseBranch, "/").concat(filename, ".svg");
-  return /*#__PURE__*/_react["default"].createElement(IconContainer, {
+  return /*#__PURE__*/_react["default"].createElement(IconContainer, _extends({
     alt: filename,
     src: src
-  });
+  }, restProps));
 };
 
 exports.Icon = Icon;
@@ -257,9 +265,9 @@ Medium.propTypes = {
 };
 
 var Twitter = function Twitter(args) {
-  return /*#__PURE__*/_react["default"].createElement(Icon, {
+  return /*#__PURE__*/_react["default"].createElement(Icon, _extends({
     filename: "twitter"
-  });
+  }, args));
 };
 
 exports.Twitter = Twitter;
@@ -268,9 +276,9 @@ Twitter.propTypes = {
 };
 
 var Youtube = function Youtube(args) {
-  return /*#__PURE__*/_react["default"].createElement(Icon, {
+  return /*#__PURE__*/_react["default"].createElement(Icon, _extends({
     filename: "youtube"
-  });
+  }, args));
 };
 
 exports.Youtube = Youtube;
@@ -279,9 +287,9 @@ Youtube.propTypes = {
 };
 
 var Line = function Line(args) {
-  return /*#__PURE__*/_react["default"].createElement(Icon, {
+  return /*#__PURE__*/_react["default"].createElement(Icon, _extends({
     filename: "line"
-  });
+  }, args));
 };
 
 exports.Line = Line;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twreporter/react-components",
-  "version": "8.10.0-rc.2",
+  "version": "8.10.0",
   "main": "lib/index.js",
   "repository": "https://github.com/twreporter/twreporter-npm-packages.git",
   "author": "twreporter <developer@twreporter.org>",
@@ -16,7 +16,7 @@
   },
   "dependencies": {
     "@twreporter/core": "^1.4.1",
-    "@twreporter/redux": "^7.2.2-rc.0",
+    "@twreporter/redux": "^7.2.2",
     "hoist-non-react-statics": "^2.3.1",
     "lodash": "^4.0.0",
     "memoize-one": "^5.0.5",
@@ -44,5 +44,5 @@
     "babel-loader": "^8.2.4",
     "chromatic": "^6.5.4"
   },
-  "gitHead": "e09f2e6df336ce4eb476ad56c5353a96f32159ac"
+  "gitHead": "675d3d3bd4bb0d2086d3b47ca3fe867cc084a26f"
 }