quasar-ui-danx 0.4.15 → 0.4.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar-ui-danx",
-  "version": "0.4.15",
+  "version": "0.4.16",
   "author": "Dan <dan@flytedesk.com>",
   "description": "DanX Vue / Quasar component library",
   "license": "MIT",

package/src/helpers/actions.ts

@@ -14,6 +14,25 @@ export const activeActionVnode: Ref = shallowRef(null);
 export function useActions(actions: ActionOptions[], globalOptions: Partial<ActionOptions> | null = null) {
 	const namespace = uid();
 
+	/**
+	 * Extend an action so the base action can be modified without affecting other places the action is used.
+	 * This isolates the action to the provided id, so it is still re-usable across the system, but does not affect behavior elsewhere.
+	 *
+	 * For example, when you have a list of items and you want to perform a callback on the action on a single item, you can extend the action
+	 * with the id of the item you want to perform the action on, allowing you to perform behavior on a single item, instead of all instances
+	 * in the list receiving the same callback.
+	 */
+	function extendAction(actionName: string, extendedId: string | number, actionOptions: Partial<ActionOptions>): ResourceAction {
+		const action = getAction(actionName);
+		const extendedAction = { ...action, ...actionOptions, id: extendedId };
+		if (extendedAction.debounce) {
+			extendedAction.trigger = useDebounceFn((target, input) => performAction(extendedAction, target, input), extendedAction.debounce);
+		} else {
+			extendedAction.trigger = (target, input) => performAction(extendedAction, target, input);
+		}
+		return storeObject(extendedAction);
+	}
+
 	/**
 	 * Resolve the action object based on the provided name (or return the object if the name is already an object)
 	 */
@@ -140,7 +159,8 @@ export function useActions(actions: ActionOptions[], globalOptions: Partial<Acti
 
 	return {
 		getAction,
-		getActions
+		getActions,
+		extendAction
 	};
 }
 

package/src/helpers/objectStore.ts

@@ -34,9 +34,11 @@ export function storeObject<T extends TypedObject>(newObject: T): ShallowReactiv
 	// Recursively store all the children of the object as well
 	for (const key of Object.keys(newObject)) {
 		const value = newObject[key];
-		if (Array.isArray(value) && value.length > 0 && typeof value[0] === "object") {
+		if (Array.isArray(value) && value.length > 0) {
 			for (const index in value) {
-				newObject[key][index] = storeObject(value[index]);
+				if (value[index] && typeof value[index] === "object") {
+					newObject[key][index] = storeObject(value[index]);
+				}
 			}
 		} else if (value?.__type) {
 			// @ts-expect-error newObject[key] is guaranteed to be a TypedObject