@plasmicapp/react-web 0.2.110 → 0.2.113

package/LICENSE.md

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2021 Plasmic
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/dist/all.d.ts

@@ -1,26 +1,45 @@
 import * as React from 'react';
 import React__default, { AriaAttributes, DOMAttributes as DOMAttributes$1, AriaRole, CSSProperties, Key, ReactNode, ReactElement, FocusEvent, KeyboardEvent as KeyboardEvent$1, SyntheticEvent } from 'react';
 
-// This is the only way I found to break circular references between ClassArray and ClassValue
-// https://github.com/Microsoft/TypeScript/issues/3496#issuecomment-128553540
-interface ClassArray extends Array<ClassValue> {} // tslint:disable-line no-empty-interface
+// LICENSE is MIT
+//
+// Copyright (c) 2018
+//   Dave Keen <http://www.keendevelopment.ch>
+//   Adi Dahiya <https://github.com/adidahiya>
+//   Jason Killian <https://github.com/JKillian>
+//   Sean Kelley <https://github.com/seansfkelley>
+//   Michal Adamczyk <https://github.com/mradamczyk>
+//   Marvin Hagemeister <https://github.com/marvinhagemeister>
 
-interface ClassDictionary {
-    [id: string]: any;
-}
-
-type ClassValue = string | number | ClassDictionary | ClassArray | undefined | null | boolean;
+type Value = string | number | boolean | undefined | null;
+type Mapping = { [key: string]: any };
+type Argument = Value | Mapping | Argument[];
 
-type ClassNamesFn = (...classes: ClassValue[]) => string;
+declare function classNames$1(...args: Argument[]): string;
 
-type ClassNamesExport = ClassNamesFn & { default: ClassNamesFn };
-
-declare function pick<T>(obj: T, ...keys: (string | number | symbol)[]): Partial<T>;
-declare function omit<T>(obj: T, ...keys: (keyof T)[]): Partial<T>;
+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>;
 
+declare type InitFunc$1<T> = ($props: Record<string, any>, $state: $State$1, indexes: number[]) => T;
+interface $State$1 {
+    [key: string]: any;
+    registerInitFunc?: (path: string, f: InitFunc$1<any>) => any;
+}
+interface $StateSpec<T> {
+    path: string;
+    initFunc?: InitFunc$1<T>;
+    initVal?: T;
+    type: "private" | "readonly" | "writable";
+    valueProp?: string;
+    onChangeProp?: string;
+}
+declare function useDollarState(specs: $StateSpec<any>[], props: Record<string, any>): any;
+
+declare function useCanvasDollarState(specs: $StateSpec<any>[], props: Record<string, any>): any;
+
 interface Variants {
     [vg: string]: any;
 }
@@ -69,6 +88,10 @@ declare function wrapWithClassName(element: React.ReactNode, className: string):
         display: "grid";
     };
 }, HTMLElement>;
