@arcblock/ux 2.4.19 → 2.4.22

package/lib/ClickToCopy/copy-button.js

@@ -19,7 +19,7 @@ var _hook = _interopRequireDefault(require("./hook"));
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-const _excluded = ["content", "locale", "render"];
+const _excluded = ["content", "locale", "render", "showTooltip"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -37,7 +37,8 @@ function CopyButton(_ref) {
   let {
     content,
     locale,
-    render
+    render,
+    showTooltip
   } = _ref,
       rest = _objectWithoutProperties(_ref, _excluded);
 
@@ -63,7 +64,7 @@ function CopyButton(_ref) {
       title: texts.copied,
       placement: "bottom",
       arrow: true,
-      open: copied,
+      open: copied && showTooltip,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Check.default, {
         sx: _objectSpread(_objectSpread({}, iconStyle), {}, {
           color: _colors.green[500]
@@ -90,10 +91,12 @@ function CopyButton(_ref) {
 CopyButton.propTypes = {
   content: _propTypes.default.string,
   locale: _propTypes.default.oneOf(['en', 'zh']),
-  render: _propTypes.default.func
+  render: _propTypes.default.func,
+  showTooltip: _propTypes.default.bool
 };
 CopyButton.defaultProps = {
   content: '',
   locale: 'en',
-  render: undefined
+  render: undefined,
+  showTooltip: true
 };

package/lib/Locale/selector.js

@@ -184,4 +184,4 @@ LocaleSelector.defaultProps = {
 };
 var _default = LocaleSelector;
 exports.default = _default;
-const Div = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-block;\n\n  .trigger {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    font-size: 14px;\n\n    .trigger-text {\n      margin-left: 5px;\n      font-size: 14px;\n      color: ", ";\n    }\n  }\n\n  .locales {\n    background: ", ";\n  }\n\n  .locale-item {\n    font-size: 16px;\n    font-style: normal;\n    font-stretch: normal;\n    line-height: normal;\n    letter-spacing: 2px;\n    text-align: center;\n    color: ", ";\n    cursor: pointer;\n    display: flex;\n    padding: 16px;\n    align-items: center;\n    .check-icon {\n      visibility: hidden;\n      margin-right: 4px;\n    }\n    .check-icon-visible {\n      visibility: visible;\n    }\n  }\n"])), props => (0, _Util.getColor)(props), props => (0, _Util.getBackground)(props), props => (0, _Util.getColor)(props));
+const Div = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-block;\n\n  .trigger {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    font-size: 14px;\n\n    .trigger-text {\n      margin-left: 5px;\n      font-size: 14px;\n      color: ", ";\n    }\n  }\n\n  .locales {\n    background: ", ";\n    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);\n  }\n\n  .locale-item {\n    font-size: 16px;\n    font-style: normal;\n    font-stretch: normal;\n    line-height: normal;\n    letter-spacing: 2px;\n    text-align: center;\n    color: ", ";\n    cursor: pointer;\n    display: flex;\n    padding: 16px;\n    align-items: center;\n    .check-icon {\n      visibility: hidden;\n      margin-right: 4px;\n    }\n    .check-icon-visible {\n      visibility: visible;\n    }\n  }\n"])), props => (0, _Util.getColor)(props), props => (0, _Util.getBackground)(props), props => (0, _Util.getColor)(props));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/ux",
-  "version": "2.4.19",
+  "version": "2.4.22",
   "description": "Common used react components for arcblock products",
   "keywords": [
     "react",
@@ -19,11 +19,11 @@
     "lint": "eslint src tests",
     "build": "babel src --out-dir lib --copy-files --no-copy-ignored",
     "watch": "babel src --out-dir lib -w --copy-files --no-copy-ignored",
-    "precommit": "CI=1 yarn test",
-    "prepush": "CI=1 yarn test",
+    "precommit": "CI=1 npm run lint",
+    "prepush": "CI=1 npm run lint",
     "prepublish": "npm run build",
-    "test": "npm run lint && node tools/jest.js",
-    "coverage": "npm run lint && yarn test -- --coverage"
+    "test": "node tools/jest.js",
+    "coverage": "npm run test -- --coverage"
   },
   "bugs": {
     "url": "https://github.com/ArcBlock/ux/issues"
@@ -39,7 +39,7 @@
     "@babel/preset-react": "^7.18.6",
     "babel-plugin-inline-react-svg": "^1.1.2",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "jest": "^24.9.0",
+    "jest": "^28.1.3",
     "moment-timezone": "^0.5.34"
   },
   "peerDependencies": {
@@ -47,10 +47,10 @@
     "react": ">=18.1.0",
     "react-ga": "^2.7.0"
   },
-  "gitHead": "99168fa063ea477b871d603e1067964d26115794",
+  "gitHead": "a8e5f9c2a89b99064c6a085b6cc1a3042095ecf4",
   "dependencies": {
-    "@arcblock/icons": "^2.4.19",
-    "@arcblock/react-hooks": "^2.4.19",
+    "@arcblock/icons": "^2.4.22",
+    "@arcblock/react-hooks": "^2.4.22",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",

package/src/ClickToCopy/copy-button.js

@@ -5,7 +5,7 @@ import CopyIcon from '@mui/icons-material/ContentCopy';
 import CheckIcon from '@mui/icons-material/Check';
 import useCopy from './hook';
 
-export default function CopyButton({ content, locale, render, ...rest }) {
+export default function CopyButton({ content, locale, render, showTooltip, ...rest }) {
   const { containerRef, copied, copy, texts } = useCopy({ content, locale });
   const iconStyle = {
     fontSize: '1em',
@@ -14,7 +14,7 @@ export default function CopyButton({ content, locale, render, ...rest }) {
   const copyButton = (
     <span title={copied ? '' : texts.copy} {...rest} style={{ height: '1em', ...rest.style }}>
       {copied ? (
-        <Tooltip title={texts.copied} placement="bottom" arrow open={copied}>
+        <Tooltip title={texts.copied} placement="bottom" arrow open={copied && showTooltip}>
           <CheckIcon sx={{ ...iconStyle, color: green[500] }} />
         </Tooltip>
       ) : (
@@ -33,10 +33,12 @@ CopyButton.propTypes = {
   content: PropTypes.string,
   locale: PropTypes.oneOf(['en', 'zh']),
   render: PropTypes.func,
+  showTooltip: PropTypes.bool,
 };
 
 CopyButton.defaultProps = {
   content: '',
   locale: 'en',
   render: undefined,
+  showTooltip: true,
 };

package/src/Locale/selector.js

@@ -139,6 +139,7 @@ const Div = styled('div')`
 
   .locales {
     background: ${(props) => getBackground(props)};
+    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
   }
 
   .locale-item {