@plasmicapp/react-web 0.2.176 → 0.2.178

package/dist/states/helpers.d.ts

@@ -1,7 +1,17 @@
+import type { ComponentHelpers } from "@plasmicapp/host";
 import { useLayoutEffect } from "react";
 import { StateSpecNode } from "./graph";
-import { $State, ObjectPath, StateCell } from "./types";
+import { $State, InitFunc, ObjectPath, StateCell } from "./types";
+export declare function initializeCodeComponentStates($state: $State, states: {
+    name: string;
+    plasmicStateName: string;
+}[], repetitionIndex: number[], componentHelpers: ComponentHelpers<any>, child$Props: Record<string, any>): void;
+export declare function initializePlasmicStates($state: $State, states: {
+    name: string;
+    initFunc: InitFunc<any>;
+}[], repetitionIndex: number[]): void;
 export declare function generateStateOnChangeProp($state: $State, path: ObjectPath): (val: any) => void;
+export declare function generateStateOnChangePropForCodeComponents($state: $State, stateName: string, plasmicStatePath: ObjectPath, componentHelpers: ComponentHelpers<any>): (val: any) => void;
 export declare function generateStateValueProp($state: $State, path: ObjectPath): any;
 export declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
 export declare function isPlasmicStateProxy(obj: any): boolean;

package/dist/states/index.d.ts

@@ -1,4 +1,4 @@
 export { default as get } from "dlv";
-export { generateStateOnChangeProp, generateStateValueProp, getCurrentInitialValue, getStateCellsInPlasmicProxy, getStateSpecInPlasmicProxy, isPlasmicStateProxy, resetToInitialValue, set, } from "./helpers";
+export { generateStateOnChangeProp, generateStateOnChangePropForCodeComponents, generateStateValueProp, getCurrentInitialValue, getStateCellsInPlasmicProxy, getStateSpecInPlasmicProxy, initializeCodeComponentStates, initializePlasmicStates, isPlasmicStateProxy, resetToInitialValue, set, } from "./helpers";
 export { $State, $StateSpec } from "./types";
 export { useDollarState } from "./valtio";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plasmicapp/react-web",
-  "version": "0.2.176",
+  "version": "0.2.178",
   "description": "plasmic library for rendering in the presentational style",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -86,9 +86,9 @@
   },
   "prettier": {},
   "dependencies": {
-    "@plasmicapp/data-sources": "0.1.50",
+    "@plasmicapp/data-sources": "0.1.51",
     "@plasmicapp/data-sources-context": "0.1.7",
-    "@plasmicapp/host": "1.0.117",
+    "@plasmicapp/host": "1.0.118",
     "@plasmicapp/query": "0.1.61",
     "@react-aria/checkbox": "^3.5.0",
     "@react-aria/focus": "^3.7.0",
@@ -155,5 +155,5 @@
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
-  "gitHead": "a1c72e430eeac84ef53622f2f7a4642e54657443"
+  "gitHead": "f5d0cd2ad8930d509f48d608bda4829c5158dc00"
 }

package/skinny/dist/index.js

@@ -1322,9 +1322,67 @@ function useDollarState(specs) {
     return $state;
 }
 
