@plasmicapp/host 1.0.151 → 1.0.154

package/registerComponent/dist/type-utils.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Converts a union type to a tuple type of the same members
+ */
+export type TupleUnion<U extends string, R extends string[] = []> = {
+    [S in U]: Exclude<U, S> extends never ? [...R, S] : TupleUnion<Exclude<U, S>, [...R, S]>;
+}[U] & string[];

package/registerComponent/dist/version.d.ts

@@ -1 +1 @@
-export declare const hostVersion = "1.0.151";
+export declare const hostVersion = "1.0.154";

package/registerGlobalContext/dist/data.d.ts

@@ -31,13 +31,13 @@ export interface DataProviderProps {
     label?: string;
     children?: ReactNode;
 }
-export declare function DataProvider({ name, data, hidden, label, children, }: DataProviderProps): JSX.Element;
+export declare function DataProvider({ name, data, hidden, label, children, }: DataProviderProps): React.JSX.Element;
 export interface PageParamsProviderProps {
     params?: Record<string, string | string[] | undefined>;
     query?: Record<string, string | string[] | undefined>;
     children?: ReactNode;
 }
-export declare function PageParamsProvider({ children, params, query, }: PageParamsProviderProps): JSX.Element;
+export declare function PageParamsProvider({ children, params, query, }: PageParamsProviderProps): React.JSX.Element;
 export declare function DataCtxReader({ children, }: {
     children: ($ctx: DataDict | undefined) => ReactNode;
 }): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

package/registerGlobalContext/dist/global-actions.d.ts

@@ -5,5 +5,5 @@ export declare function GlobalActionsProvider(props: {
     contextName: string;
     children?: React.ReactNode;
     actions: GlobalActionDict;
-}): JSX.Element;
+}): React.JSX.Element;
 export declare function useGlobalActions(): GlobalActionDict;

package/registerGlobalContext/dist/index.cjs.js

@@ -17,5 +17,5 @@ function registerGlobalContext(component, meta) {
     root.__PlasmicContextRegistry.push({ component: component, meta: meta });
 }
 
-exports['default'] = registerGlobalContext;
+exports.default = registerGlobalContext;
 //# sourceMappingURL=index.cjs.js.map

