@abtnode/ux 1.16.18-beta-aa01bd8e → 1.16.18-beta-bb4ebacc

package/lib/team/members/passports.js

@@ -4,11 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Passports;
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _get = _interopRequireDefault(require("lodash/get"));
-var _upperFirst = _interopRequireDefault(require("lodash/upperFirst"));
 var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
 var _Add = _interopRequireDefault(require("@mui/icons-material/Add"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
@@ -31,9 +30,12 @@ var _permission = _interopRequireDefault(require("../../permission"));
 var _searchInput = _interopRequireDefault(require("../search-input"));
 var _listHeader = _interopRequireDefault(require("../styles/list-header"));
 var _issuePassport = _interopRequireDefault(require("./issue-passport"));
+var _passportItem = _interopRequireDefault(require("./passport-item"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -224,60 +226,30 @@ function Passports(_ref2) {
           justifyContent: "space-between",
           alignItems: "center",
           mt: 3,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
-            display: "flex",
-            alignItems: "center",
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              // eslint-disable-next-line react/no-danger
-              dangerouslySetInnerHTML: {
-                __html: createPassportSvg({
-                  title: x.title || x.name,
-                  issuer: x.issuer && x.issuer.name,
-                  issuerDid: x.issuer && x.issuer.id,
-                  ownerName: user.fullName,
-                  ownerDid: user.did,
-                  ownerAvatarUrl: user.avatar,
-                  revoked: x.revoked,
-                  preferredColor: passportColor,
-                  width: '150px'
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_passportItem.default, {
+            passport: x,
+            user: user,
+            color: passportColor,
+            createPassportSvg: createPassportSvg,
+            icon: !!appIdList.length && !appIdList.includes(x.issuer.id) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExternalIssuerIcon.default, {}) : null,
+            children: !!appIdList.length && !appIdList.includes(x.issuer.id) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              className: "tip",
+              children: [x.issuer.id !== teamIssuerDid && !trustedPassports.some(y => y.issuerDid === x.issuer.id) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+                title: t('team.passport.notTrustedIssuerTip'),
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+                  component: _ErrorOutline.default,
+                  style: {
+                    fontSize: '1.3em'
+                  },
+                  color: "error.main",
+                  mr: 0.5
                 })
-              }
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-              className: "body",
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
-                className: "title",
-                display: "flex",
-                alignItems: "center",
-                children: [(0, _upperFirst.default)(x.title), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-                  className: "status-icons",
-                  children: [!!appIdList.length && !appIdList.includes(x.issuer.id) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExternalIssuerIcon.default, {}), x.revoked && /*#__PURE__*/(0, _jsxRuntime.jsx)(_RevokeIcon.default, {})]
-                })]
-              }), x.expirationDate && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
-                className: "title",
-                display: "flex",
-                alignItems: "center",
-                children: t('team.passport.validUntil', {
-                  date: x.expirationDate
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                children: t('team.passport.issueBy', {
+                  name: x.issuer.name
                 })
-              }), !!appIdList.length && !appIdList.includes(x.issuer.id) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-                className: "tip",
-                children: [x.issuer.id !== teamIssuerDid && !trustedPassports.some(y => y.issuerDid === x.issuer.id) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
-                  title: t('team.passport.notTrustedIssuerTip'),
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
-                    component: _ErrorOutline.default,
-                    style: {
-                      fontSize: '1.3em'
-                    },
-                    color: "error.main",
-                    mr: 0.5
-                  })
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                  children: t('team.passport.issueBy', {
-                    name: x.issuer.name
-                  })
-                })]
               })]
-            })]
+            })
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
             children: revokeInfo(can, x).revokable ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
               variant: "outlined",
