@knotx/plugins-selection 0.3.1 → 0.3.3

package/dist/index.cjs

@@ -73,8 +73,28 @@ var __privateIn = (member, obj) => Object(obj) !== obj ? __typeError('Cannot use
 var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-var _destroy_dec, _clearSelection_dec, _getSelected_dec, _init_dec, _canInteract_dec, _endInteraction_dec, _startInteraction_dec, _registerRules_dec, _selected_dec, _a, _init;
-class Selection extends (_a = core.BasePlugin, _selected_dec = [decorators.register("selected")], _registerRules_dec = [decorators.register("registerRules")], _startInteraction_dec = [decorators.inject.startInteraction()], _endInteraction_dec = [decorators.inject.endInteraction()], _canInteract_dec = [decorators.inject.canInteract()], _init_dec = [decorators.OnInit], _getSelected_dec = [decorators.tool("Get selected items", {})], _clearSelection_dec = [decorators.tool("Clear selection", {})], _destroy_dec = [decorators.OnDestroy], _a) {
+var _destroy_dec, _clearSelection_dec, _select_dec, _getSelected_dec, _init_dec, _interaction_dec, _registerRules_dec, _selected_dec, _a, _init;
+class Selection extends (_a = core.BasePlugin, _selected_dec = [decorators.register("selected")], _registerRules_dec = [decorators.register("registerRules")], _interaction_dec = [decorators.inject.interaction()], _init_dec = [decorators.OnInit], _getSelected_dec = [decorators.tool("Get selected items", {})], _select_dec = [decorators.tool("Items that match the registered rules will be selected, manifested as the item showing a selected style.", {
+  type: "array",
+  items: {
+    type: "object",
+    properties: {
+      type: {
+        type: "string",
+        description: "item type such as node, group, etc."
+      },
+      id: {
+        type: "string"
+      }
+    },
+    additionalProperties: false,
+    required: [
+      "id",
+      "type"
+    ]
+  },
+  $schema: "http://json-schema.org/draft-07/schema#"
+})], _clearSelection_dec = [decorators.tool("Clear selection", {})], _destroy_dec = [decorators.OnDestroy], _a) {
   constructor() {
     super(...arguments);
     __runInitializers(_init, 5, this);
@@ -99,23 +119,22 @@ class Selection extends (_a = core.BasePlugin, _selected_dec = [decorators.regis
         });
       };
     })), __runInitializers(_init, 15, this);