package/registerGlobalContext/dist/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../src/registerGlobalContext.ts"],"sourcesContent":["import {\n  BooleanType,\n  ChoiceType,\n  CustomType,\n  JSONLikeType,\n  NumberType,\n  StringType,\n  DataSourceType,\n} from \"./prop-types\";\nimport { FunctionParam } from \"./registerComponent\";\n\nconst root = globalThis as any;\n\n// Using just a subset of types from prop-types\nexport type PropType<P> =\n  | StringType<P>\n  | BooleanType<P>\n  | NumberType<P>\n  | JSONLikeType<P>\n  | ChoiceType<P>\n  | CustomType<P>\n  | DataSourceType<P>;\n\ntype RestrictPropType<T, P> = T extends string\n  ? StringType<P> | ChoiceType<P> | JSONLikeType<P> | CustomType<P>\n  : T extends boolean\n  ? BooleanType<P> | JSONLikeType<P> | CustomType<P>\n  : T extends number\n  ? NumberType<P> | JSONLikeType<P> | CustomType<P>\n  : PropType<P>;\n\ntype DistributedKeyOf<T> = T extends any ? keyof T : never;\n\nexport interface GlobalContextMeta<P> {\n  /**\n   * Any unique string name used to identify that context. Each context\n   * should be registered with a different `meta.name`, even if they have the\n   * same name in the code.\n   */\n  name: string;\n  /**\n   * The name to be displayed for the context in Studio. Optional: if not\n   * specified, `meta.name` is used.\n   */\n  displayName?: string;\n  /**\n   * The description of the context to be shown in Studio.\n   */\n  description?: string;\n  /**\n   * The javascript name to be used when generating code. Optional: if not\n   * provided, `meta.name` is used.\n   */\n  importName?: string;\n  /**\n   * An object describing the context properties to be used in Studio.\n   * For each `prop`, there should be an entry `meta.props[prop]` describing\n   * its type.\n   */\n  props: { [prop in DistributedKeyOf<P>]?: RestrictPropType<P[prop], P> } & {\n    [prop: string]: PropType<P>;\n  };\n  /**\n   * The path to be used when importing the context in the generated code.\n   * It can be the name of the package that contains the context, or the path\n   * to the file in the project (relative to the root directory).\n   */\n  importPath: string;\n  /**\n   *  Whether the context is the default export from that path. Optional: if\n   * not specified, it's considered `false`.\n   */\n  isDefaultExport?: boolean;\n  /**\n   * The prop that receives and forwards a React `ref`. Plasmic only uses `ref`\n   * to interact with components, so it's not used in the generated code.\n   * Optional: If not provided, the usual `ref` is used.\n   */\n  refProp?: string;\n  /**\n   * Whether the global context provides data to its children using DataProvider.\n   */\n  providesData?: boolean;\n\n  unstable__globalActions?: Record<string, GlobalActionRegistration<P>>;\n}\n\nexport interface GlobalContextRegistration {\n  component: React.ComponentType<any>;\n  meta: GlobalContextMeta<any>;\n}\n\nexport interface GlobalActionRegistration<P> {\n  displayName?: string;\n  description?: string;\n  parameters: FunctionParam<P>[];\n}\n\ndeclare global {\n  interface Window {\n    __PlasmicContextRegistry: GlobalContextRegistration[];\n  }\n}\n\nif (root.__PlasmicContextRegistry == null) {\n  root.__PlasmicContextRegistry = [];\n}\n\nexport default function registerGlobalContext<\n  T extends React.ComponentType<any>\n>(component: T, meta: GlobalContextMeta<React.ComponentProps<T>>) {\n  // Check for duplicates\n  if (\n    root.__PlasmicContextRegistry.some(\n      (r: GlobalContextRegistration) =>\n        r.component === component && r.meta.name === meta.name\n    )\n  ) {\n    return;\n  }\n  root.__PlasmicContextRegistry.push({ component, meta });\n}\n"],"names":[],"mappings":";;;;;AAWA,IAAM,IAAI,GAAG,UAAiB,CAAC;AA6F/B,IAAI,IAAI,CAAC,wBAAwB,IAAI,IAAI,EAAE;IACzC,IAAI,CAAC,wBAAwB,GAAG,EAAE,CAAC;CACpC;SAEuB,qBAAqB,CAE3C,SAAY,EAAE,IAAgD;;IAE9D,IACE,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAChC,UAAC,CAA4B;QAC3B,OAAA,CAAC,CAAC,SAAS,KAAK,SAAS,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI;KAAA,CACzD,EACD;QACA,OAAO;KACR;IACD,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,SAAS,WAAA,EAAE,IAAI,MAAA,EAAE,CAAC,CAAC;AAC1D;;;;"}
+{"version":3,"file":"index.cjs.js","sources":["../../src/registerGlobalContext.ts"],"sourcesContent":["import {\n  BooleanType,\n  ChoiceType,\n  CustomType,\n  JSONLikeType,\n  NumberType,\n  StringType,\n  DataSourceType,\n} from \"./prop-types\";\nimport { FunctionParam } from \"./registerComponent\";\n\nconst root = globalThis as any;\n\n// Using just a subset of types from prop-types\nexport type PropType<P> =\n  | StringType<P>\n  | BooleanType<P>\n  | NumberType<P>\n  | JSONLikeType<P>\n  | ChoiceType<P>\n  | CustomType<P>\n  | DataSourceType<P>;\n\ntype RestrictPropType<T, P> = T extends string\n  ? StringType<P> | ChoiceType<P> | JSONLikeType<P> | CustomType<P>\n  : T extends boolean\n  ? BooleanType<P> | JSONLikeType<P> | CustomType<P>\n  : T extends number\n  ? NumberType<P> | JSONLikeType<P> | CustomType<P>\n  : PropType<P>;\n\ntype DistributedKeyOf<T> = T extends any ? keyof T : never;\n\nexport interface GlobalContextMeta<P> {\n  /**\n   * Any unique string name used to identify that context. Each context\n   * should be registered with a different `meta.name`, even if they have the\n   * same name in the code.\n   */\n  name: string;\n  /**\n   * The name to be displayed for the context in Studio. Optional: if not\n   * specified, `meta.name` is used.\n   */\n  displayName?: string;\n  /**\n   * The description of the context to be shown in Studio.\n   */\n  description?: string;\n  /**\n   * The javascript name to be used when generating code. Optional: if not\n   * provided, `meta.name` is used.\n   */\n  importName?: string;\n  /**\n   * An object describing the context properties to be used in Studio.\n   * For each `prop`, there should be an entry `meta.props[prop]` describing\n   * its type.\n   */\n  props: { [prop in DistributedKeyOf<P>]?: RestrictPropType<P[prop], P> } & {\n    [prop: string]: PropType<P>;\n  };\n  /**\n   * The path to be used when importing the context in the generated code.\n   * It can be the name of the package that contains the context, or the path\n   * to the file in the project (relative to the root directory).\n   */\n  importPath: string;\n  /**\n   *  Whether the context is the default export from that path. Optional: if\n   * not specified, it's considered `false`.\n   */\n  isDefaultExport?: boolean;\n  /**\n   * The prop that receives and forwards a React `ref`. Plasmic only uses `ref`\n   * to interact with components, so it's not used in the generated code.\n   * Optional: If not provided, the usual `ref` is used.\n   */\n  refProp?: string;\n  /**\n   * Whether the global context provides data to its children using DataProvider.\n   */\n  providesData?: boolean;\n\n  unstable__globalActions?: Record<string, GlobalActionRegistration<P>>;\n}\n\nexport interface GlobalContextRegistration {\n  component: React.ComponentType<any>;\n  meta: GlobalContextMeta<any>;\n}\n\nexport interface GlobalActionRegistration<P> {\n  displayName?: string;\n  description?: string;\n  parameters: FunctionParam<P>[];\n}\n\ndeclare global {\n  interface Window {\n    __PlasmicContextRegistry: GlobalContextRegistration[];\n  }\n}\n\nif (root.__PlasmicContextRegistry == null) {\n  root.__PlasmicContextRegistry = [];\n}\n\nexport default function registerGlobalContext<\n  T extends React.ComponentType<any>\n>(component: T, meta: GlobalContextMeta<React.ComponentProps<T>>) {\n  // Check for duplicates\n  if (\n    root.__PlasmicContextRegistry.some(\n      (r: GlobalContextRegistration) =>\n        r.component === component && r.meta.name === meta.name\n    )\n  ) {\n    return;\n  }\n  root.__PlasmicContextRegistry.push({ component, meta });\n}\n"],"names":[],"mappings":";;;;;AAWA,IAAM,IAAI,GAAG,UAAiB,CAAC;AA6F/B,IAAI,IAAI,CAAC,wBAAwB,IAAI,IAAI,EAAE;AACzC,IAAA,IAAI,CAAC,wBAAwB,GAAG,EAAE,CAAC;AACpC,CAAA;AAEa,SAAU,qBAAqB,CAE3C,SAAY,EAAE,IAAgD,EAAA;;AAE9D,IAAA,IACE,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAChC,UAAC,CAA4B,EAAA;AAC3B,QAAA,OAAA,CAAC,CAAC,SAAS,KAAK,SAAS,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,CAAA;AAAtD,KAAsD,CACzD,EACD;QACA,OAAO;AACR,KAAA;AACD,IAAA,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,SAAS,EAAA,SAAA,EAAE,IAAI,EAAA,IAAA,EAAE,CAAC,CAAC;AAC1D;;;;"}

