@cashub/ui 0.6.7 → 0.7.0

package/image/UploadImage.js

@@ -56,7 +56,13 @@ var UploadImage = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       alt = _ref$alt === void 0 ? 'user avatar' : _ref$alt,
       _ref$roundedCircle = _ref.roundedCircle,
       roundedCircle = _ref$roundedCircle === void 0 ? false : _ref$roundedCircle,
-      cropperHandler = _ref.cropperHandler;
+      cropperHandler = _ref.cropperHandler,
+      onBlur = _ref.onBlur;
+
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t;
+
+  var refWrapper = (0, _react.useRef)();
 
   var _useState = (0, _react.useState)(src),
       _useState2 = _slicedToArray(_useState, 2),
@@ -68,8 +74,10 @@ var UploadImage = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       currentFile = _useState4[0],
       setCurrentFile = _useState4[1];
 
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-      t = _useTranslation.t;
+  var _useState5 = (0, _react.useState)(0),
+      _useState6 = _slicedToArray(_useState5, 2),
+      focusCount = _useState6[0],
+      setFocusCount = _useState6[1];
 
   var handleAvatarRemove = function handleAvatarRemove() {
     setCurrentSrc(src);
@@ -142,11 +150,42 @@ var UploadImage = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       }
     });
   }, [cropperHandler, handleImageFile]);
+
+  var handleFocus = function handleFocus(e) {
+    e.preventDefault();
+    e.stopPropagation();
+
+    if (e.target.tagName === 'BUTTON') {
+      setFocusCount(focusCount + 1);
+    }
+  };
+
+  var handleBlur = function handleBlur(e) {
+    e.preventDefault();
+    e.stopPropagation();
+    if (refWrapper.current.contains(e.relatedTarget)) return;
+
+    if (e.target === refWrapper.current && onBlur) {
+      onBlur();
+    }
+  };
+
   (0, _react.useEffect)(function () {
     setCurrentSrc(src);
-  }, [src, ref]);
+  }, [src, ref]); // if click button icon,can focus figure element
+
+  (0, _react.useEffect)(function () {
+    if (focusCount === 2) {
+      refWrapper.current.focus();
+      setFocusCount(0);
+    }
+  }, [ref, focusCount]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, {
+    ref: refWrapper,
     roundedCircle: roundedCircle,
+    onBlur: handleBlur,
+    onFocus: handleFocus,
+    tabIndex: "0",
     children: [currentSrc && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageFluid.default, {
       crossOrigin: "anonymous",
       src: currentSrc,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cashub/ui",
-  "version": "0.6.7",
+  "version": "0.7.0",
   "private": false,
   "author": "CASHUB Team",
   "description": "CASHUB UI components library",

package/section/SectionToolbar.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SectionToolbarItem = exports.SectionToolbar = void 0;
+exports.default = void 0;
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _templateObject, _templateObject2;
+var _templateObject;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -15,8 +15,5 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 
 var SectionToolbar = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  > *:not(:first-child) {\n    margin-left: var(--spacing-s);\n  }\n"])));
 
-exports.SectionToolbar = SectionToolbar;
-
-var SectionToolbarItem = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  > *:not(:first-child) {\n    margin-left: var(--spacing-s);\n  }\n"])));
-
-exports.SectionToolbarItem = SectionToolbarItem;
+var _default = SectionToolbar;
+exports.default = _default;

package/section/SectionToolbarItem.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _templateObject;
+
+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 SectionToolbarItem = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  > *:not(:first-child) {\n    margin-left: var(--spacing-s);\n  }\n"])));
+
+var _default = SectionToolbarItem;
+exports.default = _default;

package/section/index.js

@@ -3,11 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {
-  Section: true,
-  SectionBody: true,
-  SectionHeader: true
-};
 Object.defineProperty(exports, "Section", {
   enumerable: true,
   get: function get() {
@@ -26,6 +21,18 @@ Object.defineProperty(exports, "SectionHeader", {
     return _SectionHeader.default;
   }
 });
+Object.defineProperty(exports, "SectionToolbar", {
+  enumerable: true,
+  get: function get() {
+    return _SectionToolbar.default;
+  }
+});
+Object.defineProperty(exports, "SectionToolbarItem", {
+  enumerable: true,
+  get: function get() {
+    return _SectionToolbarItem.default;
+  }
+});
 
 var _Section = _interopRequireDefault(require("./Section"));
 
@@ -33,18 +40,8 @@ var _SectionBody = _interopRequireDefault(require("./SectionBody"));
 
 var _SectionHeader = _interopRequireDefault(require("./SectionHeader"));
 
-var _SectionToolbar = require("./SectionToolbar");
+var _SectionToolbar = _interopRequireDefault(require("./SectionToolbar"));
 
-Object.keys(_SectionToolbar).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _SectionToolbar[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _SectionToolbar[key];
-    }
-  });
-});
+var _SectionToolbarItem = _interopRequireDefault(require("./SectionToolbarItem"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/table/Table.js

@@ -122,7 +122,7 @@ var Table = function Table(_ref) {
     var containerLength = event.target.offsetWidth;
     var textLength = event.target.scrollWidth;
 
-    if (textLength > containerLength) {
+    if (textLength >= containerLength) {
       event.stopPropagation();
       (0, _Popover.default)({
         id: id,