@plasmicapp/react-web 0.2.356 → 0.2.358

package/dist/all.d.ts

@@ -2,67 +2,6 @@
 import * as React$1 from 'react';
 import React__default, { AriaAttributes, DOMAttributes as DOMAttributes$1, AriaRole, CSSProperties as CSSProperties$1, ReactNode, ReactElement, FocusEvent, KeyboardEvent as KeyboardEvent$1, SyntheticEvent } from 'react';
 
-interface PlasmicPageGuardProps {
-    appId: string;
-    authorizeEndpoint: string;
-    minRole?: string;
-    canTriggerLogin: boolean;
-    children: React__default.ReactNode;
-    unauthorizedComp?: React__default.ReactNode;
-}
-declare function PlasmicPageGuard(props: PlasmicPageGuardProps): React__default.JSX.Element | null;
-declare function withPlasmicPageGuard<P extends object>(WrappedComponent: React__default.ComponentType<P>, options: Omit<PlasmicPageGuardProps, "children">): React__default.FC<P>;
-
-declare function pick<T extends {}>(obj: T, ...keys: (string | number | symbol)[]): Partial<T>;
-declare function omit<T extends {}>(obj: T, ...keys: (keyof T)[]): Partial<T>;
-
-type StrictProps<T, TExpected> = Exclude<keyof T, keyof TExpected> extends never ? {} : Partial<"Unexpected extraneous props">;
-type HTMLElementRefOf<T extends keyof JSX.IntrinsicElements> = Exclude<React__default.ComponentProps<T>["ref"], string>;
-
-// Type definitions for dlv 1.1
-// Project: https://github.com/developit/dlv#readme
-// Definitions by: Ryan Sonshine <https://github.com/ryansonshine>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.2
-
-
-declare function dlv(object: object, key: string | Array<string | number>, defaultValue?: any): any;
-
-type InitFuncEnv = {
-    $props: Record<string, any>;
-    $state: Record<string, any>;
-    $queries?: Record<string, any>;
-    $ctx?: Record<string, any>;
-    $refs?: Record<string, any>;
-};
-type DollarStateEnv = Omit<InitFuncEnv, "$state">;
-type NoUndefinedField<T> = {
-    [P in keyof T]-?: T[P];
-};
-type InitFunc<T> = (env: NoUndefinedField<InitFuncEnv>) => T;
-type ObjectPath = (string | number)[];
-interface $StateSpec<T> {
-    path: string;
-    initFunc?: InitFunc<T>;
-    initVal?: T;
-    type: "private" | "readonly" | "writable";
-    valueProp?: string;
-    onChangeProp?: string;
-    isImmutable?: boolean;
-    variableType: "text" | "number" | "boolean" | "array" | "object" | "variant" | "dateString" | "dateRangeStrings";
-    initFuncHash?: string;
-    refName?: string;
-    onMutate?: (stateValue: T, $ref: any) => void;
-}
-interface $State {
-    [key: string]: any;
-    registerInitFunc?: (path: string, f: InitFunc<any>, repetitonIndex?: number[], overrideEnv?: DollarStateEnv) => any;
-}
-interface Internal$StateSpec<T> extends $StateSpec<T> {
-    isRepeated: boolean;
-    pathObj: (string | symbol)[];
-}
-
 declare global {
     interface Window {
         __PlasmicHostVersion: string;
@@ -12467,6 +12406,78 @@ declare global {
     }
 }
 
+type PlasmicTranslator = (str: string, opts?: {
+    components?: {
+        [key: string]: React__default.ReactElement;
+    };
+}) => React__default.ReactNode;
+interface PlasmicI18NContextValue {
+    translator?: PlasmicTranslator;
+    tagPrefix?: string;
+}
+declare function usePlasmicTranslator$1(): PlasmicTranslator | undefined;
+
+interface PlasmicPageGuardProps {
+    appId: string;
+    authorizeEndpoint: string;
+    minRole?: string;
+    canTriggerLogin: boolean;
+    children: React__default.ReactNode;
+    unauthorizedComp?: React__default.ReactNode;
+}
+declare function PlasmicPageGuard(props: PlasmicPageGuardProps): React__default.JSX.Element | null;
+declare function withPlasmicPageGuard<P extends object>(WrappedComponent: React__default.ComponentType<P>, options: Omit<PlasmicPageGuardProps, "children">): React__default.FC<P>;
+
+declare function pick<T extends {}>(obj: T, ...keys: (string | number | symbol)[]): Partial<T>;
+declare function omit<T extends {}>(obj: T, ...keys: (keyof T)[]): Partial<T>;
+
+type StrictProps<T, TExpected> = Exclude<keyof T, keyof TExpected> extends never ? {} : Partial<"Unexpected extraneous props">;
+type HTMLElementRefOf<T extends keyof JSX.IntrinsicElements> = Exclude<React__default.ComponentProps<T>["ref"], string>;
+
+// Type definitions for dlv 1.1
+// Project: https://github.com/developit/dlv#readme
+// Definitions by: Ryan Sonshine <https://github.com/ryansonshine>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+
+declare function dlv(object: object, key: string | Array<string | number>, defaultValue?: any): any;
+
+type InitFuncEnv = {
+    $props: Record<string, any>;
+    $state: Record<string, any>;
+    $queries?: Record<string, any>;
+    $ctx?: Record<string, any>;
+    $refs?: Record<string, any>;
+};
+type DollarStateEnv = Omit<InitFuncEnv, "$state">;
+type NoUndefinedField<T> = {
+    [P in keyof T]-?: T[P];
+};
+type InitFunc<T> = (env: NoUndefinedField<InitFuncEnv>) => T;
+type ObjectPath = (string | number)[];
+interface $StateSpec<T> {
+    path: string;
+    initFunc?: InitFunc<T>;
+    initVal?: T;
+    type: "private" | "readonly" | "writable";
+    valueProp?: string;
+    onChangeProp?: string;
+    isImmutable?: boolean;
+    variableType: "text" | "number" | "boolean" | "array" | "object" | "variant" | "dateString" | "dateRangeStrings";
+    initFuncHash?: string;
+    refName?: string;
+    onMutate?: (stateValue: T, $ref: any) => void;
+}
+interface $State {
+    [key: string]: any;
+    registerInitFunc?: (path: string, f: InitFunc<any>, repetitonIndex?: number[], overrideEnv?: DollarStateEnv) => any;
+}
+interface Internal$StateSpec<T> extends $StateSpec<T> {
+    isRepeated: boolean;
+    pathObj: (string | symbol)[];
+}
+
 declare function initializeCodeComponentStates($state: $State, states: {
     name: string;
     plasmicStateName: string;
@@ -12739,31 +12750,6 @@ declare function useCurrentUser(): {
  */
 declare function useIsSSR$1(): boolean;
 
-type PlasmicTranslator = (str: string, opts?: {
-    components?: {
-        [key: string]: React__default.ReactElement;
-    };
-}) => React__default.ReactNode;
-interface PlasmicI18NContextValue {
-    translator?: PlasmicTranslator;
-    tagPrefix?: string;
-}
-interface TransProps {
-    transKey?: string;
-    children?: React__default.ReactNode;
-}
-declare function usePlasmicTranslator(): PlasmicTranslator | undefined;
-declare function genTranslatableString(elt: React__default.ReactNode, opts?: {
-    tagPrefix?: string;
-}): {
-    str: string;
-    components: {
-        [key: string]: React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
-    };
-    componentsCount: number;
-};
-declare function Trans({ transKey, children }: TransProps): React__default.ReactNode;
-
 interface PlasmicRootProviderProps extends PlasmicDataSourceContextValue {
     platform?: "nextjs" | "gatsby";
     children?: React$1.ReactNode;
@@ -12831,6 +12817,22 @@ declare const Stack: (<T extends keyof JSX.IntrinsicElements = "div">(props: {
     }>;
 };
 
+declare const usePlasmicTranslator: typeof usePlasmicTranslator$1;
+interface TransProps {
+    transKey?: string;
+    children?: React__default.ReactNode;
+}
+declare function genTranslatableString(elt: React__default.ReactNode, opts?: {
+    tagPrefix?: string;
+}): {
+    str: string;
+    components: {
+        [key: string]: React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
+    };
+    componentsCount: number;
+};
+declare function Trans({ transKey, children }: TransProps): React__default.ReactNode;
+
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");

package/dist/index-common.d.ts

@@ -1,7 +1,8 @@
+export { PlasmicTranslator } from "@plasmicapp/host";
 export { PlasmicPageGuard, withPlasmicPageGuard, } 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";
+export { Flex, MultiChoiceArg, SingleBooleanChoiceArg, SingleChoiceArg, createPlasmicElementProxy, deriveRenderOpts, hasVariant, makeFragment, mergeVariantsWithStates, wrapWithClassName, } from "./render/elements";
 export { ensureGlobalVariants } from "./render/global-variants";
 export { PlasmicHead, plasmicHeadMeta } from "./render/PlasmicHead";
 export { PlasmicIcon } from "./render/PlasmicIcon";
@@ -11,7 +12,7 @@ export { PlasmicSlot, renderPlasmicSlot } from "./render/PlasmicSlot";
 export { createUseScreenVariants } from "./render/screen-variants";
 export { PlasmicDataSourceContextProvider, PlasmicRootProvider, useCurrentUser, useIsSSR, } from "./render/ssr";
 export { Stack } from "./render/Stack";
-export { genTranslatableString, PlasmicTranslator, Trans, usePlasmicTranslator, } from "./render/translation";
+export { Trans, genTranslatableString, usePlasmicTranslator, } from "./render/translation";
 export { useTrigger } from "./render/triggers";
 export * from "./states";
 export declare const classNames: any;

package/dist/index.cjs.js

@@ -1493,11 +1493,9 @@ function isInternalHref(href) {
     return /^\/(?!\/)/.test(href);
 }
 
-var PlasmicTranslatorContext = React.createContext(undefined);
-function isIterable(val) {
-    return val != null && typeof val[Symbol.iterator] === "function";
-}
-function usePlasmicTranslator() {
+// Make the refactor to host backwards compatible for loader
+var PlasmicTranslatorContext = host.PlasmicTranslatorContext !== null && host.PlasmicTranslatorContext !== void 0 ? host.PlasmicTranslatorContext : React.createContext(undefined);
+var usePlasmicTranslator = host.usePlasmicTranslator !== null && host.usePlasmicTranslator !== void 0 ? host.usePlasmicTranslator : (function () {
     var _t = React.useContext(PlasmicTranslatorContext);
     var translator = _t
         ? typeof _t === "function"
@@ -1505,7 +1503,7 @@ function usePlasmicTranslator() {
             : _t.translator
         : undefined;
     return translator;
-}
+});
 function genTranslatableString(elt, opts) {
     var components = {};
     var componentsCount = 0;
@@ -1585,6 +1583,9 @@ function warnNoTranslationFunctionAtMostOnce() {
 function hasKey(v, key) {
     return typeof v === "object" && v !== null && key in v;
 }
+function isIterable(val) {
+    return val != null && typeof val[Symbol.iterator] === "function";
+}
 
 function PlasmicSlot(props) {
     return renderPlasmicSlot(props);
@@ -1739,10 +1740,10 @@ function PlasmicRootProvider(props) {
         authRedirectUri: authRedirectUri,
     }); }, [userAuthToken, isUserLoading, user, authRedirectUri]);
     var reactMajorVersion = +React__namespace.version.split(".")[0];
-    return (React__namespace.createElement(MaybeWrap, { cond: !disableLoadingBoundary && reactMajorVersion >= 18, wrapper: function (children) { return (React__namespace.createElement(host.DataProvider, { name: "plasmicInternalEnableLoadingBoundary", hidden: true, data: true },
-            React__namespace.createElement(React__namespace.Suspense, { fallback: suspenseFallback !== null && suspenseFallback !== void 0 ? suspenseFallback : "Loading..." }, children))); } },
+    return (React__namespace.createElement(MaybeWrap, { cond: !disableLoadingBoundary && reactMajorVersion >= 18, wrapper: function (children_) { return (React__namespace.createElement(host.DataProvider, { name: "plasmicInternalEnableLoadingBoundary", hidden: true, data: true },
+            React__namespace.createElement(React__namespace.Suspense, { fallback: suspenseFallback !== null && suspenseFallback !== void 0 ? suspenseFallback : "Loading..." }, children_))); } },
         React__namespace.createElement(PlasmicRootContext.Provider, { value: context },
-            React__namespace.createElement(MaybeWrap, { cond: reactMajorVersion < 18, wrapper: function (children) { return React__namespace.createElement(ssr.SSRProvider, null, children); } },
+            React__namespace.createElement(MaybeWrap, { cond: reactMajorVersion < 18, wrapper: function (children_) { return React__namespace.createElement(ssr.SSRProvider, null, children_); } },
                 React__namespace.createElement(dataSourcesContext.PlasmicDataSourceContextProvider, { value: dataSourceContextValue },
                     React__namespace.createElement(PlasmicTranslatorContext.Provider, { value: (_a = props.i18n) !== null && _a !== void 0 ? _a : props.translator },
                         React__namespace.createElement(PlasmicHeadContext.Provider, { value: props.Head },
@@ -2110,7 +2111,7 @@ function subscribeToValtio($$state, statePath, node) {
     }
 }
 function initializeStateValue($$state, initialStateCell, proxyRoot) {
-    var _a, _b, _c;
+    var _a;
     var initialStateName = initialStateCell.node.getSpec().path;
     var stateAccess = new Set();
     $$state.stateInitializationEnv.visited.add(initialStateName);
@@ -2167,16 +2168,12 @@ function initializeStateValue($$state, initialStateCell, proxyRoot) {
             : clonedValue;
         set(proxyRoot, initialStateCell.path, value);
     }
-    catch (_d) {
+    catch (_b) {
         // Setting the state to undefined to make sure it gets re-initialized
         // in case it changes values.
         initialStateCell.initialValue = undefined;
         set(proxyRoot, initialStateCell.path, undefined);
     }
-    //immediately fire onChange
-    if (initialSpec.onChangeProp) {
-        (_c = (_b = $$state.env.$props)[initialSpec.onChangeProp]) === null || _c === void 0 ? void 0 : _c.call(_b, initialValue);
-    }
     $$state.stateInitializationEnv.visited.delete(initialStateName);
     $$state.stateInitializationEnv.stack.pop();
     return initialValue;
@@ -2517,7 +2514,9 @@ function useDollarState(specs) {
             var spec = node.getSpec();
             if (!spec.isRepeated && spec.type !== "private" && spec.initFunc) {
                 var stateCell = getStateCellFrom$StateRoot($state, spec.pathObj);
-                initializeStateValue($$state, stateCell, $state);
+                if (stateCell.initialValue === UNINITIALIZED) {
+                    initializeStateValue($$state, stateCell, $state);
+                }
             }
         });
     }, []);