package/registerGlobalContext/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../src/registerGlobalContext.ts"],"sourcesContent":["import {\n  BooleanType,\n  ChoiceType,\n  CustomType,\n  JSONLikeType,\n  NumberType,\n  StringType,\n  DataSourceType,\n} from \"./prop-types\";\nimport { FunctionParam } from \"./registerComponent\";\n\nconst root = globalThis as any;\n\n// Using just a subset of types from prop-types\nexport type PropType<P> =\n  | StringType<P>\n  | BooleanType<P>\n  | NumberType<P>\n  | JSONLikeType<P>\n  | ChoiceType<P>\n  | CustomType<P>\n  | DataSourceType<P>;\n\ntype RestrictPropType<T, P> = T extends string\n  ? StringType<P> | ChoiceType<P> | JSONLikeType<P> | CustomType<P>\n  : T extends boolean\n  ? BooleanType<P> | JSONLikeType<P> | CustomType<P>\n  : T extends number\n  ? NumberType<P> | JSONLikeType<P> | CustomType<P>\n  : PropType<P>;\n\ntype DistributedKeyOf<T> = T extends any ? keyof T : never;\n\nexport interface GlobalContextMeta<P> {\n  /**\n   * Any unique string name used to identify that context. Each context\n   * should be registered with a different `meta.name`, even if they have the\n   * same name in the code.\n   */\n  name: string;\n  /**\n   * The name to be displayed for the context in Studio. Optional: if not\n   * specified, `meta.name` is used.\n   */\n  displayName?: string;\n  /**\n   * The description of the context to be shown in Studio.\n   */\n  description?: string;\n  /**\n   * The javascript name to be used when generating code. Optional: if not\n   * provided, `meta.name` is used.\n   */\n  importName?: string;\n  /**\n   * An object describing the context properties to be used in Studio.\n   * For each `prop`, there should be an entry `meta.props[prop]` describing\n   * its type.\n   */\n  props: { [prop in DistributedKeyOf<P>]?: RestrictPropType<P[prop], P> } & {\n    [prop: string]: PropType<P>;\n  };\n  /**\n   * The path to be used when importing the context in the generated code.\n   * It can be the name of the package that contains the context, or the path\n   * to the file in the project (relative to the root directory).\n   */\n  importPath: string;\n  /**\n   *  Whether the context is the default export from that path. Optional: if\n   * not specified, it's considered `false`.\n   */\n  isDefaultExport?: boolean;\n  /**\n   * The prop that receives and forwards a React `ref`. Plasmic only uses `ref`\n   * to interact with components, so it's not used in the generated code.\n   * Optional: If not provided, the usual `ref` is used.\n   */\n  refProp?: string;\n  /**\n   * Whether the global context provides data to its children using DataProvider.\n   */\n  providesData?: boolean;\n\n  unstable__globalActions?: Record<string, GlobalActionRegistration<P>>;\n}\n\nexport interface GlobalContextRegistration {\n  component: React.ComponentType<any>;\n  meta: GlobalContextMeta<any>;\n}\n\nexport interface GlobalActionRegistration<P> {\n  displayName?: string;\n  description?: string;\n  parameters: FunctionParam<P>[];\n}\n\ndeclare global {\n  interface Window {\n    __PlasmicContextRegistry: GlobalContextRegistration[];\n  }\n}\n\nif (root.__PlasmicContextRegistry == null) {\n  root.__PlasmicContextRegistry = [];\n}\n\nexport default function registerGlobalContext<\n  T extends React.ComponentType<any>\n>(component: T, meta: GlobalContextMeta<React.ComponentProps<T>>) {\n  // Check for duplicates\n  if (\n    root.__PlasmicContextRegistry.some(\n      (r: GlobalContextRegistration) =>\n        r.component === component && r.meta.name === meta.name\n    )\n  ) {\n    return;\n  }\n  root.__PlasmicContextRegistry.push({ component, meta });\n}\n"],"names":[],"mappings":";AAWA,IAAM,IAAI,GAAG,UAAiB,CAAC;AA6F/B,IAAI,IAAI,CAAC,wBAAwB,IAAI,IAAI,EAAE;IACzC,IAAI,CAAC,wBAAwB,GAAG,EAAE,CAAC;CACpC;SAEuB,qBAAqB,CAE3C,SAAY,EAAE,IAAgD;;IAE9D,IACE,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAChC,UAAC,CAA4B;QAC3B,OAAA,CAAC,CAAC,SAAS,KAAK,SAAS,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI;KAAA,CACzD,EACD;QACA,OAAO;KACR;IACD,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,SAAS,WAAA,EAAE,IAAI,MAAA,EAAE,CAAC,CAAC;AAC1D;;;;"}
+{"version":3,"file":"index.esm.js","sources":["../../src/registerGlobalContext.ts"],"sourcesContent":["import {\n  BooleanType,\n  ChoiceType,\n  CustomType,\n  JSONLikeType,\n  NumberType,\n  StringType,\n  DataSourceType,\n} from \"./prop-types\";\nimport { FunctionParam } from \"./registerComponent\";\n\nconst root = globalThis as any;\n\n// Using just a subset of types from prop-types\nexport type PropType<P> =\n  | StringType<P>\n  | BooleanType<P>\n  | NumberType<P>\n  | JSONLikeType<P>\n  | ChoiceType<P>\n  | CustomType<P>\n  | DataSourceType<P>;\n\ntype RestrictPropType<T, P> = T extends string\n  ? StringType<P> | ChoiceType<P> | JSONLikeType<P> | CustomType<P>\n  : T extends boolean\n  ? BooleanType<P> | JSONLikeType<P> | CustomType<P>\n  : T extends number\n  ? NumberType<P> | JSONLikeType<P> | CustomType<P>\n  : PropType<P>;\n\ntype DistributedKeyOf<T> = T extends any ? keyof T : never;\n\nexport interface GlobalContextMeta<P> {\n  /**\n   * Any unique string name used to identify that context. Each context\n   * should be registered with a different `meta.name`, even if they have the\n   * same name in the code.\n   */\n  name: string;\n  /**\n   * The name to be displayed for the context in Studio. Optional: if not\n   * specified, `meta.name` is used.\n   */\n  displayName?: string;\n  /**\n   * The description of the context to be shown in Studio.\n   */\n  description?: string;\n  /**\n   * The javascript name to be used when generating code. Optional: if not\n   * provided, `meta.name` is used.\n   */\n  importName?: string;\n  /**\n   * An object describing the context properties to be used in Studio.\n   * For each `prop`, there should be an entry `meta.props[prop]` describing\n   * its type.\n   */\n  props: { [prop in DistributedKeyOf<P>]?: RestrictPropType<P[prop], P> } & {\n    [prop: string]: PropType<P>;\n  };\n  /**\n   * The path to be used when importing the context in the generated code.\n   * It can be the name of the package that contains the context, or the path\n   * to the file in the project (relative to the root directory).\n   */\n  importPath: string;\n  /**\n   *  Whether the context is the default export from that path. Optional: if\n   * not specified, it's considered `false`.\n   */\n  isDefaultExport?: boolean;\n  /**\n   * The prop that receives and forwards a React `ref`. Plasmic only uses `ref`\n   * to interact with components, so it's not used in the generated code.\n   * Optional: If not provided, the usual `ref` is used.\n   */\n  refProp?: string;\n  /**\n   * Whether the global context provides data to its children using DataProvider.\n   */\n  providesData?: boolean;\n\n  unstable__globalActions?: Record<string, GlobalActionRegistration<P>>;\n}\n\nexport interface GlobalContextRegistration {\n  component: React.ComponentType<any>;\n  meta: GlobalContextMeta<any>;\n}\n\nexport interface GlobalActionRegistration<P> {\n  displayName?: string;\n  description?: string;\n  parameters: FunctionParam<P>[];\n}\n\ndeclare global {\n  interface Window {\n    __PlasmicContextRegistry: GlobalContextRegistration[];\n  }\n}\n\nif (root.__PlasmicContextRegistry == null) {\n  root.__PlasmicContextRegistry = [];\n}\n\nexport default function registerGlobalContext<\n  T extends React.ComponentType<any>\n>(component: T, meta: GlobalContextMeta<React.ComponentProps<T>>) {\n  // Check for duplicates\n  if (\n    root.__PlasmicContextRegistry.some(\n      (r: GlobalContextRegistration) =>\n        r.component === component && r.meta.name === meta.name\n    )\n  ) {\n    return;\n  }\n  root.__PlasmicContextRegistry.push({ component, meta });\n}\n"],"names":[],"mappings":";AAWA,IAAM,IAAI,GAAG,UAAiB,CAAC;AA6F/B,IAAI,IAAI,CAAC,wBAAwB,IAAI,IAAI,EAAE;AACzC,IAAA,IAAI,CAAC,wBAAwB,GAAG,EAAE,CAAC;AACpC,CAAA;AAEa,SAAU,qBAAqB,CAE3C,SAAY,EAAE,IAAgD,EAAA;;AAE9D,IAAA,IACE,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAChC,UAAC,CAA4B,EAAA;AAC3B,QAAA,OAAA,CAAC,CAAC,SAAS,KAAK,SAAS,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,CAAA;AAAtD,KAAsD,CACzD,EACD;QACA,OAAO;AACR,KAAA;AACD,IAAA,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,SAAS,EAAA,SAAA,EAAE,IAAI,EAAA,IAAA,EAAE,CAAC,CAAC;AAC1D;;;;"}

