@plasmicapp/react-web 0.2.430 → 1.0.0

package/dist/react-web.esm.js

@@ -4,7 +4,7 @@ import { usePlasmicDataSourceContext, PlasmicDataSourceContextProvider } from '@
 export { PlasmicDataSourceContextProvider, useCurrentUser } from '@plasmicapp/data-sources-context';
 import * as plasmicQuery from '@plasmicapp/query';
 import * as React from 'react';
-import React__default, { useLayoutEffect, useEffect } from 'react';
+import React__default from 'react';
 import { usePlasmicLinkMaybe, PlasmicTranslatorContext as PlasmicTranslatorContext$1, usePlasmicTranslator as usePlasmicTranslator$1, DataProvider, PlasmicLinkProvider, usePlasmicCanvasContext } from '@plasmicapp/host';
 import get from 'dlv';
 export { default as get } from 'dlv';
@@ -526,7 +526,7 @@ function PlasmicIcon(props) {
 
 var isBrowser = typeof window !== "undefined";
 var NONE = Symbol("NONE");
-var useIsomorphicLayoutEffect$1 = isBrowser
+var useIsomorphicLayoutEffect = isBrowser
     ? React__default.useLayoutEffect
     : React__default.useEffect;
 function createElementWithChildren(elementType, props, children) {
@@ -1739,7 +1739,7 @@ function createUseScreenVariants(isMulti, screenQueries) {
         // register our forceUpdate. This ensures that if there was
         // a window resize event between render and effects, that the
         // listener will be registered in time
-        useIsomorphicLayoutEffect$1(function () {
+        useIsomorphicLayoutEffect(function () {
             var updateIfChanged = function () {
                 if (curScreenVariants &&
                     lastScreenVariantsRef.current.join("") !== curScreenVariants.join("")) {
@@ -1777,7 +1777,7 @@ function createUseScreenVariants(isMulti, screenQueries) {
 
 var PlasmicRootContext = React.createContext(undefined);
 function PlasmicRootProvider(props) {
-    var _a, _b;
+    var _a;
     var platform = props.platform, children = props.children, userAuthToken = props.userAuthToken, isUserLoading = props.isUserLoading, authRedirectUri = props.authRedirectUri, user = props.user, disableLoadingBoundary = props.disableLoadingBoundary, suspenseFallback = props.suspenseFallback;
     var context = React.useMemo(function () { return ({
         platform: platform,
@@ -1794,9 +1794,9 @@ function PlasmicRootProvider(props) {
         React.createElement(PlasmicRootContext.Provider, { value: context },
             React.createElement(MaybeWrap, { cond: reactMajorVersion < 18, wrapper: function (children_) { return React.createElement(SSRProvider, null, children_); } },
                 React.createElement(PlasmicDataSourceContextProvider, { value: dataSourceContextValue },
-                    React.createElement(PlasmicTranslatorContext.Provider, { value: (_a = props.i18n) !== null && _a !== void 0 ? _a : props.translator },
+                    React.createElement(PlasmicTranslatorContext.Provider, { value: props.i18n },
                         React.createElement(PlasmicHeadContext.Provider, { value: props.Head },
-                            React.createElement(SafePlasmicLinkProvider, { Link: (_b = props.Link) !== null && _b !== void 0 ? _b : PlasmicLinkInternal }, children))))))));
+                            React.createElement(SafePlasmicLinkProvider, { Link: (_a = props.Link) !== null && _a !== void 0 ? _a : PlasmicLinkInternal }, children))))))));
 }
 /**
  * A PlasmicLinkProvider that anticipates PlasmicLinkProvider may not exist yet from
@@ -2187,9 +2187,6 @@ function findStateCell(root, pathStr, repetitionIndex) {
 }
 
 var defer = setTimeout;
-function isNum$1(value) {
-    return typeof value === "symbol" ? false : !isNaN(+value);
-}
 function canProxy(value) {
     return typeof value === "object" && value != null;
 }
@@ -2300,11 +2297,11 @@ function initializeStateValue($$state, initialStateCell, proxyRoot) {
         var stateCell = _a.stateCell;
         stateCell.listeners.push(function () {
             var _a;
-            var newValue = invokeInitFuncBackwardsCompatible(initialStateCell.node.getSpec().initFunc, __assign({ $state: $state }, ((_a = initialStateCell.overrideEnv) !== null && _a !== void 0 ? _a : $$state.env)));
+            var newValue = invokeInitFunc(initialStateCell.node.getSpec().initFunc, __assign({ $state: $state }, ((_a = initialStateCell.overrideEnv) !== null && _a !== void 0 ? _a : $$state.env)));
             set(proxyRoot, initialStateCell.path, newValue);
         });
     });
-    var initialValue = invokeInitFuncBackwardsCompatible(initialStateCell.initFunc, __assign({ $state: $state }, ((_a = initialStateCell.overrideEnv) !== null && _a !== void 0 ? _a : $$state.env)));
+    var initialValue = invokeInitFunc(initialStateCell.initFunc, __assign({ $state: $state }, ((_a = initialStateCell.overrideEnv) !== null && _a !== void 0 ? _a : $$state.env)));
     var initialSpec = initialStateCell.node.getSpec();
     // Try to clone initialValue. It can fail if it's a PlasmicUndefinedDataProxy
     // and we still want to clear some states and return the initialValue.
@@ -2330,7 +2327,7 @@ function create$StateProxy($$state, leafHandlers) {
     var proxyRoot;
     var rec = function (currPath, currNode) {
         var getNextPath = function (property) { return __spreadArray(__spreadArray([], __read(currPath), false), [
-            isNum$1(property) ? +property : property,
+            isNum(property) ? +property : property,
         ], false); };
         var spec = currNode.getSpec();
         var handlers = {
@@ -2338,7 +2335,7 @@ function create$StateProxy($$state, leafHandlers) {
                 var _a, _b;
                 if (!currNode.isLeaf() &&
                     !currNode.hasArrayTransition() &&
-                    !isNum$1(property)) {
+                    !isNum(property)) {
                     throw new InvalidOperation("Can't delete a property in the middle of the state spec");
                 }
                 delete get($$state.stateValues, currPath)[property];
@@ -2485,13 +2482,8 @@ function extractDollarStateParametersBackwardCompatible() {
         };
     }
 }
-function invokeInitFuncBackwardsCompatible(initFunc, env) {
-    if (initFunc.length > 1) {
-        return initFunc(env.$props, env.$state, env.$ctx);
-    }
-    else {
-        return initFunc(env);
-    }
+function invokeInitFunc(initFunc, env) {
+    return initFunc(env);
 }
 function useDollarState(specs) {
     var rest = [];
@@ -2646,7 +2638,7 @@ function useDollarState(specs) {
             var _a;
             if (stateCell.initFunc) {
                 try {
-                    var newInit = invokeInitFuncBackwardsCompatible(stateCell.initFunc, __assign({ $state: $state }, ((_a = stateCell.overrideEnv) !== null && _a !== void 0 ? _a : envFieldsAreNonNill(env))));
+                    var newInit = invokeInitFunc(stateCell.initFunc, __assign({ $state: $state }, ((_a = stateCell.overrideEnv) !== null && _a !== void 0 ? _a : envFieldsAreNonNill(env))));
                     if (!deepEqual(newInit, stateCell.initialValue)) {
                         resetSpecs.push({ stateCell: stateCell });
                     }
@@ -2756,7 +2748,6 @@ function generateStateOnChangePropForCodeComponents($state, stateName, plasmicSt
 function generateStateValueProp($state, path) {
     return get($state, path);
 }
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
 function isPlasmicStateProxy(obj) {
     return (obj != null && typeof obj === "object" && !!obj[PLASMIC_STATE_PROXY_SYMBOL]);
 }
@@ -2870,8 +2861,9 @@ function set(obj, keys, val) {
     var i = 0, l = keys.length, t = obj, x, k;
     while (i < l) {
         k = "" + keys[i++];
-        if (k === "__proto__" || k === "constructor" || k === "prototype")
+        if (k === "__proto__" || k === "constructor" || k === "prototype") {
             break;
+        }
         var newValue = i === l
             ? val
             : typeof (x = t[k]) === typeof keys
@@ -2937,29 +2929,35 @@ var isRegExp = function (a) {
  */
 function deepEqual(a, b) {
     var e_4, _a, e_5, _b, e_6, _c;
-    if (a === b)
+    if (a === b) {
         return true;
+    }
     if (a && b && typeof a == "object" && typeof b == "object") {
         // if (a.constructor !== b.constructor) return false;
-        var length, i, keys;
+        var length_1, i = void 0, keys = void 0;
         if (Array.isArray(a)) {
-            length = a.length;
-            if (length != b.length)
+            length_1 = a.length;
+            if (length_1 != b.length) {
                 return false;
-            for (i = length; i-- !== 0;)
-                if (!deepEqual(a[i], b[i]))
+            }
+            for (i = length_1; i-- !== 0;) {
+                if (!deepEqual(a[i], b[i])) {
                     return false;
+                }
+            }
             return true;
         }
         // if ((a instanceof Map) && (b instanceof Map)) {
         if (isInstanceOfMap(a) && isInstanceOfMap(b)) {
-            if (a.size !== b.size)
+            if (a.size !== b.size) {
                 return false;
+            }
             try {
                 for (var _d = __values(a.entries()), _e = _d.next(); !_e.done; _e = _d.next()) {
                     i = _e.value;
-                    if (!b.has(i[0]))
+                    if (!b.has(i[0])) {
                         return false;
+                    }
                 }
             }
             catch (e_4_1) { e_4 = { error: e_4_1 }; }
@@ -2972,8 +2970,9 @@ function deepEqual(a, b) {
             try {
                 for (var _f = __values(a.entries()), _g = _f.next(); !_g.done; _g = _f.next()) {
                     i = _g.value;
-                    if (!deepEqual(i[1], b.get(i[0])))
+                    if (!deepEqual(i[1], b.get(i[0]))) {
                         return false;
+                    }
                 }
             }
             catch (e_5_1) { e_5 = { error: e_5_1 }; }
@@ -2987,13 +2986,15 @@ function deepEqual(a, b) {
         }
         // if ((a instanceof Set) && (b instanceof Set)) {
         if (isInstanceOfSet(a) && isInstanceOfSet(b)) {
-            if (a.size !== b.size)
+            if (a.size !== b.size) {
                 return false;
+            }
             try {
                 for (var _h = __values(a.entries()), _j = _h.next(); !_j.done; _j = _h.next()) {
                     i = _j.value;
-                    if (!b.has(i[0]))
+                    if (!b.has(i[0])) {
                         return false;
+                    }
                 }
             }
             catch (e_6_1) { e_6 = { error: e_6_1 }; }
@@ -3006,20 +3007,24 @@ function deepEqual(a, b) {
             return true;
         }
         // if (a.constructor === RegExp) return a.source === b.source && a.flags === b.flags;
-        if (isRegExp(a) && isRegExp(b))
+        if (isRegExp(a) && isRegExp(b)) {
             return a.source === b.source && a.flags === b.flags;
+        }
         // if (a.valueOf !== Object.prototype.valueOf)
         //   return a.valueOf() === b.valueOf();
         // if (a.toString !== Object.prototype.toString)
         //   return a.toString() === b.toString();
         keys = Object.keys(a);
-        length = keys.length;
-        if (length !== Object.keys(b).length)
+        length_1 = keys.length;
+        if (length_1 !== Object.keys(b).length) {
             return false;
-        for (i = length; i-- !== 0;)
-            if (!Object.prototype.hasOwnProperty.call(b, keys[i]))
+        }
+        for (i = length_1; i-- !== 0;) {
+            if (!Object.prototype.hasOwnProperty.call(b, keys[i])) {
                 return false;
-        for (i = length; i-- !== 0;) {
+            }
+        }
+        for (i = length_1; i-- !== 0;) {
             var key = keys[i];
             if (key === "_owner" && a.$$typeof) {
                 // React-specific: avoid traversing React elements' _owner.
@@ -3027,8 +3032,9 @@ function deepEqual(a, b) {
                 // and is not needed when comparing the actual elements (and not their owners)
                 continue;
             }
-            if (!deepEqual(a[key], b[key]))
+            if (!deepEqual(a[key], b[key])) {
                 return false;
+            }
         }
         return true;
     }
@@ -4174,7 +4180,7 @@ function useTriggeredOverlay(plasmicClass, props, config, outerRef, isDismissabl
     var triggerWidth = triggerRef.current && (overlayMatchTriggerWidth || overlayMinTriggerWidth)
         ? triggerRef.current.offsetWidth
         : undefined;
-    useIsomorphicLayoutEffect$1(function () {
+    useIsomorphicLayoutEffect(function () {
         if (!isRendered &&
             triggerRef.current &&
             (overlayMatchTriggerWidth || overlayMinTriggerWidth)) {
@@ -4201,7 +4207,7 @@ function useTriggeredOverlay(plasmicClass, props, config, outerRef, isDismissabl
         onClose: state.close,
         containerPadding: 0,
     }), overlayPositionProps = _d.overlayProps, updatePosition = _d.updatePosition, placementAxis = _d.placement;
-    useIsomorphicLayoutEffect$1(function () {
+    useIsomorphicLayoutEffect(function () {
         if (state.isOpen) {
             requestAnimationFrame(function () {
                 updatePosition();