create-plasmic-app 0.0.67 → 0.0.69

package/cpa-out/gatsby-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicDynamicPage.tsx

@@ -0,0 +1,262 @@
+// @ts-nocheck
+/* eslint-disable */
+/* tslint:disable */
+/* prettier-ignore-start */
+
+/** @jsxRuntime classic */
+/** @jsx createPlasmicElementProxy */
+/** @jsxFrag React.Fragment */
+
+// This class is auto-generated by Plasmic; please do not edit!
+// Plasmic Project: 47tFXWjN2C4NyHFGGpaYQ3
+// Component: AO44A-w7hh
+
+import * as React from "react";
+
+import {
+  Link,
+  GatsbyLinkProps as LinkProps,
+  navigate as __gatsbyNavigate
+} from "gatsby";
+
+import * as p from "@plasmicapp/react-web";
+import * as ph from "@plasmicapp/react-web/lib/host";
+
+import {
+  hasVariant,
+  classNames,
+  wrapWithClassName,
+  createPlasmicElementProxy,
+  makeFragment,
+  MultiChoiceArg,
+  SingleBooleanChoiceArg,
+  SingleChoiceArg,
+  pick,
+  omit,
+  useTrigger,
+  StrictProps,
+  deriveRenderOpts,
+  ensureGlobalVariants
+} from "@plasmicapp/react-web";
+import RandomDynamicPageButton from "../../RandomDynamicPageButton"; // plasmic-import: Q23H1_1M_P/component
+
+import "@plasmicapp/react-web/lib/plasmic.css";
+
+import * as projectcss from "./plasmic_create_plasmic_app.module.css"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectcss
+import * as sty from "./PlasmicDynamicPage.module.css"; // plasmic-import: AO44A-w7hh/css
+
+export type PlasmicDynamicPage__VariantMembers = {};
+export type PlasmicDynamicPage__VariantsArgs = {};
+type VariantPropType = keyof PlasmicDynamicPage__VariantsArgs;
+export const PlasmicDynamicPage__VariantProps = new Array<VariantPropType>();
+
+export type PlasmicDynamicPage__ArgsType = {};
+type ArgPropType = keyof PlasmicDynamicPage__ArgsType;
+export const PlasmicDynamicPage__ArgProps = new Array<ArgPropType>();
+
+export type PlasmicDynamicPage__OverridesType = {
+  root?: p.Flex<"div">;
+  section?: p.Flex<"section">;
+  h1?: p.Flex<"h1">;
+  randomDynamicPageButton?: p.Flex<typeof RandomDynamicPageButton>;
+};
+
+export interface DefaultDynamicPageProps {
+  className?: string;
+}
+
+const __wrapUserFunction =
+  globalThis.__PlasmicWrapUserFunction ?? ((loc, fn) => fn());
+const __wrapUserPromise =
+  globalThis.__PlasmicWrapUserPromise ??
+  (async (loc, promise) => {
+    return await promise;
+  });
+
+export function Head() {
+  return <></>;
+}
+
+function PlasmicDynamicPage__RenderFunc(props: {
+  variants: PlasmicDynamicPage__VariantsArgs;
+  args: PlasmicDynamicPage__ArgsType;
+  overrides: PlasmicDynamicPage__OverridesType;
+  forNode?: string;
+}) {
+  const { variants, overrides, forNode } = props;
+
+  const $ctx = ph.useDataEnv?.() || {};
+  const args = React.useMemo(() => Object.assign({}, props.args), [props.args]);
+
+  const $props = {
+    ...args,
+    ...variants
+  };
+  const refsRef = React.useRef({});
+  const $refs = refsRef.current;
+
+  const currentUser = p.useCurrentUser?.() || {};
+  const [$queries, setDollarQueries] = React.useState({});
+
+  return (
+    <React.Fragment>
+      <style>{`
+        body {
+          margin: 0;
+        }
+      `}</style>
+
+      <div className={projectcss.plasmic_page_wrapper}>
+        <div
+          data-plasmic-name={"root"}
+          data-plasmic-override={overrides.root}
+          data-plasmic-root={true}
+          data-plasmic-for-node={forNode}
+          className={classNames(
+            projectcss.all,
+            projectcss.root_reset,
+            projectcss.plasmic_default_styles,
+            projectcss.plasmic_mixins,
+            sty.root
+          )}
+        >
+          <p.Stack
+            as={"section"}
+            data-plasmic-name={"section"}
+            data-plasmic-override={overrides.section}
+            hasGap={true}
+            className={classNames(projectcss.all, sty.section)}
+          >
+            <h1
+              data-plasmic-name={"h1"}
+              data-plasmic-override={overrides.h1}
+              className={classNames(
+                projectcss.all,
+                projectcss.h1,
+                projectcss.__wab_text,
+                sty.h1
+              )}
+            >
+              {(() => {
+                try {
+                  return $ctx.params.slug;
+                } catch (e) {
+                  if (e instanceof TypeError) {
+                    return "Page 1";
+                  }
+                  throw e;
+                }
+              })()}
+            </h1>
+
+            <RandomDynamicPageButton
+              data-plasmic-name={"randomDynamicPageButton"}
+              data-plasmic-override={overrides.randomDynamicPageButton}
+              className={classNames(
+                "__wab_instance",
+                sty.randomDynamicPageButton
+              )}
+            />
+          </p.Stack>
+        </div>
+      </div>
+    </React.Fragment>
+  ) as React.ReactElement | null;
+}
+
+const PlasmicDescendants = {
+  root: ["root", "section", "h1", "randomDynamicPageButton"],
+  section: ["section", "h1", "randomDynamicPageButton"],
+  h1: ["h1"],
+  randomDynamicPageButton: ["randomDynamicPageButton"]
+} as const;
+type NodeNameType = keyof typeof PlasmicDescendants;
+type DescendantsType<T extends NodeNameType> =
+  (typeof PlasmicDescendants)[T][number];
+type NodeDefaultElementType = {
+  root: "div";
+  section: "section";
+  h1: "h1";
+  randomDynamicPageButton: typeof RandomDynamicPageButton;
+};
+
+type ReservedPropsType = "variants" | "args" | "overrides";
+type NodeOverridesType<T extends NodeNameType> = Pick<
+  PlasmicDynamicPage__OverridesType,
+  DescendantsType<T>
+>;
+type NodeComponentProps<T extends NodeNameType> =
+  // Explicitly specify variants, args, and overrides as objects
+  {
+    variants?: PlasmicDynamicPage__VariantsArgs;
+    args?: PlasmicDynamicPage__ArgsType;
+    overrides?: NodeOverridesType<T>;
+  } & Omit<PlasmicDynamicPage__VariantsArgs, ReservedPropsType> & // Specify variants directly as props
+    /* Specify args directly as props*/ Omit<
+      PlasmicDynamicPage__ArgsType,
+      ReservedPropsType
+    > &
+    /* Specify overrides for each element directly as props*/ Omit<
+      NodeOverridesType<T>,
+      ReservedPropsType | VariantPropType | ArgPropType
+    > &
+    /* Specify props for the root element*/ Omit<
+      Partial<React.ComponentProps<NodeDefaultElementType[T]>>,
+      ReservedPropsType | VariantPropType | ArgPropType | DescendantsType<T>
+    >;
+
+function makeNodeComponent<NodeName extends NodeNameType>(nodeName: NodeName) {
+  type PropsType = NodeComponentProps<NodeName> & { key?: React.Key };
+  const func = function <T extends PropsType>(
+    props: T & StrictProps<T, PropsType>
+  ) {
+    const { variants, args, overrides } = React.useMemo(
+      () =>
+        deriveRenderOpts(props, {
+          name: nodeName,
+          descendantNames: [...PlasmicDescendants[nodeName]],
+          internalArgPropNames: PlasmicDynamicPage__ArgProps,
+          internalVariantPropNames: PlasmicDynamicPage__VariantProps
+        }),
+      [props, nodeName]
+    );
+    return PlasmicDynamicPage__RenderFunc({
+      variants,
+      args,
+      overrides,
+      forNode: nodeName
+    });
+  };
+  if (nodeName === "root") {
+    func.displayName = "PlasmicDynamicPage";
+  } else {
+    func.displayName = `PlasmicDynamicPage.${nodeName}`;
+  }
+  return func;
+}
+
+export const PlasmicDynamicPage = Object.assign(
+  // Top-level PlasmicDynamicPage renders the root element
+  makeNodeComponent("root"),
+  {
+    // Helper components rendering sub-elements
+    section: makeNodeComponent("section"),
+    h1: makeNodeComponent("h1"),
+    randomDynamicPageButton: makeNodeComponent("randomDynamicPageButton"),
+
+    // Metadata about props expected for PlasmicDynamicPage
+    internalVariantProps: PlasmicDynamicPage__VariantProps,
+    internalArgProps: PlasmicDynamicPage__ArgProps,
+
+    // Page metadata
+    pageMetadata: {
+      title: "",
+      description: "",
+      ogImageSrc: "",
+      canonical: ""
+    }
+  }
+);
+
+export default PlasmicDynamicPage;
+/* prettier-ignore-end */

