@cashub/ui 0.24.1 → 0.24.3

package/Tab/Tab.js

@@ -13,14 +13,14 @@ const Tab = _ref => {
     selected,
     onChange,
     mode = 'view',
-    onNameChange
+    onTitleChange
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabContext.default.Provider, {
     value: {
       selected,
       onChange,
       mode,
-      onNameChange
+      onTitleChange
     },
     children: children
   });

package/Tab/TabTab.js

@@ -16,16 +16,17 @@ const TabTab = _ref => {
   let {
     children,
     name,
+    title,
     ...props
   } = _ref;
   const {
     selected,
     onChange,
     mode,
-    onNameChange
+    onTitleChange
   } = (0, _react.useContext)(_TabContext.default);
   const [isModify, setIsModify] = (0, _react.useState)(false);
-  const [currentName, setCurrentName] = (0, _react.useState)(name);
+  const [currentTitle, setCurrentTitle] = (0, _react.useState)(title);
   const handleClick = (0, _react.useCallback)(() => {
     if (selected !== name) {
       onChange(name);
@@ -36,22 +37,22 @@ const TabTab = _ref => {
     setIsModify(true);
   };
   const handleBlur = () => {
-    onNameChange(name, currentName);
+    onTitleChange(name, currentTitle);
     setIsModify(false);
   };
   const handleKeyUp = event => {
     const key = event.keyCode;
     if (key === _utils.KEY_CODE.ENTER) {
-      onNameChange(name, currentName);
+      onTitleChange(name, currentTitle);
       setIsModify(false);
     }
   };
   return isModify ? /*#__PURE__*/(0, _jsxRuntime.jsx)(InputTab, {
     role: "tab",
     type: "text",
-    value: currentName,
+    value: currentTitle,
     onChange: event => {
-      setCurrentName(event.target.value);
+      setCurrentTitle(event.target.value);
     },
     onBlur: handleBlur,
     onKeyUp: handleKeyUp,

package/modal/StateModal.js

@@ -15,7 +15,7 @@ var _ButtonGroup = _interopRequireDefault(require("../button/ButtonGroup"));
 var _Button = _interopRequireDefault(require("../button/Button"));
 var _ModalBackdrop = _interopRequireDefault(require("../backdrop/ModalBackdrop"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -44,6 +44,7 @@ const ModalContent = _ref2 => {
     type,
     title,
     text,
+    list,
     confirmButtonText,
     cancelButtonText,
     showCancelButton,
@@ -85,6 +86,12 @@ const ModalContent = _ref2 => {
           children: title
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Message, {
           children: text
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Detail, {
+          children: list.length > 0 && list.map(item => {
+            return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
+              children: [item.name, ", ", item.text, ",", item.version]
+            });
+          })
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ButtonGroup.default, {
         alignRight: true,
@@ -119,4 +126,5 @@ const Body = _styledComponents.default.div(_templateObject3 || (_templateObject3
 });
 const Title = _styledComponents.default.h2(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-size: var(--font-body1);\n  font-weight: var(--font-bold);\n  margin-bottom: var(--spacing-s);\n"])));
 const Message = _styledComponents.default.p(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  font-size: var(--font-body1);\n"])));
+const Detail = _styledComponents.default.ul(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  margin-top: 30px;\n  color: var(--font-on-background);\n"])));
 var _default = exports.default = StateModal;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cashub/ui",
-  "version": "0.24.1",
+  "version": "0.24.3",
   "private": false,
   "author": "CasHUB Team",
   "description": "CasHUB UI components library",