dtable-ui-component 6.0.91 → 6.0.93

package/lib/toaster/toast.js

@@ -8,6 +8,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Transition = _interopRequireDefault(require("react-transition-group/Transition"));
 var _alert = _interopRequireDefault(require("./alert"));
+var _jsxRuntime = require("react/jsx-runtime");
 const ANIMATION_DURATION = 240;
 class Toast extends _react.default.PureComponent {
   constructor() {
@@ -75,33 +76,36 @@ class Toast extends _react.default.PureComponent {
     this.clearCloseTimer();
   }
   render() {
-    return /*#__PURE__*/_react.default.createElement(_Transition.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Transition.default, {
       appear: true,
       unmountOnExit: true,
       timeout: ANIMATION_DURATION,
       in: this.state.isShown,
-      onExited: this.props.onRemove
-    }, state => /*#__PURE__*/_react.default.createElement("div", {
-      "data-state": state,
-      className: "dtable-toast-container ".concat(state),
-      onMouseEnter: this.handleMouseEnter,
-      onMouseLeave: this.handleMouseLeave,
-      style: {
-        zIndex: this.props.zIndex
-      },
-      ref: this.containerRef
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      ref: this.onRef,
-      style: {
-        padding: 8
-      }
-    }, /*#__PURE__*/_react.default.createElement(_alert.default, {
-      intent: this.props.intent,
-      title: this.props.title,
-      children: this.props.children || '',
-      isRemovable: this.props.hasCloseButton,
-      onRemove: event => this.close(event)
-    }))));
+      onExited: this.props.onRemove,
+      children: state => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        "data-state": state,
+        className: `dtable-toast-container ${state}`,
+        onMouseEnter: this.handleMouseEnter,
+        onMouseLeave: this.handleMouseLeave,
+        style: {
+          zIndex: this.props.zIndex
+        },
+        ref: this.containerRef,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          ref: this.onRef,
+          style: {
+            padding: 8
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_alert.default, {
+            intent: this.props.intent,
+            title: this.props.title,
+            children: this.props.children || '',
+            isRemovable: this.props.hasCloseButton,
+            onRemove: event => this.close(event)
+          })
+        })
+      })
+    });
   }
 }
 exports.default = Toast;

package/lib/toaster/toastManager.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _toast = _interopRequireDefault(require("./toast"));
+var _jsxRuntime = require("react/jsx-runtime");
 const hasCustomId = settings => Object.hasOwnProperty.call(settings, 'id');
 class ToastManager extends _react.default.PureComponent {
   constructor(props, context) {
@@ -37,7 +38,7 @@ class ToastManager extends _react.default.PureComponent {
     };
     this.createToastInstance = (title, settings) => {
       const uniqueId = ++ToastManager.idCounter;
-      const id = hasCustomId(settings) ? "".concat(settings.id, "-").concat(uniqueId) : uniqueId;
+      const id = hasCustomId(settings) ? `${settings.id}-${uniqueId}` : uniqueId;
       let hasCloseButton = settings.hasCloseButton || true;
       let duration = settings.duration || 2;
       if (settings.hasCloseButton !== undefined) {
@@ -90,19 +91,21 @@ class ToastManager extends _react.default.PureComponent {
     };
   }
   render() {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-toast-manager"
-    }, this.state.toasts.map(_ref => {
-      let {
-        id,
-        description,
-        ...props
-      } = _ref;
-      return /*#__PURE__*/_react.default.createElement(_toast.default, Object.assign({
-        key: id,
-        onRemove: () => this.removeToast(id)
-      }, props), description);
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "dtable-toast-manager",
+      children: this.state.toasts.map(_ref => {
+        let {
+          id,
+          description,
+          ...props
+        } = _ref;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_toast.default, {
+          onRemove: () => this.removeToast(id),
+          ...props,
+          children: description
+        }, id);
+      })
+    });
   }
 }
 exports.default = ToastManager;

package/lib/toaster/toaster.js

