Allow setFieldValue to accept a dotted path ...

e.g. you can do setFieldValue('replicator.1.foo', 'bar') to update the foo field on the second replicator set to bar

This uses the eventual underscore 'set' method from jashkenas/underscore#2961. Once it's merged we can call the method directly and not need to include these files.

Author: jasonvarga

resources/js/bootstrap/globals.js

@@ -1,5 +1,6 @@
 import { marked } from 'marked';
 import { translate, translateChoice } from '../translations/translator';
+import { default as set } from './set';
 
 export function cp_url(url) {
     url = Statamic.$config.get('cpUrl') + '/' + url;
@@ -34,6 +35,10 @@ export function data_get(obj, path, fallback=null) {
     return value !== undefined ? value : fallback;
 };
 
+export function data_set(obj, path, value) {
+    set(obj, path.split('.'), value);
+}
+
 export function clone(value) {
     if (value === undefined) return undefined;
 

resources/js/bootstrap/set.js

@@ -0,0 +1,37 @@
+import isObject from 'underscore/modules/isObject.js';
+import toPath from 'underscore/modules/_toPath.js';
+import contains from 'underscore/modules/contains.js';
+
+
+var arrayIndex = /^\d+$/;
+
+// Internal function of `set`.
+function deepSet(obj, path, value) {
+    var key = path[0];
+
+    if (path.length === 1) {
+        obj[key] = value;
+        return;
+    }
+
+    if (!isObject(obj[key])) {
+        var nextKey = path[1];
+        obj[key] = arrayIndex.test(nextKey) ? [] : {};
+    }
+
+    return deepSet(obj[key], path.slice(1), value);
+}
+
+// Set the value on `path` of `object`.
+// If any property in `path` does not exist it will be created.
+// Returns mutated object (`obj`).
+export default function set(obj, path, value) {
+    path = toPath(path);
+
+    if (!isObject(obj) || !path.length) return obj;
+    if (contains(path, '__proto__')) throw new Error('Prototype assignment attempted');
+
+    deepSet(obj, path, value);
+
+    return obj;
+}

resources/js/components/publish/Container.vue

@@ -111,7 +111,7 @@ export default {
                 mutations: {
                     setFieldValue(state, payload) {
                         const { handle, value } = payload;
-                        state.values[handle] = value;
+                        data_set(state.values, handle, value);
                     },
                     setValues(state, values) {
                         state.values = values;