-    __publicField(this, "startInteraction", __runInitializers(_init, 16, this)), __runInitializers(_init, 19, this);
-    __publicField(this, "endInteraction", __runInitializers(_init, 20, this)), __runInitializers(_init, 23, this);
-    __publicField(this, "canInteract", __runInitializers(_init, 24, this)), __runInitializers(_init, 27, this);
+    __publicField(this, "interaction", __runInitializers(_init, 16, this)), __runInitializers(_init, 19, this);
     __publicField(this, "onBeforeStart", (_) => {
     });
     __publicField(this, "onBeforeDrag", () => {
       this.isDragging = this.enableDrag;
-      return this.enableDrag && this.canInteract(this.pluginId, "select", core.InteractionPriority.MarqueeSelection);
+      return this.enableDrag && this.interaction.canInteract(core.InteractionPriority.MarqueeSelection);
     });
     __publicField(this, "onStart", ({ event, store }) => {
       var _a2;
-      this.startInteraction(this.pluginId, "select", core.InteractionPriority.MarqueeSelection);
+      this.interaction.start(this.pluginId, "select", core.InteractionPriority.MarqueeSelection);
       if (!(event == null ? void 0 : event.ctrlKey) && !(event == null ? void 0 : event.metaKey) && !(event == null ? void 0 : event.shiftKey)) {
         store.stored.forEach((element) => {
           const rule = this.getElementRule(element);
           if (rule == null ? void 0 : rule.activeClassName) {
             element.classList.remove(rule.activeClassName);
+            element.removeAttribute("data-selected");
           }
         });
         (_a2 = this.selection) == null ? void 0 : _a2.clearSelection(true, true);
@@ -152,6 +171,7 @@ class Selection extends (_a = core.BasePlugin, _selected_dec = [decorators.regis
         }
         if (rule.activeClassName) {
           element.classList.remove(rule.activeClassName);
+          element.removeAttribute("data-selected");
         }
       });
       added.forEach((element) => {
@@ -171,20 +191,21 @@ class Selection extends (_a = core.BasePlugin, _selected_dec = [decorators.regis
         }
         if (rule.activeClassName) {
           element.classList.add(rule.activeClassName);
+          element.setAttribute("data-selected", "true");
         }
       });
     });
     __publicField(this, "onStop", ({ event }) => {
-      this.endInteraction(this.pluginId, "select");
+      this.interaction.end(this.pluginId, "select");
       if (event) {
         if (this.isDragging) {
           this.isDragging = false;
         }
       }
       cancelAnimationFrame(this.updateFrameId);
-      this.updateFrameId = requestAnimationFrame(this.updateSelection);
+      this.updateFrameId = requestAnimationFrame(this.updateSelected);
     });
-    __publicField(this, "updateSelection", () => {
+    __publicField(this, "updateSelected", () => {
       var _a2;
       const selected = [];
       for (const element of ((_a2 = this.selection) == null ? void 0 : _a2.getSelection()) || []) {
@@ -236,6 +257,21 @@ class Selection extends (_a = core.BasePlugin, _selected_dec = [decorators.regis
   getSelected() {
     return this.selected;
   }
+  select(items) {
+    var _a2;
+    const typeToClassName = /* @__PURE__ */ new Map();
+    this.ruleMap.forEach((rule, className) => {
+      typeToClassName.set(rule.type, className);
+    });
+    const selectors = [];
+    for (const item of items) {
+      const className = typeToClassName.get(item.type);
+      if (className) {
+        selectors.push(`.${className}[data-${item.type}-id="${item.id}"]`);
+      }
+    }
+    (_a2 = this.selection) == null ? void 0 : _a2.select(selectors);
+  }
   clearSelection() {
     var _a2;
     (_a2 = this.selection) == null ? void 0 : _a2.clearSelection(true, false);
@@ -249,13 +285,12 @@ class Selection extends (_a = core.BasePlugin, _selected_dec = [decorators.regis
 _init = __decoratorStart(_a);
 __decorateElement(_init, 1, "init", _init_dec, Selection);
 __decorateElement(_init, 1, "getSelected", _getSelected_dec, Selection);
+__decorateElement(_init, 1, "select", _select_dec, Selection);
 __decorateElement(_init, 1, "clearSelection", _clearSelection_dec, Selection);
 __decorateElement(_init, 1, "destroy", _destroy_dec, Selection);
 __decorateElement(_init, 5, "selected", _selected_dec, Selection);
 __decorateElement(_init, 5, "registerRules", _registerRules_dec, Selection);
-__decorateElement(_init, 5, "startInteraction", _startInteraction_dec, Selection);
-__decorateElement(_init, 5, "endInteraction", _endInteraction_dec, Selection);
-__decorateElement(_init, 5, "canInteract", _canInteract_dec, Selection);
+__decorateElement(_init, 5, "interaction", _interaction_dec, Selection);
 __decoratorMetadata(_init, Selection);
 
 exports.Selection = Selection;

package/dist/index.d.cts

@@ -13,6 +13,7 @@ declare module '@knotx/core' {
     }
     interface PluginTools {
         selection: {
+            select: (items: SelectionSelectedItem[]) => void;
             getSelected: () => SelectionSelectedItem[];
             clearSelection: () => void;
         };
@@ -70,9 +71,7 @@ declare class Selection extends BasePlugin<'selection', SelectionConfig> {
     private updateFrameId;
     selected: SelectionSelectedItem[];
     registerRules: (rules: SelectionRule[]) => () => void;
-    private startInteraction;
-    private endInteraction;
-    private canInteract;
+    private interaction;
     init(config?: SelectionConfig): void;
     private createSelection;
     private onBeforeStart;
@@ -81,8 +80,9 @@ declare class Selection extends BasePlugin<'selection', SelectionConfig> {
     private onMove;
     private onStop;
     private getElementRule;
-    private updateSelection;
+    private updateSelected;
     getSelected(): SelectionSelectedItem[];
+    select(items: SelectionSelectedItem[]): void;
     clearSelection(): void;
     destroy(): void;
 }

package/dist/index.d.mts

@@ -13,6 +13,7 @@ declare module '@knotx/core' {
     }
     interface PluginTools {
         selection: {
+            select: (items: SelectionSelectedItem[]) => void;
             getSelected: () => SelectionSelectedItem[];
             clearSelection: () => void;
         };
@@ -70,9 +71,7 @@ declare class Selection extends BasePlugin<'selection', SelectionConfig> {
     private updateFrameId;
     selected: SelectionSelectedItem[];
     registerRules: (rules: SelectionRule[]) => () => void;
-    private startInteraction;
-    private endInteraction;
-    private canInteract;
+    private interaction;
     init(config?: SelectionConfig): void;
     private createSelection;
     private onBeforeStart;
@@ -81,8 +80,9 @@ declare class Selection extends BasePlugin<'selection', SelectionConfig> {
     private onMove;
     private onStop;
     private getElementRule;
-    private updateSelection;
+    private updateSelected;
     getSelected(): SelectionSelectedItem[];
+    select(items: SelectionSelectedItem[]): void;
     clearSelection(): void;
     destroy(): void;
 }

package/dist/index.d.ts

@@ -13,6 +13,7 @@ declare module '@knotx/core' {
     }
     interface PluginTools {
         selection: {
+            select: (items: SelectionSelectedItem[]) => void;
             getSelected: () => SelectionSelectedItem[];
             clearSelection: () => void;
         };
@@ -70,9 +71,7 @@ declare class Selection extends BasePlugin<'selection', SelectionConfig> {
     private updateFrameId;
     selected: SelectionSelectedItem[];
     registerRules: (rules: SelectionRule[]) => () => void;
-    private startInteraction;
-    private endInteraction;
-    private canInteract;
+    private interaction;
     init(config?: SelectionConfig): void;
     private createSelection;
     private onBeforeStart;
@@ -81,8 +80,9 @@ declare class Selection extends BasePlugin<'selection', SelectionConfig> {
     private onMove;
     private onStop;
     private getElementRule;
-    private updateSelection;
+    private updateSelected;
     getSelected(): SelectionSelectedItem[];
+    select(items: SelectionSelectedItem[]): void;
     clearSelection(): void;
     destroy(): void;
 }

package/dist/index.js

@@ -67,8 +67,28 @@ var __privateIn = (member, obj) => Object(obj) !== obj ? __typeError('Cannot use
 var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-var _destroy_dec, _clearSelection_dec, _getSelected_dec, _init_dec, _canInteract_dec, _endInteraction_dec, _startInteraction_dec, _registerRules_dec, _selected_dec, _a, _init;
-class Selection extends (_a = BasePlugin, _selected_dec = [register("selected")], _registerRules_dec = [register("registerRules")], _startInteraction_dec = [inject.startInteraction()], _endInteraction_dec = [inject.endInteraction()], _canInteract_dec = [inject.canInteract()], _init_dec = [OnInit], _getSelected_dec = [tool("Get selected items", {})], _clearSelection_dec = [tool("Clear selection", {})], _destroy_dec = [OnDestroy], _a) {
+var _destroy_dec, _clearSelection_dec, _select_dec, _getSelected_dec, _init_dec, _interaction_dec, _registerRules_dec, _selected_dec, _a, _init;
+class Selection extends (_a = BasePlugin, _selected_dec = [register("selected")], _registerRules_dec = [register("registerRules")], _interaction_dec = [inject.interaction()], _init_dec = [OnInit], _getSelected_dec = [tool("Get selected items", {})], _select_dec = [tool("Items that match the registered rules will be selected, manifested as the item showing a selected style.", {
+  type: "array",
+  items: {
+    type: "object",
+    properties: {
+      type: {
+        type: "string",
+        description: "item type such as node, group, etc."
+      },
+      id: {
+        type: "string"
+      }
+    },
+    additionalProperties: false,
+    required: [
+      "id",
+      "type"
+    ]
+  },
+  $schema: "http://json-schema.org/draft-07/schema#"
+})], _clearSelection_dec = [tool("Clear selection", {})], _destroy_dec = [OnDestroy], _a) {
   constructor() {
     super(...arguments);
     __runInitializers(_init, 5, this);
@@ -93,23 +113,22 @@ class Selection extends (_a = BasePlugin, _selected_dec = [register("selected")]
         });
       };
     })), __runInitializers(_init, 15, this);
-    __publicField(this, "startInteraction", __runInitializers(_init, 16, this)), __runInitializers(_init, 19, this);
-    __publicField(this, "endInteraction", __runInitializers(_init, 20, this)), __runInitializers(_init, 23, this);
-    __publicField(this, "canInteract", __runInitializers(_init, 24, this)), __runInitializers(_init, 27, this);
+    __publicField(this, "interaction", __runInitializers(_init, 16, this)), __runInitializers(_init, 19, this);
     __publicField(this, "onBeforeStart", (_) => {
     });
     __publicField(this, "onBeforeDrag", () => {
       this.isDragging = this.enableDrag;
-      return this.enableDrag && this.canInteract(this.pluginId, "select", InteractionPriority.MarqueeSelection);
+      return this.enableDrag && this.interaction.canInteract(InteractionPriority.MarqueeSelection);
     });
     __publicField(this, "onStart", ({ event, store }) => {
       var _a2;
-      this.startInteraction(this.pluginId, "select", InteractionPriority.MarqueeSelection);
+      this.interaction.start(this.pluginId, "select", InteractionPriority.MarqueeSelection);
       if (!(event == null ? void 0 : event.ctrlKey) && !(event == null ? void 0 : event.metaKey) && !(event == null ? void 0 : event.shiftKey)) {
         store.stored.forEach((element) => {
           const rule = this.getElementRule(element);
           if (rule == null ? void 0 : rule.activeClassName) {
             element.classList.remove(rule.activeClassName);
+            element.removeAttribute("data-selected");
           }
         });
         (_a2 = this.selection) == null ? void 0 : _a2.clearSelection(true, true);
@@ -146,6 +165,7 @@ class Selection extends (_a = BasePlugin, _selected_dec = [register("selected")]
         }
         if (rule.activeClassName) {
           element.classList.remove(rule.activeClassName);
+          element.removeAttribute("data-selected");
         }
       });
       added.forEach((element) => {
@@ -165,20 +185,21 @@ class Selection extends (_a = BasePlugin, _selected_dec = [register("selected")]
         }
         if (rule.activeClassName) {
           element.classList.add(rule.activeClassName);
+          element.setAttribute("data-selected", "true");
         }
       });
     });
     __publicField(this, "onStop", ({ event }) => {
-      this.endInteraction(this.pluginId, "select");
+      this.interaction.end(this.pluginId, "select");
       if (event) {
         if (this.isDragging) {
           this.isDragging = false;
         }
       }
       cancelAnimationFrame(this.updateFrameId);
-      this.updateFrameId = requestAnimationFrame(this.updateSelection);
+      this.updateFrameId = requestAnimationFrame(this.updateSelected);
     });
-    __publicField(this, "updateSelection", () => {
+    __publicField(this, "updateSelected", () => {
       var _a2;
       const selected = [];
       for (const element of ((_a2 = this.selection) == null ? void 0 : _a2.getSelection()) || []) {
@@ -230,6 +251,21 @@ class Selection extends (_a = BasePlugin, _selected_dec = [register("selected")]
   getSelected() {
     return this.selected;
   }
+  select(items) {
+    var _a2;
+    const typeToClassName = /* @__PURE__ */ new Map();
+    this.ruleMap.forEach((rule, className) => {
+      typeToClassName.set(rule.type, className);
+    });
+    const selectors = [];
+    for (const item of items) {
+      const className = typeToClassName.get(item.type);
+      if (className) {
+        selectors.push(`.${className}[data-${item.type}-id="${item.id}"]`);
+      }
+    }
+    (_a2 = this.selection) == null ? void 0 : _a2.select(selectors);
+  }
   clearSelection() {
     var _a2;
     (_a2 = this.selection) == null ? void 0 : _a2.clearSelection(true, false);
@@ -243,13 +279,12 @@ class Selection extends (_a = BasePlugin, _selected_dec = [register("selected")]
 _init = __decoratorStart(_a);
 __decorateElement(_init, 1, "init", _init_dec, Selection);
 __decorateElement(_init, 1, "getSelected", _getSelected_dec, Selection);
+__decorateElement(_init, 1, "select", _select_dec, Selection);
 __decorateElement(_init, 1, "clearSelection", _clearSelection_dec, Selection);
 __decorateElement(_init, 1, "destroy", _destroy_dec, Selection);
 __decorateElement(_init, 5, "selected", _selected_dec, Selection);
 __decorateElement(_init, 5, "registerRules", _registerRules_dec, Selection);
-__decorateElement(_init, 5, "startInteraction", _startInteraction_dec, Selection);
-__decorateElement(_init, 5, "endInteraction", _endInteraction_dec, Selection);
-__decorateElement(_init, 5, "canInteract", _canInteract_dec, Selection);
+__decorateElement(_init, 5, "interaction", _interaction_dec, Selection);
 __decoratorMetadata(_init, Selection);
 
 export { Selection };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knotx/plugins-selection",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "description": "Selection Plugin for Knotx",
   "author": "boenfu",
   "license": "MIT",
@@ -30,13 +30,13 @@
   "dependencies": {
     "@viselect/vanilla": "^3.9.0",
     "rxjs": "^7.8.1",
-    "@knotx/core": "0.3.1",
-    "@knotx/decorators": "0.3.1"
+    "@knotx/core": "0.3.3",
+    "@knotx/decorators": "0.3.3"
   },
   "devDependencies": {
-    "@knotx/build-config": "0.3.1",
-    "@knotx/eslint-config": "0.3.1",
-    "@knotx/typescript-config": "0.3.1"
+    "@knotx/build-config": "0.3.3",
+    "@knotx/eslint-config": "0.3.3",
+    "@knotx/typescript-config": "0.3.3"
   },
   "scripts": {
     "build": "unbuild",