@webstudio-is/sdk-components-react-remix 0.168.0 → 0.174.0

package/lib/components.js

@@ -53,7 +53,6 @@ import {
 } from "react";
 import { useFetcher } from "@remix-run/react";
 import { formIdFieldName as formIdFieldName2 } from "@webstudio-is/form-handlers";
-import { getInstanceIdFromComponentProps } from "@webstudio-is/react-sdk";
 
 // ../form-handlers/src/shared.ts
 var formHiddenFieldPrefix = "ws--form";
@@ -102,7 +101,6 @@ var isJSDom = () => {
 var WebhookForm = forwardRef3(
   ({ children, action, method, state = "initial", onStateChange, ...rest }, ref) => {
     const fetcher = useFetcher();
-    const instanceId = getInstanceIdFromComponentProps(rest);
     useOnFetchEnd(fetcher, (data) => {
       const state2 = data?.success === true ? "success" : "error";
       onStateChange?.(state2);
@@ -123,7 +121,14 @@ var WebhookForm = forwardRef3(
         ref,
         onSubmit: handleSubmitAndAddHiddenJsField,
         children: [
-          /* @__PURE__ */ jsx3("input", { type: "hidden", name: formIdFieldName2, value: instanceId }),
+          /* @__PURE__ */ jsx3(
+            "input",
+            {
+              type: "hidden",
+              name: formIdFieldName2,
+              value: action?.toString()
+            }
+          ),
           children
         ]
       }
@@ -140,11 +145,11 @@ import {
 import { Form } from "@remix-run/react";
 import { ReactSdkContext as ReactSdkContext2 } from "@webstudio-is/react-sdk";
 import { jsx as jsx4 } from "react/jsx-runtime";
-var RemixForm = forwardRef4((props, ref) => {
+var RemixForm = forwardRef4(({ action, ...props }, ref) => {
   const { renderer } = useContext2(ReactSdkContext2);
-  if (props.action === void 0 || props.action === "" || props.action?.startsWith("/")) {
+  if (action === void 0 || action === "" || typeof action === "string" && action?.startsWith("/")) {
     if (renderer !== "canvas" && renderer !== "preview") {
-      return /* @__PURE__ */ jsx4(Form, { ...props, ref });
+      return /* @__PURE__ */ jsx4(Form, { action, ...props, ref });
     }
   }
   return /* @__PURE__ */ jsx4("form", { ...props, ref });

package/lib/types/form-handlers/src/shared.d.ts

@@ -1,13 +1,11 @@
 export declare const formIdFieldName = "ws--form-id";
 export declare const formBotFieldName = "ws--form-bot";
 export type FormInfo = {
-    projectId: string;
+    formId: string;
     pageUrl: string;
     formData: FormData;
     toEmail: string;
     fromEmail: string;
-    action: string | null;
-    method: "get" | "post";
 };
 export type EmailInfo = {
     from: string;
@@ -23,8 +21,6 @@ export type Result = {
     success: false;
     errors: string[];
 };
-/** Returns form entries that should be send in email: removes `File` entries and `formId` */
-export declare const getFormEntries: (formData: FormData) => [string, string][];
 export declare const formToEmail: ({ formData, pageUrl, toEmail, fromEmail, }: FormInfo) => EmailInfo;
 export declare const getResponseBody: (response: Response) => Promise<{
     text: string;

package/lib/types/sdk-components-react-remix/src/body.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const Body: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>, "ref"> & import("react").RefAttributes<HTMLBodyElement>>;

package/lib/types/sdk-components-react-remix/src/link.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 export declare const Link: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "target"> & {
-    target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
+    target?: "_self" | "_blank" | "_parent" | "_top";
 }, "ref"> & import("react").RefAttributes<HTMLAnchorElement>, "ref">, "target"> & {
-    target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
-    prefetch?: "none" | "intent" | "render" | "viewport" | undefined;
-    reloadDocument?: boolean | undefined;
-    replace?: boolean | undefined;
-    preventScrollReset?: boolean | undefined;
+    target?: "_self" | "_blank" | "_parent" | "_top";
+    prefetch?: "none" | "intent" | "render" | "viewport";
+    reloadDocument?: boolean;
+    replace?: boolean;
+    preventScrollReset?: boolean;
 } & import("react").RefAttributes<HTMLAnchorElement>>;

package/lib/types/sdk-components-react-remix/src/remix-form.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { type FormProps } from "@remix-run/react";
 export declare const defaultTag = "form";
 export declare const RemixForm: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLFormElement> & import("react").FormHTMLAttributes<HTMLFormElement> & Pick<FormProps, "encType"> & {
-    method?: "get" | "post" | "put" | "delete" | "patch" | undefined;
+    method?: Lowercase<NonNullable<FormProps["method"]>>;
 }, "ref"> & import("react").RefAttributes<HTMLFormElement>>;

package/lib/types/sdk-components-react-remix/src/rich-text-link.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 export declare const RichTextLink: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "target"> & {
-    target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
+    target?: "_self" | "_blank" | "_parent" | "_top";
 }, "ref"> & import("react").RefAttributes<HTMLAnchorElement>, "ref">, "target"> & {
-    target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
-    prefetch?: "none" | "intent" | "render" | "viewport" | undefined;
-    reloadDocument?: boolean | undefined;
-    replace?: boolean | undefined;
-    preventScrollReset?: boolean | undefined;
+    target?: "_self" | "_blank" | "_parent" | "_top";
+    prefetch?: "none" | "intent" | "render" | "viewport";
+    reloadDocument?: boolean;
+    replace?: boolean;
+    preventScrollReset?: boolean;
 } & import("react").RefAttributes<HTMLAnchorElement>>;

package/lib/types/sdk-components-react-remix/src/shared/remix-link.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
 import type { Link } from "@webstudio-is/sdk-components-react";
 export declare const wrapLinkComponent: (BaseLink: typeof Link) => import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "target"> & {
-    target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
+    target?: "_self" | "_blank" | "_parent" | "_top";
 }, "ref"> & import("react").RefAttributes<HTMLAnchorElement>, "ref">, "target"> & {
-    target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
-    prefetch?: "none" | "intent" | "render" | "viewport" | undefined;
-    reloadDocument?: boolean | undefined;
-    replace?: boolean | undefined;
-    preventScrollReset?: boolean | undefined;
+    target?: "_self" | "_blank" | "_parent" | "_top";
+    prefetch?: "none" | "intent" | "render" | "viewport";
+    reloadDocument?: boolean;
+    replace?: boolean;
+    preventScrollReset?: boolean;
 } & import("react").RefAttributes<HTMLAnchorElement>>;

package/lib/types/sdk-components-react-remix/src/webhook-form.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
 import { type FormProps } from "@remix-run/react";
 export declare const defaultTag = "form";
 type State = "initial" | "success" | "error";
 export declare const WebhookForm: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLFormElement> & import("react").FormHTMLAttributes<HTMLFormElement> & {
     /** Use this property to reveal the Success and Error states on the canvas so they can be styled. The Initial state is displayed when the page first opens. The Success and Error states are displayed depending on whether the Form submits successfully or unsuccessfully. */
-    state?: State | undefined;
+    state?: State;
     encType?: FormProps["encType"];
-    onStateChange?: ((state: State) => void) | undefined;
+    onStateChange?: (state: State) => void;
 }, "ref"> & import("react").RefAttributes<HTMLFormElement>>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/sdk-components-react-remix",
-  "version": "0.168.0",
+  "version": "0.174.0",
   "description": "Webstudio components for Remix",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -35,28 +35,26 @@
     "react-dom": "18.3.0-canary-14898b6a9-20240318"
   },
   "dependencies": {
-    "@webstudio-is/form-handlers": "0.168.0",
-    "@webstudio-is/icons": "0.168.0",
-    "@webstudio-is/react-sdk": "0.168.0",
-    "@webstudio-is/sdk-components-react": "0.168.0"
+    "@webstudio-is/form-handlers": "0.174.0",
+    "@webstudio-is/react-sdk": "0.174.0",
+    "@webstudio-is/icons": "0.174.0",
+    "@webstudio-is/sdk-components-react": "0.174.0"
   },
   "devDependencies": {
-    "@remix-run/react": "^2.9.2",
+    "@remix-run/react": "^2.10.3",
     "@types/node": "^20.12.7",
     "@types/react": "^18.2.70",
     "@types/react-dom": "^18.2.25",
     "react": "18.3.0-canary-14898b6a9-20240318",
     "react-dom": "18.3.0-canary-14898b6a9-20240318",
-    "typescript": "5.4.5",
+    "typescript": "5.5.2",
     "@webstudio-is/tsconfig": "1.0.7",
     "@webstudio-is/generate-arg-types": "0.0.0"
   },
   "scripts": {
-    "dev": "rm -rf lib && esbuild 'src/**/*.ts' 'src/**/*.tsx' --outdir=lib --watch",
     "build": "rm -rf lib && esbuild src/components.ts src/metas.ts src/props.ts --outdir=lib --bundle --format=esm --packages=external",
     "build:args": "NODE_OPTIONS=--conditions=webstudio generate-arg-types './src/*.tsx !./src/**/*.stories.tsx !./src/**/*.ws.ts' && prettier --write \"**/*.props.ts\"",
     "dts": "tsc --project tsconfig.dts.json",
-    "typecheck": "tsc",
-    "checks": "pnpm typecheck"
+    "typecheck": "tsc"
   }
 }