@abtnode/ux 1.7.26 → 1.8.1

package/lib/schema-form/text-input.js

@@ -0,0 +1,87 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = TextInput;
+
+var _react = require("react");
+
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+
+var _commonPropTypes = _interopRequireDefault(require("./common-prop-types"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+const _excluded = ["editing", "description", "value", "onChange", "componentProps"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function TextInput(_ref) {
+  let {
+    editing,
+    description,
+    value,
+    onChange,
+    componentProps
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  const {
+    placeholder
+  } = componentProps;
+  const inputValue = (0, _react.useRef)(value); // enter keydown
+
+  const handleKeydown = e => {
+    if (e.key === 'Enter') {
+      onChange(inputValue.current);
+    }
+  };
+
+  const onInputChange = changeValue => {
+    inputValue.current = changeValue;
+    onChange(changeValue);
+  };
+
+  if (editing) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, _objectSpread({
+      style: {
+        flex: 1
+      },
+      fullWidth: true,
+      value: value,
+      onChange: e => {
+        e.persist();
+        onInputChange(e.target.value);
+      },
+      autoFocus: true,
+      size: "small",
+      variant: "outlined",
+      placeholder: description || placeholder,
+      onKeyDown: handleKeydown
+    }, rest));
+  }
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+    px: 1,
+    className: "form-item-input slot",
+    children: value
+  });
+}
+
+TextInput.propTypes = _commonPropTypes.default;
+TextInput.defaultProps = {
+  componentProps: {}
+};

package/lib/toast.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ToastProvider = ToastProvider;
 exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = require("react");
 
 var _notistack = require("notistack");
 
@@ -14,6 +14,8 @@ var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 
 var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 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; }
@@ -41,31 +43,32 @@ function ToastProvider(_ref) {
   let {
     children
   } = _ref;
-
-  const notistackRef = /*#__PURE__*/_react.default.createRef();
+  const notistackRef = /*#__PURE__*/(0, _react.createRef)();
 
   const onClickDismiss = key => () => {
     notistackRef.current.closeSnackbar(key);
   };
 
-  return /*#__PURE__*/_react.default.createElement(_notistack.SnackbarProvider, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_notistack.SnackbarProvider, {
     anchorOrigin: {
       vertical: 'top',
       horizontal: 'right'
     },
-    ref: notistackRef,
-    action: key => /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-      key: "close",
+    ref: notistackRef // eslint-disable-next-line react/no-unstable-nested-components
+    ,
+    action: key => /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
       "aria-label": "close",
       color: "inherit",
       onClick: onClickDismiss(key),
-      size: "large"
-    }, /*#__PURE__*/_react.default.createElement(_Close.default, {
-      style: {
-        fontSize: 16
-      }
-    }))
-  }, /*#__PURE__*/_react.default.createElement(Toast, null), children);
+      size: "large",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Close.default, {
+        style: {
+          fontSize: 16
+        }
+      })
+    }, "close"),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Toast, {}), children]
+  });
 }
 
 function Toast() {

package/lib/util/index.js

@@ -17,6 +17,7 @@ var _dayjs = _interopRequireDefault(require("dayjs"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function sleep(t) {
+  // eslint-disable-next-line no-promise-executor-return
   return new Promise(resolve => setTimeout(resolve, t));
 }
 
@@ -50,7 +51,7 @@ exports.validateDomain = validateDomain;
 
 function getAccessUrl(hostname) {
   let path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  let params = arguments.length > 2 ? arguments[2] : undefined;
+  let params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
 
   if (!hostname) {
     return '';

package/lib/wrap-locale.js

@@ -5,19 +5,23 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = wrapLocale;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _context = require("@arcblock/ux/lib/Locale/context");
 
 var _locales = require("./locales");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _jsxRuntime = require("react/jsx-runtime");
+
+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; }
 
-/* eslint-disable react/jsx-props-no-spreading */
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-/* eslint-disable import/no-extraneous-dependencies */
 function wrapLocale(Component) {
-  return props => /*#__PURE__*/_react.default.createElement(_context.LocaleProvider, {
-    translations: _locales.translations
-  }, /*#__PURE__*/_react.default.createElement(Component, props));
+  return function LocaleWrapper(props) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.LocaleProvider, {
+      translations: _locales.translations,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, _objectSpread({}, props))
+    });
+  };
 }

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.7.26",
+  "version": "1.8.1",
   "description": "UX components shared across abtnode packages",
   "main": "lib/index.js",
   "files": [
@@ -21,11 +21,12 @@
   "author": "linchen <linchen1987@foxmail.com> (http://github.com/linchen1987)",
   "license": "MIT",
   "dependencies": {
-    "@abtnode/auth": "1.7.26",
-    "@abtnode/constant": "1.7.26",
-    "@arcblock/did-connect": "^2.1.34",
-    "@arcblock/ux": "^2.1.34",
-    "@blocklet/meta": "1.7.26",
+    "@abtnode/auth": "1.8.1",
+    "@abtnode/constant": "1.8.1",
+    "@arcblock/did-connect": "^2.1.51",
+    "@arcblock/icons": "^2.1.51",
+    "@arcblock/ux": "^2.1.51",
+    "@blocklet/meta": "1.8.1",
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
     "@mui/icons-material": "^5.6.2",
@@ -36,6 +37,7 @@
     "notistack": "2.0.5",
     "prop-types": "^15.7.2",
     "react": "^18.1.0",
+    "react-color": "^2.19.3",
     "react-router-dom": "^5.1.2",
     "react-use": "^17.3.2",
     "styled-components": "^5.0.1"
@@ -49,5 +51,5 @@
     "babel-plugin-inline-react-svg": "^1.1.1",
     "babel-plugin-styled-components": "^1.10.7"
   },
-  "gitHead": "b7ef9b4ddb18f7a0c3898177fe06d9cefe966566"
+  "gitHead": "c970b8a386bebd7fe6dbc8b8eedf8bd8328b4bb5"
 }