package/registerGlobalContext/dist/link.d.ts

@@ -4,4 +4,4 @@ export declare function usePlasmicLink(): React.ComponentType<React.ComponentPro
 export declare function PlasmicLinkProvider(props: {
     Link: React.ComponentType<any> | undefined;
     children?: React.ReactNode;
-}): JSX.Element;
+}): React.JSX.Element;

package/registerGlobalContext/dist/prop-types.d.ts

@@ -112,6 +112,7 @@ export interface PropTypeBaseDefault<P, T> extends PropTypeBase<P>, Defaultable<
 interface PlainStringType<P> extends PropTypeBaseDefault<P, string> {
     type: "string";
     control?: "default" | "large";
+    isLocalizable?: boolean;
 }
 interface CodeStringType<P> extends PropTypeBaseDefault<P, string> {
     type: "code";

package/registerGlobalContext/dist/registerComponent.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
 import { CodeComponentElement, CSSProperties, PlasmicElement } from "./element-types";
 import { ContextDependentConfig, InferDataType, ModalProps, PropType, RestrictPropType } from "./prop-types";
-export type { CanvasComponentProps, ControlExtras, ControlContext, ContextDependentConfig, PropType, } from "./prop-types";
+import { TupleUnion } from "./type-utils";
+export type * from "./prop-types";
 export interface ActionProps<P> {
     componentProps: P;
     /**
@@ -78,9 +79,6 @@ export interface StateHelpers<P, T> {
     onChangeArgsToValue?: (...args: any) => T;
     onMutate?: (stateValue: T, $ref: any) => void;
 }
-type TupleUnion<U extends string, R extends string[] = []> = {
-    [S in U]: Exclude<U, S> extends never ? [...R, S] : TupleUnion<Exclude<U, S>, [...R, S]>;
-}[U] & string[];
 export declare const stateHelpersKeys: TupleUnion<keyof StateHelpers<any, any>>;
 export type ComponentHelpers<P> = {
     states: Record<string, StateHelpers<P, any>>;
@@ -212,6 +210,13 @@ export interface CodeComponentMeta<P> {
      */
     hideFromContentCreators?: boolean;
     refActions?: Record<string, RefActionRegistration<P>>;
+    /**
+     * Optional function that takes in component props and context, and returns
+     * a string that will be used for labeling this element in the Outline panel
+     * on the left of the Studio.  This makes it easy to identify an element when
+     * looking at the tree.
+     */
+    treeLabel?: ContextDependentConfig<P, string>;
 }
 export type CodeComponentMode = "advanced" | "simplified" | "database-schema-driven";
 /**

package/registerGlobalContext/dist/type-utils.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Converts a union type to a tuple type of the same members
+ */
+export type TupleUnion<U extends string, R extends string[] = []> = {
+    [S in U]: Exclude<U, S> extends never ? [...R, S] : TupleUnion<Exclude<U, S>, [...R, S]>;
+}[U] & string[];

package/registerGlobalContext/dist/version.d.ts

@@ -1 +1 @@
-export declare const hostVersion = "1.0.151";
+export declare const hostVersion = "1.0.154";

package/registerToken/dist/data.d.ts

@@ -31,13 +31,13 @@ export interface DataProviderProps {
     label?: string;
     children?: ReactNode;
 }
-export declare function DataProvider({ name, data, hidden, label, children, }: DataProviderProps): JSX.Element;
+export declare function DataProvider({ name, data, hidden, label, children, }: DataProviderProps): React.JSX.Element;
 export interface PageParamsProviderProps {
     params?: Record<string, string | string[] | undefined>;
     query?: Record<string, string | string[] | undefined>;
     children?: ReactNode;
 }
-export declare function PageParamsProvider({ children, params, query, }: PageParamsProviderProps): JSX.Element;
+export declare function PageParamsProvider({ children, params, query, }: PageParamsProviderProps): React.JSX.Element;
 export declare function DataCtxReader({ children, }: {
     children: ($ctx: DataDict | undefined) => ReactNode;
 }): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

package/registerToken/dist/global-actions.d.ts

@@ -5,5 +5,5 @@ export declare function GlobalActionsProvider(props: {
     contextName: string;
     children?: React.ReactNode;
     actions: GlobalActionDict;
-}): JSX.Element;
+}): React.JSX.Element;
 export declare function useGlobalActions(): GlobalActionDict;

