@plasmicapp/react-web 0.2.136 → 0.2.138

package/dist/all.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default, { AriaAttributes, DOMAttributes as DOMAttributes$1, AriaRole, CSSProperties, Key, ReactNode, ReactElement, FocusEvent, KeyboardEvent as KeyboardEvent$1, SyntheticEvent, useLayoutEffect } from 'react';
+import React__default, { AriaAttributes, DOMAttributes as DOMAttributes$1, AriaRole, CSSProperties, Key, ReactNode, ReactElement, FocusEvent, KeyboardEvent as KeyboardEvent$1, SyntheticEvent } from 'react';
 
 // LICENSE is MIT
 //
@@ -17,12 +17,40 @@ type Argument = Value | Mapping | Argument[];
 
 declare function classNames$1(...args: Argument[]): string;
 
+interface PlasmicDataSourceContextValue {
+    userAuthToken?: string;
+    isUserLoading?: boolean;
+    user?: {
+        id: string;
+        email: string;
+        roleId: string;
+        properties: Record<string, unknown> | null;
+    };
+}
+declare function useCurrentUser(): {
+    id: string;
+    email: string;
+    roleId: string;
+    properties: Record<string, unknown> | null;
+} | undefined;
+declare const PlasmicDataSourceContextProvider: React__default.Provider<PlasmicDataSourceContextValue | undefined>;
+
+declare function PlasmicPageGuard(props: {
+    children: React__default.ReactNode;
+    dataSourceCtxValue: PlasmicDataSourceContextValue | undefined;
+    validRoles: string[];
+}): {} | null | undefined;
+
 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>;
 
 declare type StrictProps<T, TExpected> = Exclude<keyof T, keyof TExpected> extends never ? {} : Partial<"Unexpected extraneous props">;
 declare type HTMLElementRefOf<T extends keyof JSX.IntrinsicElements> = Exclude<React__default.ComponentProps<T>["ref"], string>;
 
