@daoyi/nmtl-ui 2.0.1-beta.65 → 2.0.1-beta.66

package/lib/components/Filter.js

@@ -1,5 +1,5 @@
 import { f as _taggedTemplateLiteral, e as _defineProperty } from './_rollupPluginBabelHelpers-ed61ffc0.js';
-import React__default, { useContext, createElement } from 'react';
+import React__default, { useContext, createElement, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { c as classNames } from './index-f491ebce.js';
 import { q as queryString } from './index-7b60a97d.js';
@@ -727,11 +727,17 @@ var Filter = function Filter(_ref) {
     textHoverColor = _ref.textHoverColor,
     filter = _ref.filter,
     disabled = _ref.disabled,
-    filterKey = _ref.filterKey;
+    filterKey = _ref.filterKey,
+    onClick = _ref.onClick;
   var history = useHistory();
   var search = history.location.search;
   var urlSearch = queryString.parse(search);
   var FilterItem = He.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\tcolor: ", ";\n\t\t.filter__item--active {\n\t\t\tcolor: ", ";\n\t\t}\n\t\t:hover {\n\t\t\tcolor: ", ";\n\t\t}\n\t\t::after {\n\t\t\tcolor: ", ";\n\t\t}\n\t"])), textColor, textHoverColor || textColor, textHoverColor || textColor, textColor);
+  var handleClick = useCallback(function (key) {
+    if (onClick && typeof onClick === 'function') onClick(key);else historyAppendSearch(_defineProperty({
+      history: history
+    }, filterKey, key));
+  }, [history, onClick]);
   return /*#__PURE__*/React__default.createElement("div", {
     className: classNames('filter', className)
   }, Array.isArray(filter) && filter.filter(function (_ref2) {
@@ -748,11 +754,7 @@ var Filter = function Filter(_ref) {
       }, {
         'filter__item--active': key === urlSearch[filterKey]
       }),
-      onClick: function onClick() {
-        return historyAppendSearch(_defineProperty({
-          history: history
-        }, filterKey, key));
-      }
+      onClick: handleClick
     }, "".concat(title, "(").concat(count, ")"));
   }));
 };
@@ -762,7 +764,8 @@ Filter.defaultProps = {
   textHoverColor: undefined,
   filter: undefined,
   disabled: false,
-  filterKey: 'filterType'
+  filterKey: 'filterType',
+  onClick: undefined
 };
 Filter.propTypes = {
   className: PropTypes.string,
@@ -770,7 +773,8 @@ Filter.propTypes = {
   textHoverColor: PropTypes.string,
   filter: PropTypes.arrayOf(PropTypes.any),
   disabled: PropTypes.bool,
-  filterKey: PropTypes.string
+  filterKey: PropTypes.string,
+  onClick: PropTypes.func
 };
 
 export { Filter as default };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@daoyi/nmtl-ui",
-	"version": "2.0.1-beta.65",
+	"version": "2.0.1-beta.66",
 	"description": "This project is to be used as a starter kit for building React component using Storybook and Rollup",
 	"author": "daoyi",
 	"main": "lib/index.js",