package/registerToken/dist/index.cjs.js

@@ -10,5 +10,5 @@ function registerToken(token) {
     root.__PlasmicTokenRegistry.push(token);
 }
 
-exports['default'] = registerToken;
+exports.default = registerToken;
 //# sourceMappingURL=index.cjs.js.map

package/registerToken/dist/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../src/registerToken.ts"],"sourcesContent":["export type TokenType =\n  | \"color\"\n  | \"spacing\"\n  | \"font-family\"\n  | \"font-size\"\n  | \"line-height\"\n  | \"opacity\";\n\nexport interface TokenRegistration {\n  name: string;\n  displayName: string;\n  value: string;\n  type: TokenType;\n}\n\ndeclare global {\n  interface Window {\n    __PlasmicTokenRegistry: TokenRegistration[];\n  }\n}\n\nconst root = globalThis as any;\n\nif (root.__PlasmicTokenRegistry == null) {\n  root.__PlasmicTokenRegistry = [];\n}\n\nexport default function registerToken(token: TokenRegistration) {\n  root.__PlasmicTokenRegistry.push(token);\n}\n"],"names":[],"mappings":";;;;AAqBA,IAAM,IAAI,GAAG,UAAiB,CAAC;AAE/B,IAAI,IAAI,CAAC,sBAAsB,IAAI,IAAI,EAAE;IACvC,IAAI,CAAC,sBAAsB,GAAG,EAAE,CAAC;CAClC;SAEuB,aAAa,CAAC,KAAwB;IAC5D,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAC1C;;;;"}
+{"version":3,"file":"index.cjs.js","sources":["../../src/registerToken.ts"],"sourcesContent":["export type TokenType =\n  | \"color\"\n  | \"spacing\"\n  | \"font-family\"\n  | \"font-size\"\n  | \"line-height\"\n  | \"opacity\";\n\nexport interface TokenRegistration {\n  name: string;\n  displayName: string;\n  value: string;\n  type: TokenType;\n}\n\ndeclare global {\n  interface Window {\n    __PlasmicTokenRegistry: TokenRegistration[];\n  }\n}\n\nconst root = globalThis as any;\n\nif (root.__PlasmicTokenRegistry == null) {\n  root.__PlasmicTokenRegistry = [];\n}\n\nexport default function registerToken(token: TokenRegistration) {\n  root.__PlasmicTokenRegistry.push(token);\n}\n"],"names":[],"mappings":";;;;AAqBA,IAAM,IAAI,GAAG,UAAiB,CAAC;AAE/B,IAAI,IAAI,CAAC,sBAAsB,IAAI,IAAI,EAAE;AACvC,IAAA,IAAI,CAAC,sBAAsB,GAAG,EAAE,CAAC;AAClC,CAAA;AAEuB,SAAA,aAAa,CAAC,KAAwB,EAAA;AAC5D,IAAA,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAC1C;;;;"}

