@plasmicapp/react-web 0.2.132 → 0.2.134

package/dist/react-web.esm.js

@@ -8,6 +8,7 @@ import { PlasmicDataSourceContextProvider } from '@plasmicapp/data-sources-conte
 export { PlasmicDataSourceContextProvider, useCurrentUser } from '@plasmicapp/data-sources-context';
 import { SSRProvider, useIsSSR as useIsSSR$1 } from '@react-aria/ssr';
 import { useFocusRing, useFocusable, FocusScope } from '@react-aria/focus';
+import clone from 'clone';
 import deepEqual from 'fast-deep-equal';
 import { proxy, ref, useSnapshot } from 'valtio';
 import { subscribeKey } from 'valtio/utils';
@@ -1974,7 +1975,7 @@ function initializeStateValue($$state, initialStatePath, initialSpec) {
     var path = _ref2.path,
         spec = _ref2.spec;
     var unsubscribe = subscribeKey(_get($$state.stateValues, path.slice(-1)), path.slice(-1)[0], function () {
-      return set($$state.stateValues, initialStatePath, mkUntrackedValue(initialSpec.initFunc($$state.props, $state, $$state.ctx, getIndexes(path, spec))));
+      return saveValue($$state, initialStatePath, initialSpec, initialSpec.initFunc($$state.props, $state, $$state.ctx, getIndexes(path, spec)));
     });
     $$state.unsubscriptionsByState[initialStateKey].push(unsubscribe);
   });
@@ -1983,27 +1984,25 @@ function initializeStateValue($$state, initialStatePath, initialSpec) {
   return initialValue;
 }
 
-function saveStateInitialValue($$state, path, spec, initialValue) {
-  // array states are a special case.Wwe listen for changes in the array and in the array cells.
-  // for example: $state.people.push(...), $state.people.splice(...), $state.people[0] = ...
-  // that's why we need to track the array object
-  if (spec.isArray && Array.isArray(initialValue)) {
-    var array = initialValue.map(function (val) {
-      return mkUntrackedValue(val);
-    });
-
-    set($$state.stateValues, path, array); // we need to make the array untracked for initStateValues
-    // so we can distinguish between stateValue and initStateValue.
-    // otherwise they would reference the same array.
-
-
-    set($$state.initStateValues, path, mkUntrackedValue(array));
+function saveValue($$state, path, spec, value) {
+  if (spec.isImmutable) {
+    set($$state.stateValues, path, mkUntrackedValue(value));
   } else {
+    set($$state.stateValues, path, value);
+  }
+}
+
+function saveStateInitialValue($$state, path, spec, initialValue) {
+  if (spec.isImmutable) {
     var untrackedValue = mkUntrackedValue(initialValue);
 
     set($$state.stateValues, path, untrackedValue);
 
-    set($$state.initStateValues, path, untrackedValue);
+    set($$state.initStateValues, path, clone(untrackedValue));
+  } else {
+    set($$state.stateValues, path, clone(initialValue));
+
+    set($$state.initStateValues, path, clone(initialValue));
   }
 }
 
@@ -2048,8 +2047,8 @@ function useDollarState(specs, props, $ctx) {
           return _get($$state.stateValues, path);
         }
       },
-      set: function set$1(_t, _p, value) {
-        set($$state.stateValues, path, mkUntrackedValue(value));
+      set: function set(_t, _p, value) {
+        saveValue($$state, path, spec, value);
 
         if (spec.onChangeProp) {
           var _$$state$props$spec$o3, _$$state$props3;
@@ -2152,8 +2151,8 @@ function useCanvasDollarState(specs, props, $ctx) {
       get: function get() {
         return _get($$state.stateValues, path);
       },
-      set: function set$1(_t, _p, value) {
-        set($$state.stateValues, path, mkUntrackedValue(value));
+      set: function set(_t, _p, value) {
+        saveValue($$state, path, spec, value);
 
         if (spec.onChangeProp) {
           var _$$state$props$spec$o5, _$$state$props5;