@plasmicapp/react-web 0.2.136 → 0.2.138

package/dist/render/translation.d.ts

@@ -6,6 +6,7 @@ export declare type PlasmicTranslator = (str: string, opts?: {
 }) => React.ReactNode;
 export declare const PlasmicTranslatorContext: React.Context<PlasmicTranslator | undefined>;
 export interface TransProps {
+    transKey?: string;
     children?: React.ReactNode;
 }
 export declare function genTranslatableString(elt: React.ReactNode): {
@@ -15,4 +16,4 @@ export declare function genTranslatableString(elt: React.ReactNode): {
     };
     componentsCount: number;
 };
-export declare function Trans({ children }: TransProps): React.ReactNode;
+export declare function Trans({ transKey, children }: TransProps): React.ReactNode;

package/dist/states/graph.d.ts

@@ -1,15 +1,36 @@
-import { $StateSpec, Internal$StateSpec } from ".";
+import { $StateSpec, InitFunc, Internal$StateSpec, ObjectPath } from "./types";
+export interface StateCell<T> {
+    initialValue?: T | Symbol;
+    path: ObjectPath;
+    registeredInitFunc?: InitFunc<T>;
+    listeners: (() => void)[];
+}
 export declare class StateSpecNode<T> {
     private specs;
     private edges;
+    private state;
     constructor(specs: Internal$StateSpec<T>[]);
     hasEdge(key: string | symbol): boolean;
     addEdge(key: string | symbol, node: StateSpecNode<any>): void;
+    children(): IterableIterator<StateSpecNode<any>>;
     makeTransition(key: string | symbol | number): StateSpecNode<any> | undefined;
     isLeaf(): boolean;
     hasArrayTransition(): boolean;
     getSpec(): Internal$StateSpec<T>;
     getAllSpecs(): Internal$StateSpec<T>[];
+    getState(path: ObjectPath): StateCell<T>;
+    clearStates(): void;
+    states(): StateCell<T>[];
+    hasState(path: ObjectPath): boolean;
+    createStateCell(path: ObjectPath): void;
+    setInitialValue(path: ObjectPath, value: any): void;
+    getInitialValue(path: ObjectPath): Symbol | T | undefined;
+    addListener(path: ObjectPath, f: () => void): void;
 }
 export declare const transformPathStringToObj: (str: string) => (string | symbol)[];
-export declare function buildGraph(specs: $StateSpec<any>[]): StateSpecNode<any>;
+export declare function buildTree(specs: $StateSpec<any>[]): StateSpecNode<any>;
+export declare function getLeaves(root: StateSpecNode<any>): StateSpecNode<any>[];
+export declare function findStateCell(root: StateSpecNode<any>, pathStr: string, repetitionIndex?: number[]): {
+    node: StateSpecNode<any>;
+    realPath: ObjectPath;
+};

package/dist/states/helpers.d.ts

@@ -1,6 +1,5 @@
-import get from "dlv";
 import { useLayoutEffect } from "react";
-import { $State } from ".";
+import { $State } from "./types";
 export declare function generateStateOnChangeProp($state: $State, stateName: string, dataReps: number[]): (val: any, path: (string | number)[]) => void;
 /**
  * This function generate the state value prop for repeated states
@@ -9,12 +8,14 @@ export declare function generateStateOnChangeProp($state: $State, stateName: str
  * We need to pass `parent[index1][index2].counter to the child component
  */
 export declare function generateStateValueProp($state: $State, path: (string | number)[]): any;
+export declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
+export declare function shallowEqual<T>(a1: T[], a2: T[]): boolean;
+export declare function isNum(value: string | number | symbol): value is number;
+declare type StringGen = string | (() => string);
+export declare function assert<T>(cond: T, msg?: StringGen): asserts cond;
 /**
  * Forked from https://github.com/lukeed/dset
  * Changes: fixed setting a deep value to a proxy object
  */
 export declare function set(obj: any, keys: any, val: any): void;
-export declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
-export declare function shallowEqual<T>(a1: T[], a2: T[]): boolean;
-export declare function isNum(value: string | number | symbol): value is number;
-export { get };
+export {};

package/dist/states/index.d.ts

@@ -1,24 +1,4 @@
-export declare type InitFunc<T> = ($props: Record<string, any>, $state: $State, $ctx: Record<string, any>, indexes?: number[]) => T;
-export declare type ObjectPath = (string | number)[];
-export interface $StateSpec<T> {
-    path: string;
-    initFunc?: InitFunc<T>;
-    initVal?: T;
-    type: "private" | "readonly" | "writable";
-    valueProp?: string;
-    onChangeProp?: string;
-    isImmutable?: boolean;
-}
-export interface $State {
-    [key: string]: any;
-    registerInitFunc?: (path: string, f: InitFunc<any>) => any;
-}
-export declare const ARRAY_SYMBOL: unique symbol;
-export interface Internal$StateSpec<T> extends $StateSpec<T> {
-    isRepeated: boolean;
-    pathObj: (string | symbol)[];
-}
-export interface Internal$StateInstance {
-    path: ObjectPath;
-    specKey: string;
-}
+export { default as get } from "dlv";
+export { generateStateOnChangeProp, generateStateValueProp, set, } from "./helpers";
+export { $State } from "./types";
+export { useDollarState } from "./valtio";