package/registerToken/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../src/registerToken.ts"],"sourcesContent":["export type TokenType =\n  | \"color\"\n  | \"spacing\"\n  | \"font-family\"\n  | \"font-size\"\n  | \"line-height\"\n  | \"opacity\";\n\nexport interface TokenRegistration {\n  name: string;\n  displayName: string;\n  value: string;\n  type: TokenType;\n}\n\ndeclare global {\n  interface Window {\n    __PlasmicTokenRegistry: TokenRegistration[];\n  }\n}\n\nconst root = globalThis as any;\n\nif (root.__PlasmicTokenRegistry == null) {\n  root.__PlasmicTokenRegistry = [];\n}\n\nexport default function registerToken(token: TokenRegistration) {\n  root.__PlasmicTokenRegistry.push(token);\n}\n"],"names":[],"mappings":"AAqBA,IAAM,IAAI,GAAG,UAAiB,CAAC;AAE/B,IAAI,IAAI,CAAC,sBAAsB,IAAI,IAAI,EAAE;IACvC,IAAI,CAAC,sBAAsB,GAAG,EAAE,CAAC;CAClC;SAEuB,aAAa,CAAC,KAAwB;IAC5D,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAC1C;;;;"}
+{"version":3,"file":"index.esm.js","sources":["../../src/registerToken.ts"],"sourcesContent":["export type TokenType =\n  | \"color\"\n  | \"spacing\"\n  | \"font-family\"\n  | \"font-size\"\n  | \"line-height\"\n  | \"opacity\";\n\nexport interface TokenRegistration {\n  name: string;\n  displayName: string;\n  value: string;\n  type: TokenType;\n}\n\ndeclare global {\n  interface Window {\n    __PlasmicTokenRegistry: TokenRegistration[];\n  }\n}\n\nconst root = globalThis as any;\n\nif (root.__PlasmicTokenRegistry == null) {\n  root.__PlasmicTokenRegistry = [];\n}\n\nexport default function registerToken(token: TokenRegistration) {\n  root.__PlasmicTokenRegistry.push(token);\n}\n"],"names":[],"mappings":"AAqBA,IAAM,IAAI,GAAG,UAAiB,CAAC;AAE/B,IAAI,IAAI,CAAC,sBAAsB,IAAI,IAAI,EAAE;AACvC,IAAA,IAAI,CAAC,sBAAsB,GAAG,EAAE,CAAC;AAClC,CAAA;AAEuB,SAAA,aAAa,CAAC,KAAwB,EAAA;AAC5D,IAAA,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAC1C;;;;"}

package/registerToken/dist/link.d.ts

@@ -4,4 +4,4 @@ export declare function usePlasmicLink(): React.ComponentType<React.ComponentPro
 export declare function PlasmicLinkProvider(props: {
     Link: React.ComponentType<any> | undefined;
     children?: React.ReactNode;
-}): JSX.Element;
+}): React.JSX.Element;

package/registerToken/dist/prop-types.d.ts

@@ -112,6 +112,7 @@ export interface PropTypeBaseDefault<P, T> extends PropTypeBase<P>, Defaultable<
 interface PlainStringType<P> extends PropTypeBaseDefault<P, string> {
     type: "string";
     control?: "default" | "large";
+    isLocalizable?: boolean;
 }
 interface CodeStringType<P> extends PropTypeBaseDefault<P, string> {
     type: "code";

package/registerToken/dist/registerComponent.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
 import { CodeComponentElement, CSSProperties, PlasmicElement } from "./element-types";
 import { ContextDependentConfig, InferDataType, ModalProps, PropType, RestrictPropType } from "./prop-types";
-export type { CanvasComponentProps, ControlExtras, ControlContext, ContextDependentConfig, PropType, } from "./prop-types";
+import { TupleUnion } from "./type-utils";
+export type * from "./prop-types";
 export interface ActionProps<P> {
     componentProps: P;
     /**
@@ -78,9 +79,6 @@ export interface StateHelpers<P, T> {
     onChangeArgsToValue?: (...args: any) => T;
     onMutate?: (stateValue: T, $ref: any) => void;
 }
-type TupleUnion<U extends string, R extends string[] = []> = {
-    [S in U]: Exclude<U, S> extends never ? [...R, S] : TupleUnion<Exclude<U, S>, [...R, S]>;
-}[U] & string[];
 export declare const stateHelpersKeys: TupleUnion<keyof StateHelpers<any, any>>;
 export type ComponentHelpers<P> = {
     states: Record<string, StateHelpers<P, any>>;
@@ -212,6 +210,13 @@ export interface CodeComponentMeta<P> {
      */
     hideFromContentCreators?: boolean;
     refActions?: Record<string, RefActionRegistration<P>>;
+    /**
+     * Optional function that takes in component props and context, and returns
+     * a string that will be used for labeling this element in the Outline panel
+     * on the left of the Studio.  This makes it easy to identify an element when
+     * looking at the tree.
+     */
+    treeLabel?: ContextDependentConfig<P, string>;
 }
 export type CodeComponentMode = "advanced" | "simplified" | "database-schema-driven";
 /**

package/registerToken/dist/type-utils.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Converts a union type to a tuple type of the same members
+ */
+export type TupleUnion<U extends string, R extends string[] = []> = {
+    [S in U]: Exclude<U, S> extends never ? [...R, S] : TupleUnion<Exclude<U, S>, [...R, S]>;
+}[U] & string[];

package/registerToken/dist/version.d.ts

@@ -1 +1 @@
-export declare const hostVersion = "1.0.151";
+export declare const hostVersion = "1.0.154";

package/registerTrait/dist/data.d.ts

@@ -31,13 +31,13 @@ export interface DataProviderProps {
     label?: string;
     children?: ReactNode;
 }
-export declare function DataProvider({ name, data, hidden, label, children, }: DataProviderProps): JSX.Element;
+export declare function DataProvider({ name, data, hidden, label, children, }: DataProviderProps): React.JSX.Element;
 export interface PageParamsProviderProps {
     params?: Record<string, string | string[] | undefined>;
     query?: Record<string, string | string[] | undefined>;
     children?: ReactNode;
 }
-export declare function PageParamsProvider({ children, params, query, }: PageParamsProviderProps): JSX.Element;
+export declare function PageParamsProvider({ children, params, query, }: PageParamsProviderProps): React.JSX.Element;
 export declare function DataCtxReader({ children, }: {
     children: ($ctx: DataDict | undefined) => ReactNode;
 }): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

package/registerTrait/dist/global-actions.d.ts

@@ -5,5 +5,5 @@ export declare function GlobalActionsProvider(props: {
     contextName: string;
     children?: React.ReactNode;
     actions: GlobalActionDict;
-}): JSX.Element;
+}): React.JSX.Element;
 export declare function useGlobalActions(): GlobalActionDict;

