@plasmicapp/react-web 0.2.133 → 0.2.134

package/dist/all.d.ts

@@ -36,6 +36,7 @@ interface $StateSpec<T> {
     valueProp?: string;
     onChangeProp?: string;
     isArray?: boolean;
+    isImmutable?: boolean;
 }
 declare function useDollarState(specs: $StateSpec<any>[], props: Record<string, any>, $ctx?: Record<string, any>): any;
 

package/dist/react-web.cjs.development.js

@@ -13,6 +13,7 @@ var ReactDOM__default = _interopDefault(ReactDOM);
 var dataSourcesContext = require('@plasmicapp/data-sources-context');
 var ssr = require('@react-aria/ssr');
 var focus = require('@react-aria/focus');
+var clone = _interopDefault(require('clone'));
 var deepEqual = _interopDefault(require('fast-deep-equal'));
 var valtio = require('valtio');
 var utils = require('valtio/utils');
@@ -1979,7 +1980,7 @@ function initializeStateValue($$state, initialStatePath, initialSpec) {
     var path = _ref2.path,
         spec = _ref2.spec;
     var unsubscribe = utils.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);
   });
@@ -1988,27 +1989,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));
   }
 }
 
@@ -2053,8 +2052,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;
@@ -2157,8 +2156,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;