package/dist/states/types.d.ts

@@ -0,0 +1,24 @@
+export declare type InitFunc<T> = ($props: Record<string, any>, $state: $State, $ctx: Record<string, any>, indexes?: number[]) => T;
+export declare type ObjectPath = (string | number)[];
+export interface $StateSpec<T> {
+    path: string;
+    initFunc?: InitFunc<T>;
+    initVal?: T;
+    type: "private" | "readonly" | "writable";
+    valueProp?: string;
+    onChangeProp?: string;
+    isImmutable?: boolean;
+}
+export interface $State {
+    [key: string]: any;
+    registerInitFunc?: (path: string, f: InitFunc<any>, repetitonIndex?: number[]) => any;
+}
+export declare const ARRAY_SYMBOL: unique symbol;
+export interface Internal$StateSpec<T> extends $StateSpec<T> {
+    isRepeated: boolean;
+    pathObj: (string | symbol)[];
+}
+export interface Internal$StateInstance {
+    path: ObjectPath;
+    specKey: string;
+}

package/dist/states/valtio.d.ts

@@ -1,4 +1,3 @@
-import { $StateSpec } from ".";
-export declare function useDollarState(specs: $StateSpec<any>[], props: Record<string, any>, $ctx?: Record<string, any>): any;
+import { $State, $StateSpec } from "./types";
+export declare function useDollarState(specs: $StateSpec<any>[], props: Record<string, any>, $ctx?: Record<string, any>): $State;
 export default useDollarState;
-export declare function useCanvasDollarState(specs: $StateSpec<any>[], props: Record<string, any>, $ctx?: Record<string, any>): {};

package/dist/stories/UseDollarState.stories.d.ts

@@ -58,6 +58,7 @@ export declare const StateCellIsArray: import("@storybook/csf").AnnotatedStoryFn
 export declare const StateCellIsMatrix: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, {
     board: number[][];
 }>;
+export declare const IsOnChangePropImmediatelyFired: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, {}>;
 export declare const ImmutableStateCells: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, {
     people: Person[];
 }>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plasmicapp/react-web",
-  "version": "0.2.136",
+  "version": "0.2.138",
   "description": "plasmic library for rendering in the presentational style",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -40,9 +40,9 @@
   },
   "prettier": {},
   "dependencies": {
-    "@plasmicapp/data-sources": "0.1.22",
-    "@plasmicapp/data-sources-context": "0.1.2",
-    "@plasmicapp/host": "1.0.92",
+    "@plasmicapp/data-sources": "0.1.23",
+    "@plasmicapp/data-sources-context": "0.1.3",
+    "@plasmicapp/host": "1.0.93",
     "@plasmicapp/query": "0.1.58",
     "@react-aria/checkbox": "^3.5.0",
     "@react-aria/focus": "^3.7.0",
@@ -65,7 +65,6 @@
     "classnames": "^2.2.6",
     "clone": "^2.1.2",
     "dlv": "^1.1.3",
-    "dset": "^3.1.2",
     "fast-deep-equal": "^3.1.3",
     "valtio": "^1.6.3"
   },
@@ -110,5 +109,5 @@
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
-  "gitHead": "fc4a6232afc0ab9b236d8e1f9988e3e598e86c27"
+  "gitHead": "29e95851972acf14bf3ff15462022d322f4c6b57"
 }

package/skinny/dist/auth/PlasmicPageGuard.d.ts

@@ -0,0 +1,7 @@
+import { PlasmicDataSourceContextValue } from "@plasmicapp/data-sources-context";
+import React from "react";
+export declare function PlasmicPageGuard(props: {
+    children: React.ReactNode;
+    dataSourceCtxValue: PlasmicDataSourceContextValue | undefined;
+    validRoles: string[];
+}): React.ReactNode;

package/skinny/dist/index-common.d.ts

@@ -1,4 +1,5 @@
 import _classNames from "classnames";
+export { PlasmicPageGuard } from "./auth/PlasmicPageGuard";
 export { omit, pick } from "./common";
 export { HTMLElementRefOf, StrictProps } from "./react-utils";
 export { createPlasmicElementProxy, deriveRenderOpts, Flex, hasVariant, makeFragment, mergeVariantsWithStates, MultiChoiceArg, SingleBooleanChoiceArg, SingleChoiceArg, wrapWithClassName, } from "./render/elements";
@@ -13,7 +14,5 @@ export { PlasmicDataSourceContextProvider, PlasmicRootProvider, useCurrentUser,
 export { Stack } from "./render/Stack";
 export { genTranslatableString, Trans } from "./render/translation";
 export { useTrigger } from "./render/triggers";
-export { $State } from "./states";
-export * from "./states/helpers";
-export { default as useDollarState, useCanvasDollarState, } from "./states/valtio";
+export * from "./states";
 export declare const classNames: typeof _classNames;