package/registerTrait/dist/index.cjs.js

@@ -14,5 +14,5 @@ function registerTrait(trait, meta) {
     });
 }
 
-exports['default'] = registerTrait;
+exports.default = registerTrait;
 //# sourceMappingURL=index.cjs.js.map

package/registerTrait/dist/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../src/registerTrait.ts"],"sourcesContent":["const root = globalThis as any;\n\nexport interface BasicTrait {\n  label?: string;\n  type: \"text\" | \"number\" | \"boolean\";\n}\n\nexport interface ChoiceTrait {\n  label?: string;\n  type: \"choice\";\n  options: string[];\n}\n\nexport type TraitMeta = BasicTrait | ChoiceTrait;\n\nexport interface TraitRegistration {\n  trait: string;\n  meta: TraitMeta;\n}\n\ndeclare global {\n  interface Window {\n    __PlasmicTraitRegistry: TraitRegistration[];\n  }\n}\n\nif (root.__PlasmicTraitRegistry == null) {\n  root.__PlasmicTraitRegistry = [];\n}\n\nexport default function registerTrait(trait: string, meta: TraitMeta) {\n  root.__PlasmicTraitRegistry.push({\n    trait,\n    meta,\n  });\n}\n"],"names":[],"mappings":";;;;;AAAA,IAAM,IAAI,GAAG,UAAiB,CAAC;AA0B/B,IAAI,IAAI,CAAC,sBAAsB,IAAI,IAAI,EAAE;IACvC,IAAI,CAAC,sBAAsB,GAAG,EAAE,CAAC;CAClC;SAEuB,aAAa,CAAC,KAAa,EAAE,IAAe;IAClE,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC;QAC/B,KAAK,OAAA;QACL,IAAI,MAAA;KACL,CAAC,CAAC;AACL;;;;"}
+{"version":3,"file":"index.cjs.js","sources":["../../src/registerTrait.ts"],"sourcesContent":["const root = globalThis as any;\n\nexport interface BasicTrait {\n  label?: string;\n  type: \"text\" | \"number\" | \"boolean\";\n}\n\nexport interface ChoiceTrait {\n  label?: string;\n  type: \"choice\";\n  options: string[];\n}\n\nexport type TraitMeta = BasicTrait | ChoiceTrait;\n\nexport interface TraitRegistration {\n  trait: string;\n  meta: TraitMeta;\n}\n\ndeclare global {\n  interface Window {\n    __PlasmicTraitRegistry: TraitRegistration[];\n  }\n}\n\nif (root.__PlasmicTraitRegistry == null) {\n  root.__PlasmicTraitRegistry = [];\n}\n\nexport default function registerTrait(trait: string, meta: TraitMeta) {\n  root.__PlasmicTraitRegistry.push({\n    trait,\n    meta,\n  });\n}\n"],"names":[],"mappings":";;;;;AAAA,IAAM,IAAI,GAAG,UAAiB,CAAC;AA0B/B,IAAI,IAAI,CAAC,sBAAsB,IAAI,IAAI,EAAE;AACvC,IAAA,IAAI,CAAC,sBAAsB,GAAG,EAAE,CAAC;AAClC,CAAA;AAEa,SAAU,aAAa,CAAC,KAAa,EAAE,IAAe,EAAA;AAClE,IAAA,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC;AAC/B,QAAA,KAAK,EAAA,KAAA;AACL,QAAA,IAAI,EAAA,IAAA;AACL,KAAA,CAAC,CAAC;AACL;;;;"}