+// Type definitions for dlv 1.1
+
+declare function dlv(object: object, key: string | Array<string | number>, defaultValue?: any): any;
+
 declare type InitFunc<T> = ($props: Record<string, any>, $state: $State, $ctx: Record<string, any>, indexes?: number[]) => T;
 interface $StateSpec<T> {
     path: string;
@@ -35,9 +63,25 @@ interface $StateSpec<T> {
 }
 interface $State {
     [key: string]: any;
-    registerInitFunc?: (path: string, f: InitFunc<any>) => any;
+    registerInitFunc?: (path: string, f: InitFunc<any>, repetitonIndex?: number[]) => any;
 }
 
+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
+ * Example:
+ *   - parent[][].counter[].count
+ * We need to pass `parent[index1][index2].counter to the child component
+ */
+declare function generateStateValueProp($state: $State, path: (string | number)[]): any;
+/**
+ * Forked from https://github.com/lukeed/dset
+ * Changes: fixed setting a deep value to a proxy object
+ */
+declare function set(obj: any, keys: any, val: any): void;
+
+declare function useDollarState(specs: $StateSpec<any>[], props: Record<string, any>, $ctx?: Record<string, any>): $State;
+
 interface Variants {
     [vg: string]: any;
 }
@@ -254,6 +298,7 @@ declare type PlasmicTranslator = (str: string, opts?: {
     };
 }) => React__default.ReactNode;
 interface TransProps {
+    transKey?: string;
     children?: React__default.ReactNode;
 }
 declare function genTranslatableString(elt: React__default.ReactNode): {
@@ -263,24 +308,7 @@ declare function genTranslatableString(elt: React__default.ReactNode): {
     };
     componentsCount: number;
 };
-declare function Trans({ children }: TransProps): React__default.ReactNode;
-
-interface PlasmicDataSourceContextValue {
-    userAuthToken?: string;
-    user?: {
-        userId: string;
-        email: string;
-        roles: string[];
-        properties: Record<string, unknown> | null;
-    };
-}
-declare function useCurrentUser(): {
-    userId: string;
-    email: string;
-    roles: string[];
-    properties: Record<string, unknown> | null;
-} | undefined;
-declare const PlasmicDataSourceContextProvider: React__default.Provider<PlasmicDataSourceContextValue | undefined>;
+declare function Trans({ transKey, children }: TransProps): React__default.ReactNode;
 
 interface PlasmicRootProviderProps {
     platform?: "nextjs" | "gatsby";
@@ -652,31 +680,6 @@ interface TriggerOpts {
  */
 declare function useTrigger(trigger: TriggerType, opts: TriggerOpts): [boolean, React.HTMLAttributes<HTMLElement>];
 
-// Type definitions for dlv 1.1
-
-declare function dlv(object: object, key: string | Array<string | number>, defaultValue?: any): any;
-
-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
- * Example:
- *   - parent[][].counter[].count
- * We need to pass `parent[index1][index2].counter to the child component
- */
-declare function generateStateValueProp($state: $State, path: (string | number)[]): any;
-/**
- * Forked from https://github.com/lukeed/dset
- * Changes: fixed setting a deep value to a proxy object
- */
-declare function set(obj: any, keys: any, val: any): void;
-declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
-declare function shallowEqual<T>(a1: T[], a2: T[]): boolean;
-declare function isNum(value: string | number | symbol): value is number;
-
-declare function useDollarState(specs: $StateSpec<any>[], props: Record<string, any>, $ctx?: Record<string, any>): any;
-
-declare function useCanvasDollarState(specs: $StateSpec<any>[], props: Record<string, any>, $ctx?: Record<string, any>): {};
-
 declare const classNames: typeof classNames$1;
 
 declare function setPlumeStrictMode(mode: boolean): void;
@@ -1635,4 +1638,4 @@ interface TriggeredOverlayContextValue {
 }
 declare const TriggeredOverlayContext: React.Context<TriggeredOverlayContextValue | undefined>;
 
-export { $State, BaseButtonProps, BaseMenuButtonProps, BaseMenuGroupProps, BaseMenuItemProps, BaseMenuProps, BaseSelectOptionGroupProps, BaseSelectOptionProps, BaseSelectProps, BaseTextInputProps, BaseTriggeredOverlayProps, ButtonRef, CheckboxProps, CheckboxRef, CheckboxRefValue, DropdownMenu, Flex, HTMLElementRefOf, HtmlAnchorOnlyProps, HtmlButtonOnlyProps, MenuButtonRef, MenuButtonRefValue, MenuRef, MenuRefValue, MultiChoiceArg, PlasmicDataSourceContextProvider, PlasmicHead, PlasmicIcon, PlasmicImg, PlasmicLink, PlasmicRootProvider, PlasmicSlot, SelectContext, SelectOptionRef, SelectRef, SelectRefValue, SingleBooleanChoiceArg, SingleChoiceArg, Stack, StrictProps, SwitchProps, SwitchRef, SwitchRefValue, TextInputRef, TextInputRefValue, Trans, TriggeredOverlayConfig, TriggeredOverlayContext, TriggeredOverlayRef, classNames, createPlasmicElementProxy, createUseScreenVariants, deriveRenderOpts, ensureGlobalVariants, genTranslatableString, generateStateOnChangeProp, generateStateValueProp, dlv as get, getDataProps, hasVariant, isNum, makeFragment, mergeVariantsWithStates, omit, pick, plasmicHeadMeta, renderPlasmicSlot, set, setPlumeStrictMode, shallowEqual, useButton, useCanvasDollarState, useCheckbox, useCurrentUser, useDollarState, useIsSSR, useIsomorphicLayoutEffect, useMenu, useMenuButton, useMenuGroup, useMenuItem, useSelect, useSelectOption, useSelectOptionGroup, useSwitch, useTextInput, useTrigger, useTriggeredOverlay, wrapWithClassName };
+export { $State, BaseButtonProps, BaseMenuButtonProps, BaseMenuGroupProps, BaseMenuItemProps, BaseMenuProps, BaseSelectOptionGroupProps, BaseSelectOptionProps, BaseSelectProps, BaseTextInputProps, BaseTriggeredOverlayProps, ButtonRef, CheckboxProps, CheckboxRef, CheckboxRefValue, DropdownMenu, Flex, HTMLElementRefOf, HtmlAnchorOnlyProps, HtmlButtonOnlyProps, MenuButtonRef, MenuButtonRefValue, MenuRef, MenuRefValue, MultiChoiceArg, PlasmicDataSourceContextProvider, PlasmicHead, PlasmicIcon, PlasmicImg, PlasmicLink, PlasmicPageGuard, PlasmicRootProvider, PlasmicSlot, SelectContext, SelectOptionRef, SelectRef, SelectRefValue, SingleBooleanChoiceArg, SingleChoiceArg, Stack, StrictProps, SwitchProps, SwitchRef, SwitchRefValue, TextInputRef, TextInputRefValue, Trans, TriggeredOverlayConfig, TriggeredOverlayContext, TriggeredOverlayRef, classNames, createPlasmicElementProxy, createUseScreenVariants, deriveRenderOpts, ensureGlobalVariants, genTranslatableString, generateStateOnChangeProp, generateStateValueProp, dlv as get, getDataProps, hasVariant, makeFragment, mergeVariantsWithStates, omit, pick, plasmicHeadMeta, renderPlasmicSlot, set, setPlumeStrictMode, useButton, useCheckbox, useCurrentUser, useDollarState, useIsSSR, useMenu, useMenuButton, useMenuGroup, useMenuItem, useSelect, useSelectOption, useSelectOptionGroup, useSwitch, useTextInput, useTrigger, useTriggeredOverlay, wrapWithClassName };

package/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[];
+}): {} | null | undefined;

package/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;