+declare function mergeVariantsWithStates(variants: Variants, $state: $State$1, linkedStates: {
+    variantGroup: string;
+    statePath: (string | number)[];
+}[]): Variants;
 declare function deriveRenderOpts(props: Record<string, any>, config: {
     name: string;
     descendantNames: string[];
@@ -244,6 +267,23 @@ declare function genTranslatableString(elt: React__default.ReactNode): {
 };
 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>;
+
 interface PlasmicRootProviderProps {
     platform?: "nextjs" | "gatsby";
     children?: React.ReactNode;
@@ -374,7 +414,8 @@ interface DOMAttributes<T = FocusableElement> extends AriaAttributes, DOMAttribu
   id?: string | undefined,
   role?: AriaRole | undefined,
   tabIndex?: number | undefined,
-  style?: CSSProperties | undefined
+  style?: CSSProperties | undefined,
+  className?: string | undefined
 }
 
 /*
@@ -613,7 +654,7 @@ interface TriggerOpts {
  */
 declare function useTrigger(trigger: TriggerType, opts: TriggerOpts): [boolean, React.HTMLAttributes<HTMLElement>];
 
-declare const classNames: ClassNamesExport;
+declare const classNames: typeof classNames$1;
 
 declare function setPlumeStrictMode(mode: boolean): void;
 declare type VariantArgChoices<T> = T extends (infer M)[] ? M : T extends SingleChoiceArg<infer M> ? M : never;
@@ -1574,17 +1615,8 @@ declare const TriggeredOverlayContext: React.Context<TriggeredOverlayContextValu
 declare type InitFunc<T> = ($props: Record<string, any>, $state: $State) => T;
 interface $State {
     [key: string]: any;
-    registerInitFunc: (path: string, f: InitFunc<any>) => any;
-}
-interface $StateSpec<T> {
-    path: string;
-    initFunc?: InitFunc<T>;
-    initVal?: T;
-    type: "private" | "readonly" | "writable";
-    valueProp?: string;
-    onChangeProp?: string;
-}
-declare function useVanillaDollarState(_specs: $StateSpec<any>[], props: Record<string, any>): $State;
+    registerInitFunc?: (path: string, f: InitFunc<any>) => any;
+}
 
 declare function generateStateOnChangeProp($state: $State, stateName: string, dataReps: number[]): (val: any, path: (string | number)[]) => void;
 /**
@@ -1593,6 +1625,11 @@ declare function generateStateOnChangeProp($state: $State, stateName: string, da
  *   - parent[][].counter[].count
  * We need to pass `parent[index1][index2].counter to the child component
  */
-declare function generateStateValueProp($state: $State, path: (string | number)[]): any;
+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;
 
-export { BaseButtonProps, BaseMenuButtonProps, BaseMenuGroupProps, BaseMenuItemProps, BaseMenuProps, BaseSelectOptionGroupProps, BaseSelectOptionProps, BaseSelectProps, BaseTextInputProps, BaseTriggeredOverlayProps, ButtonRef, CheckboxProps, CheckboxRef, CheckboxRefValue, DropdownMenu, Flex, HTMLElementRefOf, HtmlAnchorOnlyProps, HtmlButtonOnlyProps, MenuButtonRef, MenuButtonRefValue, MenuRef, MenuRefValue, MultiChoiceArg, 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, getDataProps, hasVariant, makeFragment, omit, pick, plasmicHeadMeta, renderPlasmicSlot, setPlumeStrictMode, useButton, useCheckbox, useVanillaDollarState as useDollarState, useIsSSR, useMenu, useMenuButton, useMenuGroup, useMenuItem, useSelect, useSelectOption, useSelectOptionGroup, useSwitch, useTextInput, useTrigger, useTriggeredOverlay, wrapWithClassName };
+export { $State$1 as $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, getDataProps, hasVariant, makeFragment, mergeVariantsWithStates, omit, pick, plasmicHeadMeta, renderPlasmicSlot, set, setPlumeStrictMode, useButton, useCanvasDollarState, useCheckbox, useCurrentUser, useDollarState, useIsSSR, useMenu, useMenuButton, useMenuGroup, useMenuItem, useSelect, useSelectOption, useSelectOptionGroup, useSwitch, useTextInput, useTrigger, useTriggeredOverlay, wrapWithClassName };

package/dist/common.d.ts

@@ -1,7 +1,7 @@
 export declare function notNil<T>(x: T | undefined | null): x is T;
-export declare function pick<T>(obj: T, ...keys: (string | number | symbol)[]): Partial<T>;
-export declare function pickBy<T>(obj: T, func: (key: string, val: any) => boolean): Partial<T>;
-export declare function omit<T>(obj: T, ...keys: (keyof T)[]): Partial<T>;
+export declare function pick<T extends {}>(obj: T, ...keys: (string | number | symbol)[]): Partial<T>;
+export declare function pickBy<T extends {}>(obj: T, func: (key: string, val: any) => boolean): Partial<T>;
+export declare function omit<T extends {}>(obj: T, ...keys: (keyof T)[]): Partial<T>;
 export declare function isSubset<T>(a1: T[], a2: T[]): boolean;
 export declare function chainSingleArgFuncs<A>(...funcs: ((arg: A) => A)[]): ((arg: A) => A) | undefined;
 export declare function ensure<T>(x: T | null | undefined): T;

package/dist/index-common.d.ts

@@ -1,7 +1,8 @@
-export declare const classNames: import("classnames/types").ClassNamesExport;
+import _classNames from "classnames";
+export declare const classNames: typeof _classNames;
 export { omit, pick } from "./common";
 export { HTMLElementRefOf, StrictProps } from "./react-utils";
-export { createPlasmicElementProxy, deriveRenderOpts, Flex, hasVariant, makeFragment, MultiChoiceArg, SingleBooleanChoiceArg, SingleChoiceArg, wrapWithClassName, } from "./render/elements";
+export { createPlasmicElementProxy, deriveRenderOpts, Flex, hasVariant, makeFragment, mergeVariantsWithStates, MultiChoiceArg, SingleBooleanChoiceArg, SingleChoiceArg, wrapWithClassName, } from "./render/elements";
 export { ensureGlobalVariants } from "./render/global-variants";
 export { PlasmicHead, plasmicHeadMeta } from "./render/PlasmicHead";
 export { PlasmicIcon } from "./render/PlasmicIcon";
@@ -9,7 +10,7 @@ export { PlasmicImg } from "./render/PlasmicImg";
 export { PlasmicLink } from "./render/PlasmicLink";
 export { PlasmicSlot, renderPlasmicSlot } from "./render/PlasmicSlot";
 export { createUseScreenVariants } from "./render/screen-variants";
-export { PlasmicRootProvider, useIsSSR } from "./render/ssr";
+export { PlasmicDataSourceContextProvider, PlasmicRootProvider, useCurrentUser, useIsSSR, } from "./render/ssr";
 export { Stack } from "./render/Stack";
 export { genTranslatableString, Trans } from "./render/translation";
 export { useTrigger } from "./render/triggers";

package/dist/index.d.ts

@@ -10,4 +10,4 @@ export * from "./plume/switch";
 export * from "./plume/text-input";
 export * from "./plume/triggered-overlay";
 export * from "./states/helpers";
-export { default as useDollarState } from "./states/index";
+export { $State, default as useDollarState, useCanvasDollarState, } from "./states/valtio";