@seafile/sdoc-editor 0.3.7 → 0.3.8

package/dist/components/toast/alert.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { css } from 'glamor';
+import { css } from 'goober';
 class Alert extends React.PureComponent {
   constructor(props) {
     super(props);
@@ -104,11 +104,13 @@ class Alert extends React.PureComponent {
   }
   render() {
     const toastStyle = this.getContainerStyle(this.props.intent);
-    return /*#__PURE__*/React.createElement("div", css(toastStyle.borderStyle, this.containerStyle), /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "".concat(toastStyle.borderStyle, " ").concat(this.containerStyle)
+    }, /*#__PURE__*/React.createElement("div", {
       className: this.toastIcon
-    }, /*#__PURE__*/React.createElement("i", Object.assign({
-      className: toastStyle.iconClass
-    }, toastStyle.iconColor))), /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React.createElement("i", {
+      className: "".concat(toastStyle.iconColor, " ").concat(toastStyle.iconClass)
+    })), /*#__PURE__*/React.createElement("div", {
       className: this.toastTextContainer
     }, /*#__PURE__*/React.createElement("p", {
       className: this.toastTextTitle

package/dist/components/toast/toast.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { css } from 'glamor';
+import { css, keyframes } from 'goober';
 import Transition from 'react-transition-group/Transition';
 import Alert from './alert';
 const animationEasing = {
@@ -8,7 +8,7 @@ const animationEasing = {
   spring: 'cubic-bezier(0.175, 0.885, 0.320, 1.175)'
 };
 const ANIMATION_DURATION = 240;
-const openAnimation = css.keyframes('openAnimation', {
+const openAnimation = keyframes('openAnimation', {
   from: {
     opacity: 0,
     transform: 'translateY(-120%)'
@@ -17,7 +17,7 @@ const openAnimation = css.keyframes('openAnimation', {
     transform: 'translateY(0)'
   }
 });
-const closeAnimation = css.keyframes('closeAnimation', {
+const closeAnimation = keyframes('closeAnimation', {
   from: {
     transform: 'scale(1)',
     opacity: 1

package/dist/components/toast/toastManager.js

@@ -2,10 +2,10 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 const _excluded = ["id", "description"];
 import React from 'react';
-import { css } from 'glamor';
+import { css } from 'goober';
 import Toast from './toast';
 const wrapperClass = css({
-  maxWidth: 560,
+  maxWidth: '560px',
   margin: '0 auto',
   top: 0,
   left: 0,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "0.3.7",
+  "version": "0.3.8",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",
@@ -15,6 +15,7 @@
     "copy-to-clipboard": "^3.3.3",
     "dayjs": "1.11.2",
     "deep-copy": "1.4.2",
+    "goober": "2.1.13",
     "is-hotkey": "0.2.0",
     "is-url": "^1.2.4",
     "lodash.throttle": "4.1.1",
@@ -91,7 +92,6 @@
     "eslint-plugin-react-hooks": "^1.6.1",
     "file-loader": "6.2.0",
     "fs-extra": "7.0.1",
-    "glamor": "2.20.40",
     "html-webpack-plugin": "^4.0.0-beta.5",
     "husky": "8.0.3",
     "i18next": "22.4.9",
@@ -113,7 +113,7 @@
     "postcss-loader": "^6.2.1",
     "postcss-normalize": "^10.0.1",
     "postcss-preset-env": "^7.0.1",
-    "postcss-safe-parser": "^7.0.0",
+    "postcss-safe-parser": "^6.0.0",
     "prettier": "3.1.0",
     "prop-types": "15.8.1",
     "raf": "3.4.0",