+function initializeCodeComponentStates($state, states, repetitionIndex, componentHelpers, child$Props) {
+    var e_1, _a;
+    var _b, _c;
+    var stateHelpers = (_b = componentHelpers === null || componentHelpers === void 0 ? void 0 : componentHelpers.states) !== null && _b !== void 0 ? _b : {};
+    var _loop_1 = function (name_1, plasmicStateName) {
+        if (name_1 in stateHelpers && "initFunc" in stateHelpers[name_1]) {
+            (_c = $state.registerInitFunc) === null || _c === void 0 ? void 0 : _c.call($state, plasmicStateName, function (_a) {
+                var _b, _c;
+                var $props = _a.$props;
+                return (_c = (_b = stateHelpers[name_1]).initFunc) === null || _c === void 0 ? void 0 : _c.call(_b, $props);
+            }, repetitionIndex !== null && repetitionIndex !== void 0 ? repetitionIndex : [], { $props: child$Props });
+        }
+    };
+    try {
+        for (var states_1 = __values(states), states_1_1 = states_1.next(); !states_1_1.done; states_1_1 = states_1.next()) {
+            var _d = states_1_1.value, name_1 = _d.name, plasmicStateName = _d.plasmicStateName;
+            _loop_1(name_1, plasmicStateName);
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (states_1_1 && !states_1_1.done && (_a = states_1["return"])) _a.call(states_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+}
+function initializePlasmicStates($state, states, repetitionIndex) {
+    var e_2, _a;
+    var _b;
+    try {
+        for (var states_2 = __values(states), states_2_1 = states_2.next(); !states_2_1.done; states_2_1 = states_2.next()) {
+            var _c = states_2_1.value, name_2 = _c.name, initFunc = _c.initFunc;
+            (_b = $state.registerInitFunc) === null || _b === void 0 ? void 0 : _b.call($state, name_2, initFunc, repetitionIndex !== null && repetitionIndex !== void 0 ? repetitionIndex : []);
+        }
+    }
+    catch (e_2_1) { e_2 = { error: e_2_1 }; }
+    finally {
+        try {
+            if (states_2_1 && !states_2_1.done && (_a = states_2["return"])) _a.call(states_2);
+        }
+        finally { if (e_2) throw e_2.error; }
+    }
+}
 function generateStateOnChangeProp($state, path) {
     return function (val) { return set($state, path, val); };
 }
+function generateStateOnChangePropForCodeComponents($state, stateName, plasmicStatePath, componentHelpers) {
+    var _a, _b;
+    var onChangeArgsToValue = (_b = (_a = componentHelpers === null || componentHelpers === void 0 ? void 0 : componentHelpers.states) === null || _a === void 0 ? void 0 : _a[stateName]) === null || _b === void 0 ? void 0 : _b.onChangeArgsToValue;
+    if (!onChangeArgsToValue || typeof onChangeArgsToValue !== "function") {
+        return generateStateOnChangeProp($state, plasmicStatePath);
+    }
+    return function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        return generateStateOnChangeProp($state, plasmicStatePath)(onChangeArgsToValue.apply(null, args));
+    };
+}
 function generateStateValueProp($state, path) {
     return get($state, path);
 }
@@ -1478,5 +1536,5 @@ function assignValue(object, key, value) {
 // Utilities used by generated code
 var classNames = classNames$1;
 
-export { PlasmicIcon, PlasmicLink, PlasmicPageGuard, PlasmicSlot, Stack, classNames, createPlasmicElementProxy, createUseScreenVariants, deriveRenderOpts, ensureGlobalVariants, generateStateOnChangeProp, generateStateValueProp, getCurrentInitialValue, getStateCellsInPlasmicProxy, getStateSpecInPlasmicProxy, hasVariant, isPlasmicStateProxy, makeFragment, mergeVariantsWithStates, renderPlasmicSlot, resetToInitialValue, set, useDollarState, useTrigger, wrapWithClassName };
+export { PlasmicIcon, PlasmicLink, PlasmicPageGuard, PlasmicSlot, Stack, classNames, createPlasmicElementProxy, createUseScreenVariants, deriveRenderOpts, ensureGlobalVariants, generateStateOnChangeProp, generateStateOnChangePropForCodeComponents, generateStateValueProp, getCurrentInitialValue, getStateCellsInPlasmicProxy, getStateSpecInPlasmicProxy, hasVariant, initializeCodeComponentStates, initializePlasmicStates, isPlasmicStateProxy, makeFragment, mergeVariantsWithStates, renderPlasmicSlot, resetToInitialValue, set, useDollarState, useTrigger, wrapWithClassName };
 //# sourceMappingURL=index.js.map