@knotx/plugins-bounding 0.4.1 → 0.4.2

package/dist/index.cjs

@@ -143,7 +143,7 @@ class Bounding extends (_a = core.BasePlugin, _nodes_dec = [decorators.inject.no
     __publicField(this, "getResizeHandleAttributes", __runInitializers(_init, 28, this, (nodeId, position) => {
       return {
         "className": this.resizeHandleClassName,
-        "data-plugin-id": this.pluginId,
+        [`data-${this.pluginId}`]: "",
         "data-resize-target": nodeId,
         "data-resize-handle-position": position
       };
@@ -194,7 +194,7 @@ class Bounding extends (_a = core.BasePlugin, _nodes_dec = [decorators.inject.no
       });
     };
     if ((_g = this.config.features) == null ? void 0 : _g.resize) {
-      const currentInteractable = interact__default(`[data-plugin-id="${this.pluginId}"].${this.resizeHandleClassName}`).resizable({
+      const currentInteractable = interact__default(`[data-${this.pluginId}].${this.resizeHandleClassName}`).resizable({
         edges: { left: true, right: true, bottom: true, top: true },
         inertia: (_h = this.config.resize) == null ? void 0 : _h.inertia,
         cursorChecker: (_action, _interactable, element) => {
@@ -304,7 +304,7 @@ class Bounding extends (_a = core.BasePlugin, _nodes_dec = [decorators.inject.no
         resizeEnd$.complete();
       });
       if ((_i = this.config.features) == null ? void 0 : _i.boundingBox) {
-        const boundingInteractable = interact__default(`[data-plugin-id="${this.pluginId}"].${this.boundingBoxClassName}`).resizable({
+        const boundingInteractable = interact__default(`[data-${this.pluginId}].${this.boundingBoxClassName}`).resizable({
           enabled: (_j = this.config.features) == null ? void 0 : _j.resize,
           edges: { left: true, right: true, bottom: true, top: true },
           inertia: (_k = this.config.resize) == null ? void 0 : _k.inertia,
@@ -332,7 +332,6 @@ class Bounding extends (_a = core.BasePlugin, _nodes_dec = [decorators.inject.no
   render() {
     var _a2;
     const nodes = core.use(() => this.nodes);
-    const pluginId = this.pluginId;
     const nodesType = (_a2 = this.config.resize) == null ? void 0 : _a2.nodesType;
     return /* @__PURE__ */ jsxRuntime.jsx(
       "svg",
@@ -359,9 +358,8 @@ class Bounding extends (_a = core.BasePlugin, _nodes_dec = [decorators.inject.no
           return /* @__PURE__ */ jsxRuntime.jsxs("g", { style: { pointerEvents: "auto" }, children: [
             ((_m = this.config.features) == null ? void 0 : _m.boundingBox) && /* @__PURE__ */ jsxRuntime.jsx(
               "rect",
-              {
+              __spreadValues({
                 className: this.boundingBoxClassName,
-                "data-plugin-id": this.pluginId,
                 "data-resize-target": node.id,
                 x,
                 y,
@@ -371,7 +369,7 @@ class Bounding extends (_a = core.BasePlugin, _nodes_dec = [decorators.inject.no
                 stroke: (_o = (_n = this.config.styles) == null ? void 0 : _n.boundingBox) == null ? void 0 : _o.stroke,
                 strokeWidth: (_q = (_p = this.config.styles) == null ? void 0 : _p.boundingBox) == null ? void 0 : _q.strokeWidth,
                 style: { pointerEvents: "auto" }
-              }
+              }, { [`data-${this.pluginId}`]: "" })
             ),
             ((_r = this.config.features) == null ? void 0 : _r.resize) && ((_t = (_s = this.config.resize) == null ? void 0 : _s.handles) == null ? void 0 : _t.map((position, index) => {
               let handleX = x;
@@ -423,9 +421,8 @@ class Bounding extends (_a = core.BasePlugin, _nodes_dec = [decorators.inject.no
                 handleY = y;
               return /* @__PURE__ */ jsxRuntime.jsx("g", { children: /* @__PURE__ */ jsxRuntime.jsx(
                 "circle",
-                {
+                __spreadValues({
                   className: this.connectHandleClassName,
-                  "data-plugin-id": pluginId,
                   "data-handle-target": node.id,
                   cx: handleX,
                   cy: handleY,
@@ -433,7 +430,7 @@ class Bounding extends (_a = core.BasePlugin, _nodes_dec = [decorators.inject.no
                   fill: connectStyles == null ? void 0 : connectStyles.fill,
                   stroke: connectStyles == null ? void 0 : connectStyles.stroke,
                   strokeWidth: connectStyles == null ? void 0 : connectStyles.strokeWidth
-                }
+                }, { [`data-${this.pluginId}`]: "" })
               ) }, `connect-${index}`);
             })
           ] }, node.id);

package/dist/index.d.cts

@@ -90,8 +90,8 @@ declare class Bounding extends BasePlugin<'bounding', BoundingConfig> {
     private connectHandleClassName;
     private boundingBoxClassName;
     getResizeHandleAttributes: (nodeId: string, position: string) => {
+        [x: string]: string;
         className: string;
-        'data-plugin-id': string;
         'data-resize-target': string;
         'data-resize-handle-position': string;
     };

package/dist/index.d.mts

@@ -90,8 +90,8 @@ declare class Bounding extends BasePlugin<'bounding', BoundingConfig> {
     private connectHandleClassName;
     private boundingBoxClassName;
     getResizeHandleAttributes: (nodeId: string, position: string) => {
+        [x: string]: string;
         className: string;
-        'data-plugin-id': string;
         'data-resize-target': string;
         'data-resize-handle-position': string;
     };

package/dist/index.d.ts

@@ -90,8 +90,8 @@ declare class Bounding extends BasePlugin<'bounding', BoundingConfig> {
     private connectHandleClassName;
     private boundingBoxClassName;
     getResizeHandleAttributes: (nodeId: string, position: string) => {
+        [x: string]: string;
         className: string;
-        'data-plugin-id': string;
         'data-resize-target': string;
         'data-resize-handle-position': string;
     };

package/dist/index.js

@@ -137,7 +137,7 @@ class Bounding extends (_a = BasePlugin, _nodes_dec = [inject.nodes()], _getNode
     __publicField(this, "getResizeHandleAttributes", __runInitializers(_init, 28, this, (nodeId, position) => {
       return {
         "className": this.resizeHandleClassName,
-        "data-plugin-id": this.pluginId,
+        [`data-${this.pluginId}`]: "",
         "data-resize-target": nodeId,
         "data-resize-handle-position": position
       };
@@ -188,7 +188,7 @@ class Bounding extends (_a = BasePlugin, _nodes_dec = [inject.nodes()], _getNode
       });
     };
     if ((_g = this.config.features) == null ? void 0 : _g.resize) {
-      const currentInteractable = interact(`[data-plugin-id="${this.pluginId}"].${this.resizeHandleClassName}`).resizable({
+      const currentInteractable = interact(`[data-${this.pluginId}].${this.resizeHandleClassName}`).resizable({
         edges: { left: true, right: true, bottom: true, top: true },
         inertia: (_h = this.config.resize) == null ? void 0 : _h.inertia,
         cursorChecker: (_action, _interactable, element) => {
@@ -298,7 +298,7 @@ class Bounding extends (_a = BasePlugin, _nodes_dec = [inject.nodes()], _getNode
         resizeEnd$.complete();
       });
       if ((_i = this.config.features) == null ? void 0 : _i.boundingBox) {
-        const boundingInteractable = interact(`[data-plugin-id="${this.pluginId}"].${this.boundingBoxClassName}`).resizable({
+        const boundingInteractable = interact(`[data-${this.pluginId}].${this.boundingBoxClassName}`).resizable({
           enabled: (_j = this.config.features) == null ? void 0 : _j.resize,
           edges: { left: true, right: true, bottom: true, top: true },
           inertia: (_k = this.config.resize) == null ? void 0 : _k.inertia,
@@ -326,7 +326,6 @@ class Bounding extends (_a = BasePlugin, _nodes_dec = [inject.nodes()], _getNode
   render() {
     var _a2;
     const nodes = use(() => this.nodes);
-    const pluginId = this.pluginId;
     const nodesType = (_a2 = this.config.resize) == null ? void 0 : _a2.nodesType;
     return /* @__PURE__ */ jsx(
       "svg",
@@ -353,9 +352,8 @@ class Bounding extends (_a = BasePlugin, _nodes_dec = [inject.nodes()], _getNode
           return /* @__PURE__ */ jsxs("g", { style: { pointerEvents: "auto" }, children: [
             ((_m = this.config.features) == null ? void 0 : _m.boundingBox) && /* @__PURE__ */ jsx(
               "rect",
-              {
+              __spreadValues({
                 className: this.boundingBoxClassName,
-                "data-plugin-id": this.pluginId,
                 "data-resize-target": node.id,
                 x,
                 y,
@@ -365,7 +363,7 @@ class Bounding extends (_a = BasePlugin, _nodes_dec = [inject.nodes()], _getNode
                 stroke: (_o = (_n = this.config.styles) == null ? void 0 : _n.boundingBox) == null ? void 0 : _o.stroke,
                 strokeWidth: (_q = (_p = this.config.styles) == null ? void 0 : _p.boundingBox) == null ? void 0 : _q.strokeWidth,
                 style: { pointerEvents: "auto" }
-              }
+              }, { [`data-${this.pluginId}`]: "" })
             ),
             ((_r = this.config.features) == null ? void 0 : _r.resize) && ((_t = (_s = this.config.resize) == null ? void 0 : _s.handles) == null ? void 0 : _t.map((position, index) => {
               let handleX = x;
@@ -417,9 +415,8 @@ class Bounding extends (_a = BasePlugin, _nodes_dec = [inject.nodes()], _getNode
                 handleY = y;
               return /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx(
                 "circle",
-                {
+                __spreadValues({
                   className: this.connectHandleClassName,
-                  "data-plugin-id": pluginId,
                   "data-handle-target": node.id,
                   cx: handleX,
                   cy: handleY,
@@ -427,7 +424,7 @@ class Bounding extends (_a = BasePlugin, _nodes_dec = [inject.nodes()], _getNode
                   fill: connectStyles == null ? void 0 : connectStyles.fill,
                   stroke: connectStyles == null ? void 0 : connectStyles.stroke,
                   strokeWidth: connectStyles == null ? void 0 : connectStyles.strokeWidth
-                }
+                }, { [`data-${this.pluginId}`]: "" })
               ) }, `connect-${index}`);
             })
           ] }, node.id);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knotx/plugins-bounding",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "description": "Bounding Plugin for Knotx",
   "author": "boenfu",
   "license": "MIT",
@@ -28,8 +28,8 @@
     "dist"
   ],
   "peerDependencies": {
-    "@knotx/jsx": "0.4.1",
-    "@knotx/plugins-canvas": "0.4.1"
+    "@knotx/jsx": "0.4.2",
+    "@knotx/plugins-canvas": "0.4.2"
   },
   "dependencies": {
     "@interactjs/actions": "^1.10.27",
@@ -38,16 +38,16 @@
     "@interactjs/types": "^1.10.27",
     "interactjs": "^1.10.27",
     "rxjs": "^7.8.1",
-    "@knotx/core": "0.4.1",
-    "@knotx/decorators": "0.4.1",
-    "@knotx/render": "0.4.1"
+    "@knotx/core": "0.4.2",
+    "@knotx/decorators": "0.4.2",
+    "@knotx/render": "0.4.2"
   },
   "devDependencies": {
-    "@knotx/build-config": "0.4.1",
-    "@knotx/eslint-config": "0.4.1",
-    "@knotx/jsx": "0.4.1",
-    "@knotx/plugins-canvas": "0.4.1",
-    "@knotx/typescript-config": "0.4.1"
+    "@knotx/build-config": "0.4.2",
+    "@knotx/eslint-config": "0.4.2",
+    "@knotx/jsx": "0.4.2",
+    "@knotx/plugins-canvas": "0.4.2",
+    "@knotx/typescript-config": "0.4.2"
   },
   "scripts": {
     "build": "unbuild",