goodteditor-ui 1.0.21 → 1.0.24

package/package.json

@@ -1,17 +1,14 @@
 {
     "name": "goodteditor-ui",
-    "version": "1.0.21",
+    "version": "1.0.24",
     "main": "index.js",
     "homepage": "https://goodt-ui.netlify.app/",
     "scripts": {
-        "serve": "vue-cli-service serve",
-        "build": "vue-cli-service build",
-        "lint": "vue-cli-service lint",
-        "dev": "vue-styleguidist server",
-        "docs:build": "set NODE_ENV=development && vue-styleguidist build",
-        "docs:deploy": "npx netlify deploy --dir=docs --prod",
-        "notify": "node ./ci/teams-notify.js",
-        "publish": "npm run docs:build && npm run docs:deploy && npm run notify"
+        "serve": "npx vue-styleguidist server",
+        "build": "npx vue-styleguidist build",
+        "dev": "vue-cli-service serve",
+        "docs:build": "set NODE_ENV=development && npm run build",
+        "docs:deploy": "npx netlify deploy --dir=docs --prod"
     },
     "dependencies": {
         "@popperjs/core": "2.11.2",

package/src/components/ui/Avatar.vue

@@ -151,8 +151,11 @@ export default {
         },
     },
     watch: {
-        src() {
-            this.state = State.LOADING;
+        src: {
+            handler(val) {
+                this.state = val ? State.LOADING : State.ERROR;
+            },
+            immediate: true,
         },
     },
     methods: {

package/src/components/ui/Tooltip.md

@@ -52,63 +52,3 @@ export default {
 };
 </script>
 ```
-
-Advanced example. Using cursor tracking
-
-```vue
-<template>
-    <div class="pos-rel pad-l5">
-        <ui-tooltip v-bind="options">
-            <template #target="{ binds }">
-                <div
-                    ref="target"
-                    class="pad-l2 bg-green color-white radius text-center"
-                    v-bind="binds"
-                >
-                    hover me
-                </div>
-            </template>
-            <div>
-                I follow the cursor everywhere
-            </div>
-        </ui-tooltip>
-    </div>
-</template>
-<script>
-import UiTooltip from './Tooltip.vue';
-export default {
-    components: { UiTooltip },
-    data() {
-        return {
-            options: {
-                show: false,
-                shouldFollowCursor: true,
-                cursorCoordinates: [0, 0]
-            }
-        };
-    },
-    mounted() {
-        this.$refs.target.addEventListener('mouseover', this.showTooltip);
-        this.$refs.target.addEventListener('mousemove', this.changeTooltipCoords);
-        this.$refs.target.addEventListener('mouseleave', this.hideTooltip);
-    },
-    beforeDestroy() {
-        this.$refs.target.removeEventListener('mouseover', this.showTooltip);
-        this.$refs.target.removeEventListener('mousemove', this.changeTooltipCoords);
-        this.$refs.target.removeEventListener('mouseleave', this.hideTooltip);
-
-    },
-    methods: {
-        showTooltip() {
-            this.options.show = true;
-        },
-        hideTooltip() {
-            this.options.show = false;
-        },
-        changeTooltipCoords({ clientX: x, clientY: y }) {
-            this.options.cursorCoordinates = [x, y];
-        }
-    }
-};
-</script>
-```

package/src/components/ui/WysiwygEditor/extensions/bullet-list.js

@@ -5,7 +5,7 @@ export const BulletList = BulletListToExtend.extend({
         return {
             ...this.parent?.(),
             class: {
-                default: null
+                default: 'list-outside'
             },
             style: {
                 default: null

package/src/components/ui/WysiwygEditor/extensions/ordered-list.js

@@ -5,7 +5,7 @@ export const OrderedList = OrderedListToExtend.extend({
         return {
             ...this.parent?.(),
             class: {
-                default: null
+                default: 'list-outside'
             },
             style: {
                 default: null

package/src/components/ui/WysiwygEditor.vue

@@ -262,10 +262,5 @@ export default {
     & .ProseMirror-selectednode {
         outline: 2px solid var(--color-focus);
     }
-
-    li > p {
-        display: inline-block;
-        margin: 0;
-    }
 }
 </style>

package/src/components/ui/utils/WithPopover.js

@@ -42,20 +42,6 @@ export default {
         autoWidth: {
             type: Boolean,
             default: false,
-        },
-        /**
-         * Should follow the cursor
-         */
-        shouldFollowCursor: {
-            type: Boolean,
-            default: false
-        },
-        /**
-         * Cursor coordinates [ x, y ]
-         */
-        cursorCoordinates: {
-            type: Array,
-            default: () => [0, 0]
         }
     },
     data() {
@@ -75,9 +61,7 @@ export default {
                 position,
                 positionOffset,
                 autoWidth,
-                popoverTarget: target,
-                shouldFollowCursor,
-                cursorCoordinates
+                popoverTarget: target
             } = this;
             return {
                 zIndex,
@@ -85,9 +69,7 @@ export default {
                 position,
                 positionOffset,
                 autoWidth,
-                target,
-                shouldFollowCursor,
-                cursorCoordinates
+                target
             };
         },
     },