@@ -338,4 +310,4 @@ Passports.propTypes = {
 Passports.defaultProps = {
   onCreate: () => {}
 };
-const Div = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .passport-item {\n    .body {\n      padding: 0;\n      margin-left: 24px;\n      margin-top: 0;\n    }\n    .title {\n      font-weight: 400;\n      font-size: 16px;\n      line-height: 19px;\n      color: #222222;\n    }\n    .tip {\n      display: flex;\n      align-items: center;\n      font-size: 14px;\n      margin-top: 6px;\n      color: #bbb;\n    }\n    .status-icons {\n      svg {\n        fill: #bfbfbf;\n        height: 1.2em;\n        margin-left: 0.4em;\n      }\n    }\n    .MuiButton-outlinedSecondary {\n      color: #f16e6e;\n      fill: #f16e6e;\n      background: #fcf3f3;\n      border: 0;\n      &:hover {\n        border: 0;\n      }\n    }\n  }\n"])));
+const Div = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .passport-item {\n    .MuiButton-outlinedSecondary {\n      color: #f16e6e;\n      fill: #f16e6e;\n      background: #fcf3f3;\n      border: 0;\n      &:hover {\n        border: 0;\n      }\n    }\n  }\n"])));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abtnode/ux",
-  "version": "1.16.18-beta-aa01bd8e",
+  "version": "1.16.18-beta-bb4ebacc",
   "description": "UX components shared across abtnode packages",
   "publishConfig": {
     "access": "public"
@@ -27,24 +27,24 @@
   "author": "linchen <linchen1987@foxmail.com> (http://github.com/linchen1987)",
   "license": "Apache-2.0",
   "dependencies": {
-    "@abtnode/auth": "1.16.18-beta-aa01bd8e",
-    "@abtnode/constant": "1.16.18-beta-aa01bd8e",
-    "@abtnode/util": "1.16.18-beta-aa01bd8e",
+    "@abtnode/auth": "1.16.18-beta-bb4ebacc",
+    "@abtnode/constant": "1.16.18-beta-bb4ebacc",
+    "@abtnode/util": "1.16.18-beta-bb4ebacc",
     "@ahooksjs/use-url-state": "^3.5.1",
     "@arcblock/did": "^1.18.95",
-    "@arcblock/did-connect": "^2.8.8",
+    "@arcblock/did-connect": "^2.8.11",
     "@arcblock/did-motif": "^1.1.13",
-    "@arcblock/icons": "^2.8.8",
-    "@arcblock/nft-display": "2.8.8",
-    "@arcblock/react-hooks": "^2.8.8",
-    "@arcblock/terminal": "^2.8.8",
-    "@arcblock/ux": "^2.8.8",
-    "@blocklet/constant": "1.16.18-beta-aa01bd8e",
-    "@blocklet/launcher-layout": "2.2.27",
-    "@blocklet/list": "^0.12.50",
-    "@blocklet/meta": "1.16.18-beta-aa01bd8e",
-    "@blocklet/ui-react": "^2.8.8",
-    "@blocklet/uploader": "^0.0.34",
+    "@arcblock/icons": "^2.8.11",
+    "@arcblock/nft-display": "2.8.11",
+    "@arcblock/react-hooks": "^2.8.11",
+    "@arcblock/terminal": "^2.8.11",
+    "@arcblock/ux": "^2.8.11",
+    "@blocklet/constant": "1.16.18-beta-bb4ebacc",
+    "@blocklet/launcher-layout": "2.2.28",
+    "@blocklet/list": "^0.12.51",
+    "@blocklet/meta": "1.16.18-beta-bb4ebacc",
+    "@blocklet/ui-react": "^2.8.11",
+    "@blocklet/uploader": "^0.0.35",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
     "@iconify/react": "^4.0.0",
@@ -79,7 +79,7 @@
     "react-dnd": "11.1.3",
     "react-dnd-html5-backend": "11.1.3",
     "react-error-boundary": "^3.1.4",
-    "react-hook-form": "^7.39.3",
+    "react-hook-form": "^7.48.2",
     "react-iframe": "^1.8.5",
     "react-placeholder": "^4.1.0",
     "react-router-dom": "^6.4.2",
@@ -100,7 +100,7 @@
     "babel-plugin-inline-react-svg": "^1.1.2",
     "glob": "^10.3.3"
   },
-  "gitHead": "2bfa63d05ad290f13eee359661e4175b857d9f9d",
+  "gitHead": "aca7ff8eb508ecf586108b99a9e07ceab2a62430",
   "exports": {
     ".": {
       "import": "./es/index.js",