package/registerTrait/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../src/registerTrait.ts"],"sourcesContent":["const root = globalThis as any;\n\nexport interface BasicTrait {\n  label?: string;\n  type: \"text\" | \"number\" | \"boolean\";\n}\n\nexport interface ChoiceTrait {\n  label?: string;\n  type: \"choice\";\n  options: string[];\n}\n\nexport type TraitMeta = BasicTrait | ChoiceTrait;\n\nexport interface TraitRegistration {\n  trait: string;\n  meta: TraitMeta;\n}\n\ndeclare global {\n  interface Window {\n    __PlasmicTraitRegistry: TraitRegistration[];\n  }\n}\n\nif (root.__PlasmicTraitRegistry == null) {\n  root.__PlasmicTraitRegistry = [];\n}\n\nexport default function registerTrait(trait: string, meta: TraitMeta) {\n  root.__PlasmicTraitRegistry.push({\n    trait,\n    meta,\n  });\n}\n"],"names":[],"mappings":";AAAA,IAAM,IAAI,GAAG,UAAiB,CAAC;AA0B/B,IAAI,IAAI,CAAC,sBAAsB,IAAI,IAAI,EAAE;IACvC,IAAI,CAAC,sBAAsB,GAAG,EAAE,CAAC;CAClC;SAEuB,aAAa,CAAC,KAAa,EAAE,IAAe;IAClE,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC;QAC/B,KAAK,OAAA;QACL,IAAI,MAAA;KACL,CAAC,CAAC;AACL;;;;"}
+{"version":3,"file":"index.esm.js","sources":["../../src/registerTrait.ts"],"sourcesContent":["const root = globalThis as any;\n\nexport interface BasicTrait {\n  label?: string;\n  type: \"text\" | \"number\" | \"boolean\";\n}\n\nexport interface ChoiceTrait {\n  label?: string;\n  type: \"choice\";\n  options: string[];\n}\n\nexport type TraitMeta = BasicTrait | ChoiceTrait;\n\nexport interface TraitRegistration {\n  trait: string;\n  meta: TraitMeta;\n}\n\ndeclare global {\n  interface Window {\n    __PlasmicTraitRegistry: TraitRegistration[];\n  }\n}\n\nif (root.__PlasmicTraitRegistry == null) {\n  root.__PlasmicTraitRegistry = [];\n}\n\nexport default function registerTrait(trait: string, meta: TraitMeta) {\n  root.__PlasmicTraitRegistry.push({\n    trait,\n    meta,\n  });\n}\n"],"names":[],"mappings":";AAAA,IAAM,IAAI,GAAG,UAAiB,CAAC;AA0B/B,IAAI,IAAI,CAAC,sBAAsB,IAAI,IAAI,EAAE;AACvC,IAAA,IAAI,CAAC,sBAAsB,GAAG,EAAE,CAAC;AAClC,CAAA;AAEa,SAAU,aAAa,CAAC,KAAa,EAAE,IAAe,EAAA;AAClE,IAAA,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC;AAC/B,QAAA,KAAK,EAAA,KAAA;AACL,QAAA,IAAI,EAAA,IAAA;AACL,KAAA,CAAC,CAAC;AACL;;;;"}

package/registerTrait/dist/link.d.ts

@@ -4,4 +4,4 @@ export declare function usePlasmicLink(): React.ComponentType<React.ComponentPro
 export declare function PlasmicLinkProvider(props: {
     Link: React.ComponentType<any> | undefined;
     children?: React.ReactNode;
-}): JSX.Element;
+}): React.JSX.Element;

package/registerTrait/dist/prop-types.d.ts

@@ -112,6 +112,7 @@ export interface PropTypeBaseDefault<P, T> extends PropTypeBase<P>, Defaultable<
 interface PlainStringType<P> extends PropTypeBaseDefault<P, string> {
     type: "string";
     control?: "default" | "large";
+    isLocalizable?: boolean;
 }
 interface CodeStringType<P> extends PropTypeBaseDefault<P, string> {
     type: "code";

package/registerTrait/dist/registerComponent.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
 import { CodeComponentElement, CSSProperties, PlasmicElement } from "./element-types";
 import { ContextDependentConfig, InferDataType, ModalProps, PropType, RestrictPropType } from "./prop-types";
-export type { CanvasComponentProps, ControlExtras, ControlContext, ContextDependentConfig, PropType, } from "./prop-types";
+import { TupleUnion } from "./type-utils";
+export type * from "./prop-types";
 export interface ActionProps<P> {
     componentProps: P;
     /**
@@ -78,9 +79,6 @@ export interface StateHelpers<P, T> {
     onChangeArgsToValue?: (...args: any) => T;
     onMutate?: (stateValue: T, $ref: any) => void;
 }
-type TupleUnion<U extends string, R extends string[] = []> = {
-    [S in U]: Exclude<U, S> extends never ? [...R, S] : TupleUnion<Exclude<U, S>, [...R, S]>;
-}[U] & string[];
 export declare const stateHelpersKeys: TupleUnion<keyof StateHelpers<any, any>>;
 export type ComponentHelpers<P> = {
     states: Record<string, StateHelpers<P, any>>;
@@ -212,6 +210,13 @@ export interface CodeComponentMeta<P> {
      */
     hideFromContentCreators?: boolean;
     refActions?: Record<string, RefActionRegistration<P>>;
+    /**
+     * Optional function that takes in component props and context, and returns
+     * a string that will be used for labeling this element in the Outline panel
+     * on the left of the Studio.  This makes it easy to identify an element when
+     * looking at the tree.
+     */
+    treeLabel?: ContextDependentConfig<P, string>;
 }
 export type CodeComponentMode = "advanced" | "simplified" | "database-schema-driven";
 /**

package/registerTrait/dist/type-utils.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Converts a union type to a tuple type of the same members
+ */
+export type TupleUnion<U extends string, R extends string[] = []> = {
+    [S in U]: Exclude<U, S> extends never ? [...R, S] : TupleUnion<Exclude<U, S>, [...R, S]>;
+}[U] & string[];

package/registerTrait/dist/version.d.ts

@@ -1 +1 @@
-export declare const hostVersion = "1.0.151";
+export declare const hostVersion = "1.0.154";