package/cpa-out/gatsby-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicGlobalVariant__Screen.tsx

@@ -2,6 +2,7 @@
 /* eslint-disable */
 /* tslint:disable */
 /* prettier-ignore-start */
+
 import * as React from "react";
 import * as p from "@plasmicapp/react-web";
 

package/cpa-out/gatsby-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicHomepage.tsx

@@ -10,6 +10,7 @@
 // This class is auto-generated by Plasmic; please do not edit!
 // Plasmic Project: 47tFXWjN2C4NyHFGGpaYQ3
 // Component: 6uuAAE1jiCew
+
 import * as React from "react";
 
 import {
@@ -37,6 +38,7 @@ import {
   deriveRenderOpts,
   ensureGlobalVariants
 } from "@plasmicapp/react-web";
+import RandomDynamicPageButton from "../../RandomDynamicPageButton"; // plasmic-import: Q23H1_1M_P/component
 
 import { useScreenVariants as useScreenVariantsscBjPxgdxdzbv } from "./PlasmicGlobalVariant__Screen"; // plasmic-import: SCBjPXGDXDZBV/globalVariant
 
@@ -59,6 +61,7 @@ export type PlasmicHomepage__OverridesType = {
   section?: p.Flex<"section">;
   h1?: p.Flex<"h1">;
   text?: p.Flex<"div">;
+  randomDynamicPageButton?: p.Flex<typeof RandomDynamicPageButton>;
 };
 
 export interface DefaultHomepageProps {
@@ -188,6 +191,15 @@ function PlasmicHomepage__RenderFunc(props: {
                 </React.Fragment>
               )}
             </div>
+
+            <RandomDynamicPageButton
+              data-plasmic-name={"randomDynamicPageButton"}
+              data-plasmic-override={overrides.randomDynamicPageButton}
+              className={classNames(
+                "__wab_instance",
+                sty.randomDynamicPageButton
+              )}
+            />
           </p.Stack>
         </div>
       </div>
@@ -196,10 +208,11 @@ function PlasmicHomepage__RenderFunc(props: {
 }
 
 const PlasmicDescendants = {
-  root: ["root", "section", "h1", "text"],
-  section: ["section", "h1", "text"],
+  root: ["root", "section", "h1", "text", "randomDynamicPageButton"],
+  section: ["section", "h1", "text", "randomDynamicPageButton"],
   h1: ["h1"],
-  text: ["text"]
+  text: ["text"],
+  randomDynamicPageButton: ["randomDynamicPageButton"]
 } as const;
 type NodeNameType = keyof typeof PlasmicDescendants;
 type DescendantsType<T extends NodeNameType> =
@@ -209,6 +222,7 @@ type NodeDefaultElementType = {
   section: "section";
   h1: "h1";
   text: "div";
+  randomDynamicPageButton: typeof RandomDynamicPageButton;
 };
 
 type ReservedPropsType = "variants" | "args" | "overrides";
@@ -274,6 +288,7 @@ export const PlasmicHomepage = Object.assign(
     section: makeNodeComponent("section"),
     h1: makeNodeComponent("h1"),
     text: makeNodeComponent("text"),
+    randomDynamicPageButton: makeNodeComponent("randomDynamicPageButton"),
 
     // Metadata about props expected for PlasmicHomepage
     internalVariantProps: PlasmicHomepage__VariantProps,

package/cpa-out/gatsby-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicRandomDynamicPageButton.tsx

@@ -0,0 +1,246 @@
+// @ts-nocheck
+/* eslint-disable */
+/* tslint:disable */
+/* prettier-ignore-start */
+
+/** @jsxRuntime classic */
+/** @jsx createPlasmicElementProxy */
+/** @jsxFrag React.Fragment */
+
+// This class is auto-generated by Plasmic; please do not edit!
+// Plasmic Project: 47tFXWjN2C4NyHFGGpaYQ3
+// Component: Q23H1_1M_P
+
+import * as React from "react";
+
+import {
+  Link,
+  GatsbyLinkProps as LinkProps,
+  navigate as __gatsbyNavigate
+} from "gatsby";
+
+import * as p from "@plasmicapp/react-web";
+import * as ph from "@plasmicapp/react-web/lib/host";
+
+import {
+  hasVariant,
+  classNames,
+  wrapWithClassName,
+  createPlasmicElementProxy,
+  makeFragment,
+  MultiChoiceArg,
+  SingleBooleanChoiceArg,
+  SingleChoiceArg,
+  pick,
+  omit,
+  useTrigger,
+  StrictProps,
+  deriveRenderOpts,
+  ensureGlobalVariants
+} from "@plasmicapp/react-web";
+import Button from "../../Button"; // plasmic-import: TQcvW_pSKi3/component
+
+import "@plasmicapp/react-web/lib/plasmic.css";
+
+import * as projectcss from "./plasmic_create_plasmic_app.module.css"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectcss
+import * as sty from "./PlasmicRandomDynamicPageButton.module.css"; // plasmic-import: Q23H1_1M_P/css
+
+import ChecksvgIcon from "./icons/PlasmicIcon__Checksvg"; // plasmic-import: gj-_D7n31Ho/icon
+import IconIcon from "./icons/PlasmicIcon__Icon"; // plasmic-import: 6PNxx3YMyDQ/icon
+
+export type PlasmicRandomDynamicPageButton__VariantMembers = {};
+export type PlasmicRandomDynamicPageButton__VariantsArgs = {};
+type VariantPropType = keyof PlasmicRandomDynamicPageButton__VariantsArgs;
+export const PlasmicRandomDynamicPageButton__VariantProps =
+  new Array<VariantPropType>();
+
+export type PlasmicRandomDynamicPageButton__ArgsType = {};
+type ArgPropType = keyof PlasmicRandomDynamicPageButton__ArgsType;
+export const PlasmicRandomDynamicPageButton__ArgProps =
+  new Array<ArgPropType>();
+
+export type PlasmicRandomDynamicPageButton__OverridesType = {
+  root?: p.Flex<typeof Button>;
+};
+
+export interface DefaultRandomDynamicPageButtonProps {
+  className?: string;
+}
+
+const __wrapUserFunction =
+  globalThis.__PlasmicWrapUserFunction ?? ((loc, fn) => fn());
+const __wrapUserPromise =
+  globalThis.__PlasmicWrapUserPromise ??
+  (async (loc, promise) => {
+    return await promise;
+  });
+
+function PlasmicRandomDynamicPageButton__RenderFunc(props: {
+  variants: PlasmicRandomDynamicPageButton__VariantsArgs;
+  args: PlasmicRandomDynamicPageButton__ArgsType;
+  overrides: PlasmicRandomDynamicPageButton__OverridesType;
+  forNode?: string;
+}) {
+  const { variants, overrides, forNode } = props;
+
+  const $ctx = ph.useDataEnv?.() || {};
+  const args = React.useMemo(() => Object.assign({}, props.args), [props.args]);
+
+  const $props = {
+    ...args,
+    ...variants
+  };
+  const refsRef = React.useRef({});
+  const $refs = refsRef.current;
+
+  const currentUser = p.useCurrentUser?.() || {};
+  const [$queries, setDollarQueries] = React.useState({});
+
+  return (
+    <Button
+      data-plasmic-name={"root"}
+      data-plasmic-override={overrides.root}
+      data-plasmic-root={true}
+      data-plasmic-for-node={forNode}
+      className={classNames("__wab_instance", sty.root)}
+      onClick={async event => {
+        const $steps = {};
+        $steps["goToDynamicPage"] = true
+          ? (() => {
+              const actionArgs = {
+                destination: __wrapUserFunction(
+                  {
+                    type: "InteractionArgLoc",
+                    actionName: "navigation",
+                    interactionUuid: "9Y3jL0zxjA",
+                    componentUuid: "Q23H1_1M_P",
+                    argName: "destination"
+                  },
+                  () =>
+                    `/dynamic/${(() => {
+                      try {
+                        return Math.random().toString(36).slice(2);
+                      } catch (e) {
+                        if (e instanceof TypeError) {
+                          return "value";
+                        }
+                        throw e;
+                      }
+                    })()}`
+                )
+              };
+              return __wrapUserFunction(
+                {
+                  type: "InteractionLoc",
+                  actionName: "navigation",
+                  interactionUuid: "9Y3jL0zxjA",
+                  componentUuid: "Q23H1_1M_P"
+                },
+                () =>
+                  (({ destination }) => {
+                    __gatsbyNavigate(destination);
+                  })?.apply(null, [actionArgs]),
+                actionArgs
+              );
+            })()
+          : undefined;
+        if (
+          typeof $steps["goToDynamicPage"] === "object" &&
+          typeof $steps["goToDynamicPage"].then === "function"
+        ) {
+          $steps["goToDynamicPage"] = await __wrapUserPromise(
+            {
+              type: "InteractionLoc",
+              actionName: "navigation",
+              interactionUuid: "9Y3jL0zxjA",
+              componentUuid: "Q23H1_1M_P"
+            },
+            $steps["goToDynamicPage"]
+          );
+        }
+      }}
+    >
+      {"Random Dynamic Page"}
+    </Button>
+  ) as React.ReactElement | null;
+}
+
+const PlasmicDescendants = {
+  root: ["root"]
+} as const;
+type NodeNameType = keyof typeof PlasmicDescendants;
+type DescendantsType<T extends NodeNameType> =
+  (typeof PlasmicDescendants)[T][number];
+type NodeDefaultElementType = {
+  root: typeof Button;
+};
+
+type ReservedPropsType = "variants" | "args" | "overrides";
+type NodeOverridesType<T extends NodeNameType> = Pick<
+  PlasmicRandomDynamicPageButton__OverridesType,
+  DescendantsType<T>
+>;
+type NodeComponentProps<T extends NodeNameType> =
+  // Explicitly specify variants, args, and overrides as objects
+  {
+    variants?: PlasmicRandomDynamicPageButton__VariantsArgs;
+    args?: PlasmicRandomDynamicPageButton__ArgsType;
+    overrides?: NodeOverridesType<T>;
+  } & Omit<PlasmicRandomDynamicPageButton__VariantsArgs, ReservedPropsType> & // Specify variants directly as props
+    /* Specify args directly as props*/ Omit<
+      PlasmicRandomDynamicPageButton__ArgsType,
+      ReservedPropsType
+    > &
+    /* Specify overrides for each element directly as props*/ Omit<
+      NodeOverridesType<T>,
+      ReservedPropsType | VariantPropType | ArgPropType
+    > &
+    /* Specify props for the root element*/ Omit<
+      Partial<React.ComponentProps<NodeDefaultElementType[T]>>,
+      ReservedPropsType | VariantPropType | ArgPropType | DescendantsType<T>
+    >;
+
+function makeNodeComponent<NodeName extends NodeNameType>(nodeName: NodeName) {
+  type PropsType = NodeComponentProps<NodeName> & { key?: React.Key };
+  const func = function <T extends PropsType>(
+    props: T & StrictProps<T, PropsType>
+  ) {
+    const { variants, args, overrides } = React.useMemo(
+      () =>
+        deriveRenderOpts(props, {
+          name: nodeName,
+          descendantNames: [...PlasmicDescendants[nodeName]],
+          internalArgPropNames: PlasmicRandomDynamicPageButton__ArgProps,
+          internalVariantPropNames: PlasmicRandomDynamicPageButton__VariantProps
+        }),
+      [props, nodeName]
+    );
+    return PlasmicRandomDynamicPageButton__RenderFunc({
+      variants,
+      args,
+      overrides,
+      forNode: nodeName
+    });
+  };
+  if (nodeName === "root") {
+    func.displayName = "PlasmicRandomDynamicPageButton";
+  } else {
+    func.displayName = `PlasmicRandomDynamicPageButton.${nodeName}`;
+  }
+  return func;
+}
+
+export const PlasmicRandomDynamicPageButton = Object.assign(
+  // Top-level PlasmicRandomDynamicPageButton renders the root element
+  makeNodeComponent("root"),
+  {
+    // Helper components rendering sub-elements
+
+    // Metadata about props expected for PlasmicRandomDynamicPageButton
+    internalVariantProps: PlasmicRandomDynamicPageButton__VariantProps,
+    internalArgProps: PlasmicRandomDynamicPageButton__ArgProps
+  }
+);
+
+export default PlasmicRandomDynamicPageButton;
+/* prettier-ignore-end */

package/cpa-out/gatsby-codegen-ts/src/components/plasmic/create_plasmic_app/icons/PlasmicIcon__Checksvg.tsx

@@ -0,0 +1,44 @@
+// @ts-nocheck
+/* eslint-disable */
+/* tslint:disable */
+/* prettier-ignore-start */
+import React from "react";
+import { classNames } from "@plasmicapp/react-web";
+
+export type ChecksvgIconProps = React.ComponentProps<"svg"> & {
+  title?: string;
+};
+
+export function ChecksvgIcon(props: ChecksvgIconProps) {
+  const { className, style, title, ...restProps } = props;
+  return (
+    <svg
+      xmlns={"http://www.w3.org/2000/svg"}
+      fill={"none"}
+      viewBox={"0 0 24 24"}
+      height={"1em"}
+      width={"1em"}
+      style={{
+        fill: "currentcolor",
+
+        ...(style || {}),
+      }}
+      className={classNames("plasmic-default__svg", className)}
+      {...restProps}
+    >
+      {title && <title>{title}</title>}
+
+      <path
+        fillRule={"evenodd"}
+        clipRule={"evenodd"}
+        d={
+          "M18.416 5.876a.75.75 0 01.208 1.04L11.42 17.721a1.75 1.75 0 01-2.871.06l-3.156-4.34a.75.75 0 111.214-.882l3.155 4.339a.25.25 0 00.41-.009l7.204-10.805a.75.75 0 011.04-.208z"
+        }
+        fill={"currentColor"}
+      ></path>
+    </svg>
+  );
+}
+
+export default ChecksvgIcon;
+/* prettier-ignore-end */

package/cpa-out/gatsby-codegen-ts/src/components/plasmic/create_plasmic_app/icons/PlasmicIcon__Icon.tsx

@@ -0,0 +1,41 @@
+// @ts-nocheck
+/* eslint-disable */
+/* tslint:disable */
+/* prettier-ignore-start */
+import React from "react";
+import { classNames } from "@plasmicapp/react-web";
+
+export type IconIconProps = React.ComponentProps<"svg"> & {
+  title?: string;
+};
+
+export function IconIcon(props: IconIconProps) {
+  const { className, style, title, ...restProps } = props;
+  return (
+    <svg
+      xmlns={"http://www.w3.org/2000/svg"}
+      stroke={"currentColor"}
+      fill={"currentColor"}
+      strokeWidth={"0"}
+      viewBox={"0 0 16 16"}
+      height={"1em"}
+      width={"1em"}
+      className={classNames("plasmic-default__svg", className)}
+      style={style}
+      {...restProps}
+    >
+      {title && <title>{title}</title>}
+
+      <path
+        fillRule={"evenodd"}
+        d={
+          "M1 8a.5.5 0 01.5-.5h11.793l-3.147-3.146a.5.5 0 01.708-.708l4 4a.5.5 0 010 .708l-4 4a.5.5 0 01-.708-.708L13.293 8.5H1.5A.5.5 0 011 8z"
+        }
+        stroke={"none"}
+      ></path>
+    </svg>
+  );
+}
+
+export default IconIcon;
+/* prettier-ignore-end */