@@ -9,6 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _client = require("react-dom/client");
 var _toastManager = _interopRequireDefault(require("./toastManager"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 const isBrowser = typeof window !== 'undefined' && typeof window.document !== 'undefined';
 
 /**
@@ -62,11 +63,13 @@ class Toaster {
       });
     };
     if (!isBrowser) return;
+    let toastContainer = document.querySelector('.dtable-toast-manager');
+    if (toastContainer) return;
     const container = document.createElement('div');
     container.setAttribute('data-evergreen-toaster-container', '');
     document.body.appendChild(container);
     const root = (0, _client.createRoot)(container);
-    root.render( /*#__PURE__*/_react.default.createElement(_toastManager.default, {
+    root.render(/*#__PURE__*/(0, _jsxRuntime.jsx)(_toastManager.default, {
       bindNotify: this._bindNotify,
       bindGetToasts: this._bindGetToasts,
       bindCloseAll: this._bindCloseAll

package/lib/utils/class.js

@@ -11,14 +11,14 @@ function hasClass(node, className) {
     return node.classList.contains(className);
   }
   const originClass = node.className;
-  return " ".concat(originClass, " ").indexOf(" ".concat(className, " ")) > -1;
+  return ` ${originClass} `.indexOf(` ${className} `) > -1;
 }
 function addClass(node, className) {
   if (node.classList) {
     node.classList.add(className);
   } else {
     if (!hasClass(node, className)) {
-      node.className = "".concat(node.className, " ").concat(className);
+      node.className = `${node.className} ${className}`;
     }
   }
 }
@@ -28,7 +28,7 @@ function removeClass(node, className) {
   } else {
     if (hasClass(node, className)) {
       const originClass = node.className;
-      node.className = " ".concat(originClass, " ").replace(" ".concat(className, " "), '');
+      node.className = ` ${originClass} `.replace(` ${className} `, '');
     }
   }
 }

package/lib/utils/object-utils.js

@@ -17,7 +17,7 @@ class ObjectUtils {
   }
   static isObjectChanged(source, comparison) {
     if (!this.iterable(source)) {
-      throw new Error("source should be a Object or Array , but got ".concat(this.getDataType(source)));
+      throw new Error(`source should be a Object or Array , but got ${this.getDataType(source)}`);
     }
     if (this.getDataType(source) !== this.getDataType(comparison)) {
       return true;

package/lib/utils/url.js

@@ -80,9 +80,9 @@ const generateCurrentBaseImageThumbnailUrl = _ref => {
   } = _ref;
   const validServer = server || ((_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.dtable) && window.dtable.server || '';
   if (!partUrl || typeof partUrl !== 'string') return '';
-  let url = "".concat(validServer, "/thumbnail/workspace/").concat(workspaceID, "/asset/").concat(dtableUuid).concat(partUrl);
-  if (url.indexOf('?') > -1) return "".concat(url, "&size=").concat(size);
-  return "".concat(url, "?size=").concat(size);
+  let url = `${validServer}/thumbnail/workspace/${workspaceID}/asset/${dtableUuid}${partUrl}`;
+  if (url.indexOf('?') > -1) return `${url}&size=${size}`;
+  return `${url}?size=${size}`;
 };
 exports.generateCurrentBaseImageThumbnailUrl = generateCurrentBaseImageThumbnailUrl;
 const generateCurrentBaseImageUrl = _ref2 => {
@@ -96,7 +96,7 @@ const generateCurrentBaseImageUrl = _ref2 => {
   if (!partUrl || typeof partUrl !== 'string') return '';
   if (partUrl.startsWith('http')) return partUrl;
   const validServer = server || ((_window3 = window) === null || _window3 === void 0 ? void 0 : _window3.dtable) && window.dtable.server || '';
-  return "".concat(validServer, "/workspace/").concat(workspaceID, "/asset/").concat(dtableUuid).concat(partUrl);
+  return `${validServer}/workspace/${workspaceID}/asset/${dtableUuid}${partUrl}`;
 };
 exports.generateCurrentBaseImageUrl = generateCurrentBaseImageUrl;
 const getImageThumbnailUrl = function (url) {

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "dtable-ui-component",
-  "version": "6.0.91",
+  "version": "6.0.93",
   "main": "./lib/index.js",
   "dependencies": {
     "@seafile/react-image-lightbox": "4.0.2",
     "@seafile/seafile-calendar": "0.0.31",
     "@seafile/seafile-editor": "~2.0.14",
-    "classnames": "2.3.2",
+    "classnames": "~2.5.*",
     "dayjs": "1.10.7",
     "dtable-utils": "~5.0.22",
     "is-hotkey": "0.2.0",
@@ -67,32 +67,21 @@
   "devDependencies": {
     "@babel/cli": "7.22.15",
     "@babel/core": "^7.16.0",
-    "@babel/eslint-parser": "^7.16.3",
     "@babel/plugin-proposal-private-property-in-object": "7.21.11",
     "@babel/plugin-transform-runtime": "7.22.10",
-    "@babel/polyfill": "^7.10.1",
-    "@babel/preset-env": "^7.9.5",
     "@babel/runtime": "7.27.6",
-    "@cfaester/enzyme-adapter-react-18": "0.8.0",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
-    "@storybook/addon-actions": "8.6.12",
-    "@storybook/addon-controls": "8.6.12",
-    "@storybook/addon-docs": "8.6.12",
-    "@storybook/addon-essentials": "8.6.12",
-    "@storybook/addon-interactions": "8.6.12",
-    "@storybook/addon-links": "8.6.12",
-    "@storybook/addon-onboarding": "8.6.12",
-    "@storybook/blocks": "8.6.12",
-    "@storybook/preset-create-react-app": "8.6.12",
-    "@storybook/react": "8.6.12",
-    "@storybook/react-webpack5": "8.6.12",
-    "@storybook/test": "8.6.12",
+    "@storybook/addon-docs": "^9.1.0",
+    "@storybook/addon-onboarding": "^9.1.0",
+    "@storybook/addon-webpack5-compiler-swc": "^3.0.0",
+    "@storybook/react-webpack5": "^9.1.0",
     "@svgr/webpack": "8.1.0",
-    "@testing-library/jest-dom": "5.17.0",
-    "@testing-library/react": "^11.1.0",
+    "@testing-library/jest-dom": "^5.17.0",
+    "@testing-library/react": "^14.3.1",
     "@testing-library/user-event": "13.5.0",
     "@types/jest": "^29.5.10",
     "autoprefixer": "10.4.5",
+    "babel-eslint": "10.0.1",
     "babel-jest": "^27.4.2",
     "babel-loader": "^8.2.3",
     "babel-plugin-import": "^1.13.6",
@@ -107,17 +96,13 @@
     "css-minimizer-webpack-plugin": "^3.2.0",
     "dotenv": "^10.0.0",
     "dotenv-expand": "^5.1.0",
-    "enzyme": "^3.11.0",
     "eslint": "^8.3.0",
     "eslint-config-react-app": "^7.0.1",
-    "eslint-plugin-storybook": "0.8.0",
+    "eslint-plugin-storybook": "^9.1.0",
     "eslint-webpack-plugin": "^3.1.1",
     "file-loader": "^6.2.0",
     "fs-extra": "^10.0.0",
     "html-webpack-plugin": "^5.5.0",
-    "i18next": "22.4.9",
-    "i18next-browser-languagedetector": "7.0.1",
-    "i18next-xhr-backend": "3.2.2",
     "identity-obj-proxy": "3.0.0",
     "jest": "^27.4.3",
     "jest-resolve": "^27.4.2",
@@ -127,7 +112,7 @@
     "mini-css-extract-plugin": "^2.4.5",
     "node-polyfill-webpack-plugin": "2.0.1",
     "path-browserify": "^1.0.1",
-    "postcss": "^8.4.31",
+    "postcss": "^8.5.3",
     "postcss-flexbugs-fixes": "^5.0.2",
     "postcss-loader": "^6.2.1",
     "postcss-normalize": "^10.0.1",
@@ -138,15 +123,14 @@
     "react-app-polyfill": "^3.0.0",
     "react-dev-utils": "^12.0.1",
     "react-dom": "18.3.1",
-    "react-element-to-jsx-string": "15.0.0",
-    "react-i18next": "12.1.4",
+    "react-i18next": "^15.5.2",
     "react-refresh": "^0.11.0",
     "resolve": "^1.20.0",
     "resolve-url-loader": "^5.0.0",
     "sass-loader": "^12.3.0",
     "semver": "^7.3.5",
     "source-map-loader": "^3.0.0",
-    "storybook": "8.6.12",
+    "storybook": "^9.1.0",
     "style-loader": "^3.3.1",
     "tailwindcss": "^3.0.2",
     "terser-webpack-plugin": "^5.2.5",