@plasmicapp/react-web 0.2.197 → 0.2.199

package/dist/render/PlasmicHead/index.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
-export declare const PlasmicHeadContext: React.Context<React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined>;
-declare type PlasmicHeadProps = {
+export declare const PlasmicHeadContext: React.Context<React.ComponentType<any> | undefined>;
+type PlasmicHeadProps = {
     title?: string;
     description?: string;
     image?: string;

package/dist/render/PlasmicImg/index.d.ts

@@ -11,7 +11,7 @@ export interface ImageLoader {
         format?: "webp";
     }) => string;
 }
-declare type ImgTagProps = Omit<React.ComponentProps<"img">, "src" | "srcSet" | "ref" | "style">;
+type ImgTagProps = Omit<React.ComponentProps<"img">, "src" | "srcSet" | "ref" | "style">;
 export interface PlasmicImgProps extends ImgTagProps {
     /**
      * Either an object with the src string, and its full width and height,

package/dist/render/Stack.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-export declare const Stack: (<T extends "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" = "div">(props: {
+export declare const Stack: (<T extends keyof JSX.IntrinsicElements = "div">(props: {
     as?: T | undefined;
     hasGap?: boolean | undefined;
 } & React.ComponentProps<T>) => React.ReactElement) & {

package/dist/render/elements.d.ts

@@ -3,33 +3,33 @@ import { $State } from "../states";
 interface Variants {
     [vg: string]: any;
 }
-export declare type MultiChoiceArg<M extends string> = M | M[] | {
+export type MultiChoiceArg<M extends string> = M | M[] | {
     [v in M]?: boolean;
 };
-export declare type SingleChoiceArg<M extends string> = M;
-export declare type SingleBooleanChoiceArg<M extends string> = M | boolean;
+export type SingleChoiceArg<M extends string> = M;
+export type SingleBooleanChoiceArg<M extends string> = M | boolean;
 interface OverrideTwiddle {
     wrapChildren?: (children: React.ReactNode) => React.ReactNode;
     wrap?: (node: React.ReactNode) => React.ReactNode;
 }
-export declare type DefaultOverride<C extends React.ElementType> = {
+export type DefaultOverride<C extends React.ElementType> = {
     type: "default";
     props?: Partial<React.ComponentProps<C>>;
 } & OverrideTwiddle;
-export declare type AsOverride<C extends React.ElementType> = {
+export type AsOverride<C extends React.ElementType> = {
     type: "as";
     as: C;
     props?: Partial<React.ComponentProps<C>>;
 } & OverrideTwiddle;
-export declare type RenderOverride<C extends React.ElementType> = {
+export type RenderOverride<C extends React.ElementType> = {
     type: "render";
     render: (props: React.ComponentProps<C>, Comp: C) => React.ReactNode;
     props?: Partial<React.ComponentProps<C>>;
 } & OverrideTwiddle;
-export declare type Override<DefaultElementType extends React.ElementType> = DefaultOverride<DefaultElementType> | AsOverride<any> | RenderOverride<DefaultElementType>;
-export declare type Overrides = Record<string, Flex<any>>;
-export declare type Args = Record<string, any>;
-export declare type Flex<DefaultElementType extends React.ElementType> = (Omit<DefaultOverride<DefaultElementType>, "type"> & {
+export type Override<DefaultElementType extends React.ElementType> = DefaultOverride<DefaultElementType> | AsOverride<any> | RenderOverride<DefaultElementType>;
+export type Overrides = Record<string, Flex<any>>;
+export type Args = Record<string, any>;
+export type Flex<DefaultElementType extends React.ElementType> = (Omit<DefaultOverride<DefaultElementType>, "type"> & {
     as?: never;
     render?: never;
 }) | Omit<AsOverride<any>, "type"> | (Omit<RenderOverride<DefaultElementType>, "type"> & {
@@ -45,13 +45,13 @@ export declare function hasVariant<V extends Variants>(variants: V | undefined,
 export declare function wrapFlexContainerChildren(children: React.ReactNode, hasGap: boolean): React.DetailedReactHTMLElement<{
     className: string;
 }, HTMLElement> | null;
-export declare function createPlasmicElementProxy<DefaultElementType extends React.ElementType>(defaultElement: DefaultElementType, props: Partial<React.ComponentProps<DefaultElementType>>, ...children: React.ReactNode[]): number | boolean | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactFragment | null | undefined;
+export declare function createPlasmicElementProxy<DefaultElementType extends React.ElementType>(defaultElement: DefaultElementType, props: Partial<React.ComponentProps<DefaultElementType>>, ...children: React.ReactNode[]): React.ReactNode;
 export declare function makeFragment(...children: React.ReactNode[]): React.FunctionComponentElement<{
     children?: React.ReactNode;
 }>;
 export declare const UNSET: unique symbol;
 export declare function wrapWithClassName(element: React.ReactNode, className: string): React.DetailedReactHTMLElement<{
-    key: string | number | undefined;
+    key: React.Key | undefined;
     className: string;
     style: {
         display: "grid";

package/dist/render/screen-variants.d.ts

@@ -1,4 +1,4 @@
-declare type Queries = {
+type Queries = {
     [name: string]: string;
 };
 export declare function createUseScreenVariants(isMulti: boolean, screenQueries: Queries): () => string | string[] | undefined;

package/dist/render/translation.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-export declare type PlasmicTranslator = (str: string, opts?: {
+export type PlasmicTranslator = (str: string, opts?: {
     components?: {
         [key: string]: React.ReactElement;
     };
@@ -12,7 +12,7 @@ export interface TransProps {
 export declare function genTranslatableString(elt: React.ReactNode): {
     str: string;
     components: {
-        [key: string]: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>;
+        [key: string]: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     };
     componentsCount: number;
 };

package/dist/render/triggers.d.ts

@@ -27,7 +27,7 @@ declare const TRIGGER_TO_HOOK: {
     readonly useFocusVisibleWithin: typeof useFocusVisibleWithin;
     readonly usePressed: typeof usePressed;
 };
-declare type TriggerType = keyof typeof TRIGGER_TO_HOOK;
+type TriggerType = keyof typeof TRIGGER_TO_HOOK;
 interface TriggerOpts {
     isTextInput?: boolean;
 }

package/dist/states/helpers.d.ts

@@ -33,7 +33,7 @@ export declare function shallowEqual<T>(a1: T[], a2: T[]): boolean;
  */
 export declare function arrayEq(xs: ReadonlyArray<any>, ys: ReadonlyArray<any>): boolean;
 export declare function isNum(value: string | number | symbol): value is number;
-declare type StringGen = string | (() => string);
+type StringGen = string | (() => string);
 export declare function assert<T>(cond: T, msg?: StringGen): asserts cond;
 /**
  * Forked from https://github.com/lukeed/dset

package/dist/states/types.d.ts

@@ -1,17 +1,17 @@
 import { StateSpecNode } from "./graph";
-export declare type InitFuncEnv = {
+export type InitFuncEnv = {
     $props: Record<string, any>;
     $state: Record<string, any>;
     $queries?: Record<string, any>;
     $ctx?: Record<string, any>;
 };
-export declare type DollarStateEnv = Omit<InitFuncEnv, "$state">;
-export declare type NoUndefinedField<T> = {
+export type DollarStateEnv = Omit<InitFuncEnv, "$state">;
+export type NoUndefinedField<T> = {
     [P in keyof T]-?: T[P];
 };
-export declare type InitFunc<T> = (env: NoUndefinedField<InitFuncEnv>) => T;
-export declare type DeprecatedInitFunc<T> = ($props: Record<string, any>, $state: $State, $ctx: Record<string, any>) => T;
-export declare type ObjectPath = (string | number)[];
+export type InitFunc<T> = (env: NoUndefinedField<InitFuncEnv>) => T;
+export type DeprecatedInitFunc<T> = ($props: Record<string, any>, $state: $State, $ctx: Record<string, any>) => T;
+export type ObjectPath = (string | number)[];
 export interface $StateSpec<T> {
     path: string;
     initFunc?: InitFunc<T>;

package/dist/stories/PlasmicImg.stories.d.ts

@@ -1,5 +1,6 @@
+import { ComponentMeta, ComponentStory } from "@storybook/react";
 import React from "react";
 import "../styles/plasmic.css";
-export declare const Base: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, import("../render/PlasmicImg").PlasmicImgProps & React.RefAttributes<HTMLElement>>;
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("../render/PlasmicImg").PlasmicImgProps & React.RefAttributes<HTMLElement>>;
+export declare const Base: ComponentStory<React.ForwardRefExoticComponent<import("../render/PlasmicImg").PlasmicImgProps & React.RefAttributes<HTMLElement>>>;
+declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("../render/PlasmicImg").PlasmicImgProps & React.RefAttributes<HTMLElement>>>;
 export default _default;

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

@@ -1,3 +1,4 @@
+import { Story } from "@storybook/react";
 import React from "react";
 declare const _default: {
     title: string;
@@ -12,66 +13,66 @@ interface CounterArgs {
     "data-testid"?: string;
     title?: React.ReactNode;
 }
-export declare const PrivateCounter: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, CounterArgs>;
-export declare const ReadonlyCounter: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, {
+export declare const PrivateCounter: Story<CounterArgs>;
+export declare const ReadonlyCounter: Story<{
     counterStateType?: "readonly" | "writable" | undefined;
 }>;
-export declare const WritableCounter: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, {
+export declare const WritableCounter: Story<{
     counterStateType?: "readonly" | "writable" | undefined;
 }>;
-export declare const DynamicInitCount: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
-export declare const ResetInput: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, {
+export declare const DynamicInitCount: Story<import("@storybook/react").Args>;
+export declare const ResetInput: Story<{
     peopleList: {
         firstName: string;
         lastName: string;
     }[];
 }>;
-export declare const RepeatedStates: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, {
+export declare const RepeatedStates: Story<{
     size: number;
 }>;
-export declare const NestedRepeatedCounter: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, {}>;
-export declare const MatrixRepeatedCounter: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, {}>;
-export declare const InitFuncFromInternalContextData: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, {
+export declare const NestedRepeatedCounter: Story<{}>;
+export declare const MatrixRepeatedCounter: Story<{}>;
+export declare const InitFuncFromInternalContextData: Story<{
     products: {
         price: number;
         name: string;
     }[];
 }>;
-export declare const InitFuncFromRootContextData: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, {
+export declare const InitFuncFromRootContextData: Story<{
     products: {
         price: number;
         name: string;
     }[];
 }>;
-export declare const InitFuncFromInternalContextDataWithDelay: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, {
+export declare const InitFuncFromInternalContextDataWithDelay: Story<{
     products: {
         price: number;
         name: string;
     }[];
 }>;
-export declare const RepeatedImplicitState: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, {}>;
+export declare const RepeatedImplicitState: Story<{}>;
 interface Person {
     firstName: string;
     lastName: string;
     nicknames: string[];
 }
-export declare const FormBuilder: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, {
+export declare const FormBuilder: Story<{
     people: Person[];
 }>;
-export declare const FormBuilderImplicitStates: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, {
+export declare const FormBuilderImplicitStates: Story<{
     people: Person[];
 }>;
-export declare const StateCellIsArray: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, {
+export declare const StateCellIsArray: Story<{
     people: Person[];
 }>;
-export declare const StateCellIsMatrix: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, {
+export declare const StateCellIsMatrix: Story<{
     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, {
+export declare const IsOnChangePropImmediatelyFired: Story<{}>;
+export declare const ImmutableStateCells: Story<{
     people: Person[];
 }>;
-export declare const InCanvasDollarState: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, {}>;
-export declare const AddDeleteSpecsInCanvas: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, {}>;
-export declare const TodoApp: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, {}>;
-export declare const CycleInStateInitialization: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, {}>;
+export declare const InCanvasDollarState: Story<{}>;
+export declare const AddDeleteSpecsInCanvas: Story<{}>;
+export declare const TodoApp: Story<{}>;
+export declare const CycleInStateInitialization: Story<{}>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plasmicapp/react-web",
-  "version": "0.2.197",
+  "version": "0.2.199",
   "description": "plasmic library for rendering in the presentational style",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -20,60 +20,33 @@
       }
     }
   },
-  "size-limit": [
-    {
-      "path": "dist/react-web.cjs.production.min.js",
-      "limit": "10 KB"
-    },
-    {
-      "path": "dist/react-web.esm.js",
-      "limit": "10 KB"
-    }
-  ],
   "exports": {
     ".": {
       "import": "./dist/react-web.esm.js",
-      "require": "./dist/index.js"
+      "require": "./dist/index.cjs.js",
+      "types": "./dist/index.d.ts"
     },
     "./lib/host": {
       "import": "./lib/host/index.js",
-      "require": "./lib/host/index.cjs.js"
+      "require": "./lib/host/index.cjs.js",
+      "types": "./lib/host/index.d.ts"
     },
     "./lib/data-sources": {
       "import": "./lib/data-sources/index.js",
-      "require": "./lib/data-sources/index.cjs.js"
+      "require": "./lib/data-sources/index.cjs.js",
+      "types": "./lib/data-sources/index.d.ts"
     },
     "./lib/query": {
       "import": "./lib/query/index.js",
-      "require": "./lib/query/index.cjs.js"
+      "require": "./lib/query/index.cjs.js",
+      "types": "./lib/query/index.d.ts"
     },
     "./lib/plasmic.css": "./lib/plasmic.css",
     "./skinny": {
       "import": "./skinny/dist/index.js"
     },
-    "./skinny/dist/plume/button": {
-      "import": "./skinny/dist/plume/button/index.js"
-    },
-    "./skinny/dist/plume/checkbox": {
-      "import": "./skinny/dist/plume/checkbox/index.js"
-    },
-    "./skinny/dist/plume/menu": {
-      "import": "./skinny/dist/plume/menu/index.js"
-    },
-    "./skinny/dist/plume/menu-button": {
-      "import": "./skinny/dist/plume/menu-button/index.js"
-    },
-    "./skinny/dist/plume/select": {
-      "import": "./skinny/dist/plume/select/index.js"
-    },
-    "./skinny/dist/plume/switch": {
-      "import": "./skinny/dist/plume/switch/index.js"
-    },
-    "./skinny/dist/plume/text-input": {
-      "import": "./skinny/dist/plume/text-input/index.js"
-    },
-    "./skinny/dist/plume/triggered-overlay": {
-      "import": "./skinny/dist/plume/triggered-overlay/index.js"
+    "./skinny/dist/plume/*": {
+      "import": "./skinny/dist/plume/*/index.js"
     }
   },
   "files": [
@@ -82,7 +55,7 @@
     "skinny"
   ],
   "scripts": {
-    "build": "tsdx build && rollup -c && mkdir -p lib && cp src/styles/plasmic.css lib/",
+    "build": "rollup -c && mkdir -p lib && cp src/styles/plasmic.css lib/",
     "start": "tsdx watch",
     "test": "tsdx test --passWithNoTests",
     "lint": "tsdx lint",
@@ -101,9 +74,9 @@
   },
   "prettier": {},
   "dependencies": {
-    "@plasmicapp/data-sources": "0.1.67",
+    "@plasmicapp/data-sources": "0.1.69",
     "@plasmicapp/data-sources-context": "0.1.10",
-    "@plasmicapp/host": "1.0.128",
+    "@plasmicapp/host": "1.0.130",
     "@plasmicapp/query": "0.1.62",
     "@react-aria/checkbox": "^3.5.0",
     "@react-aria/focus": "^3.7.0",
@@ -170,5 +143,5 @@
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
-  "gitHead": "361c3f2e99d74b4feaeca0f27a9e8875718fcaee"
+  "gitHead": "1d9faacaaac15e87767697dbdc4215504a358d02"
 }