@pechynho/stimulus-typescript 0.0.11 → 0.0.12

package/dist/utils.d.ts

@@ -2,7 +2,7 @@ import { ActionEvent, Application, Controller } from "@hotwired/stimulus";
 export declare const camelCase: (value: string) => string;
 export declare const capitalize: (value: string) => string;
 export declare function addStimulusAction(element: HTMLElement, identifier: string, method: string, event?: string, params?: Record<string, object | string | number | boolean>): void;
-export declare function removeStimulusAction(element: HTMLElement, identifier: string, method: string, event?: string, removeParams?: boolean): void;
+export declare function removeStimulusAction(element: HTMLElement, identifier: string, method: string, event?: string, removeParams?: boolean | string[]): void;
 export declare const isActionEvent: (value: any) => value is ActionEvent;
 export declare const getController: <T extends Controller>(app: Application, element: HTMLElement, identifier: string) => T | null;
 export declare const getControllerAsync: <T extends Controller>(app: Application, element: HTMLElement, identifier: string, timeout?: number, poll?: number) => Promise<T | null>;

package/dist/utils.js

@@ -19,10 +19,9 @@ export function addStimulusAction(element, identifier, method, event, params) {
     element.dataset.action = actions.join(' ');
     if (params !== undefined) {
         for (const [key, value] of Object.entries(params)) {
-            const serialized = typeof value === 'object'
+            element.dataset[`${camelCase(identifier)}${capitalize(camelCase(key))}Param`] = typeof value === 'object'
                 ? JSON.stringify(value)
                 : String(value);
-            element.dataset[`${camelCase(identifier)}${capitalize(camelCase(key))}Param`] = String(serialized);
         }
     }
 }
@@ -40,11 +39,18 @@ export function removeStimulusAction(element, identifier, method, event, removeP
     else {
         delete element.dataset.action;
     }
-    if (removeParams) {
-        const prefix = `${camelCase(identifier)}`;
-        const suffix = 'Param';
+    if (removeParams === false) {
+        return;
+    }
+    const prefix = camelCase(identifier);
+    if (Array.isArray(removeParams)) {
+        for (const name of removeParams) {
+            delete element.dataset[`${prefix}${capitalize(camelCase(name))}Param`];
+        }
+    }
+    else {
         for (const key of Object.keys(element.dataset)) {
-            if (key.startsWith(prefix) && key.endsWith(suffix)) {
+            if (key.startsWith(prefix) && key.endsWith('Param')) {
                 delete element.dataset[key];
             }
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pechynho/stimulus-typescript",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "description": "Set of TypeScript utilities for Stimulus controllers",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/utils.ts

@@ -29,10 +29,9 @@ export function addStimulusAction(
     element.dataset.action = actions.join(' ');
     if (params !== undefined) {
         for (const [key, value] of Object.entries(params)) {
-            const serialized = typeof value === 'object'
+            element.dataset[`${camelCase(identifier)}${capitalize(camelCase(key))}Param`] = typeof value === 'object'
                 ? JSON.stringify(value)
                 : String(value);
-            element.dataset[`${camelCase(identifier)}${capitalize(camelCase(key))}Param`] = String(serialized);
         }
     }
 }
@@ -42,29 +41,31 @@ export function removeStimulusAction(
     identifier: string,
     method: string,
     event?: string,
-    removeParams: boolean = false,
+    removeParams: boolean | string[] = false,
 ): void {
     const existing = element.dataset.action;
     if (existing === undefined || existing.trim() === '') {
         return;
     }
-
     const target = `${identifier}#${method}`;
     const descriptor = event !== undefined ? `${event}->${target}` : target;
     const actions = existing.trim().split(/\s+/).filter((a) => a !== descriptor);
-
     if (actions.length > 0) {
         element.dataset.action = actions.join(' ');
     } else {
         delete element.dataset.action;
     }
-
-    if (removeParams) {
-        const prefix = `${camelCase(identifier)}`;
-        const suffix = 'Param';
-
+    if (removeParams === false) {
+        return;
+    }
+    const prefix = camelCase(identifier);
+    if (Array.isArray(removeParams)) {
+        for (const name of removeParams) {
+            delete element.dataset[`${prefix}${capitalize(camelCase(name))}Param`];
+        }
+    } else {
         for (const key of Object.keys(element.dataset)) {
-            if (key.startsWith(prefix) && key.endsWith(suffix)) {
+            if (key.startsWith(prefix) && key.endsWith('Param')) {
                 delete element.dataset[key];
             }
         }