@webstudio-is/sdk-components-react-remix 0.173.0 → 0.175.0

package/lib/components.js

@@ -17,7 +17,7 @@ import { Link as BaseLink } from "@webstudio-is/sdk-components-react";
 // src/shared/remix-link.tsx
 import { forwardRef as forwardRef2, useContext } from "react";
 import { NavLink as RemixLink } from "@remix-run/react";
-import { ReactSdkContext } from "@webstudio-is/react-sdk";
+import { ReactSdkContext } from "@webstudio-is/react-sdk/runtime";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var wrapLinkComponent = (BaseLink3) => {
   const Component = forwardRef2((props, ref) => {
@@ -52,14 +52,7 @@ import {
   useEffect
 } from "react";
 import { useFetcher } from "@remix-run/react";
-import { formIdFieldName as formIdFieldName2 } from "@webstudio-is/form-handlers";
-
-// ../form-handlers/src/shared.ts
-var formHiddenFieldPrefix = "ws--form";
-var formIdFieldName = `${formHiddenFieldPrefix}-id`;
-var formBotFieldName = `${formHiddenFieldPrefix}-bot`;
-
-// src/webhook-form.tsx
+import { formIdFieldName, formBotFieldName } from "@webstudio-is/sdk";
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var useOnFetchEnd = (fetcher, handler) => {
   const latestHandler = useRef(handler);
@@ -121,7 +114,14 @@ var WebhookForm = forwardRef3(
         ref,
         onSubmit: handleSubmitAndAddHiddenJsField,
         children: [
-          /* @__PURE__ */ jsx3("input", { type: "hidden", name: formIdFieldName2, value: action }),
+          /* @__PURE__ */ jsx3(
+            "input",
+            {
+              type: "hidden",
+              name: formIdFieldName,
+              value: action?.toString()
+            }
+          ),
           children
         ]
       }
@@ -136,13 +136,13 @@ import {
   useContext as useContext2
 } from "react";
 import { Form } from "@remix-run/react";
-import { ReactSdkContext as ReactSdkContext2 } from "@webstudio-is/react-sdk";
+import { ReactSdkContext as ReactSdkContext2 } from "@webstudio-is/react-sdk/runtime";
 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/metas.js

@@ -376,12 +376,19 @@ var props = {
   },
   datatype: { required: false, control: "text", type: "string" },
   defaultChecked: { required: false, control: "boolean", type: "boolean" },
+  defaultValue: { required: false, control: "text", type: "string" },
   dir: {
     required: false,
     control: "text",
     type: "string",
     description: "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
   },
+  download: {
+    required: false,
+    control: "boolean",
+    type: "boolean",
+    description: "Indicates that the hyperlink is to be used for downloading a resource."
+  },
   draggable: {
     required: false,
     control: "boolean",
@@ -579,7 +586,7 @@ var propsMeta = {
       required: false
     }
   },
-  initialProps: ["id", "className", "href", "target", "prefetch"]
+  initialProps: ["id", "className", "href", "target", "prefetch", "download"]
 };
 
 // src/rich-text-link.ws.ts

package/lib/props.js

@@ -376,12 +376,19 @@ var props = {
   },
   datatype: { required: false, control: "text", type: "string" },
   defaultChecked: { required: false, control: "boolean", type: "boolean" },
+  defaultValue: { required: false, control: "text", type: "string" },
   dir: {
     required: false,
     control: "text",
     type: "string",
     description: "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
   },
+  download: {
+    required: false,
+    control: "boolean",
+    type: "boolean",
+    description: "Indicates that the hyperlink is to be used for downloading a resource."
+  },
   draggable: {
     required: false,
     control: "boolean",
@@ -579,7 +586,7 @@ var propsMeta = {
       required: false
     }
   },
-  initialProps: ["id", "className", "href", "target", "prefetch"]
+  initialProps: ["id", "className", "href", "target", "prefetch", "download"]
 };
 
 // src/rich-text-link.ws.ts

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

@@ -1,5 +1,8 @@
-export declare const Link: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "target"> & {
+export declare const Link: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "target" | "download"> & {
     target?: "_self" | "_blank" | "_parent" | "_top";
+    download?: boolean;
+} & {
+    $webstudio$canvasOnly$assetId?: string | undefined;
 }, "ref"> & import("react").RefAttributes<HTMLAnchorElement>, "ref">, "target"> & {
     target?: "_self" | "_blank" | "_parent" | "_top";
     prefetch?: "none" | "intent" | "render" | "viewport";

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

@@ -1,5 +1,8 @@
-export declare const RichTextLink: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "target"> & {
+export declare const RichTextLink: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "target" | "download"> & {
     target?: "_self" | "_blank" | "_parent" | "_top";
+    download?: boolean;
+} & {
+    $webstudio$canvasOnly$assetId?: string | undefined;
 }, "ref"> & import("react").RefAttributes<HTMLAnchorElement>, "ref">, "target"> & {
     target?: "_self" | "_blank" | "_parent" | "_top";
     prefetch?: "none" | "intent" | "render" | "viewport";

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

@@ -1,6 +1,9 @@
 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"> & {
+export declare const wrapLinkComponent: (BaseLink: typeof Link) => import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "target" | "download"> & {
     target?: "_self" | "_blank" | "_parent" | "_top";
+    download?: boolean;
+} & {
+    $webstudio$canvasOnly$assetId?: string | undefined;
 }, "ref"> & import("react").RefAttributes<HTMLAnchorElement>, "ref">, "target"> & {
     target?: "_self" | "_blank" | "_parent" | "_top";
     prefetch?: "none" | "intent" | "render" | "viewport";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/sdk-components-react-remix",
-  "version": "0.173.0",
+  "version": "0.175.0",
   "description": "Webstudio components for Remix",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -35,21 +35,21 @@
     "react-dom": "18.3.0-canary-14898b6a9-20240318"
   },
   "dependencies": {
-    "@webstudio-is/form-handlers": "0.173.0",
-    "@webstudio-is/icons": "0.173.0",
-    "@webstudio-is/react-sdk": "0.173.0",
-    "@webstudio-is/sdk-components-react": "0.173.0"
+    "@webstudio-is/icons": "0.175.0",
+    "@webstudio-is/react-sdk": "0.175.0",
+    "@webstudio-is/sdk": "0.175.0",
+    "@webstudio-is/sdk-components-react": "0.175.0"
   },
   "devDependencies": {
-    "@remix-run/react": "^2.10.3",
+    "@remix-run/react": "^2.11.0",
     "@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.5.2",
-    "@webstudio-is/generate-arg-types": "0.0.0",
-    "@webstudio-is/tsconfig": "1.0.7"
+    "@webstudio-is/tsconfig": "1.0.7",
+    "@webstudio-is/generate-arg-types": "0.0.0"
   },
   "scripts": {
     "build": "rm -rf lib && esbuild src/components.ts src/metas.ts src/props.ts --outdir=lib --bundle --format=esm --packages=external",

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

@@ -1,29 +0,0 @@
-export declare const formIdFieldName = "ws--form-id";
-export declare const formBotFieldName = "ws--form-bot";
-export type FormInfo = {
-    formId: string;
-    pageUrl: string;
-    formData: FormData;
-    toEmail: string;
-    fromEmail: string;
-};
-export type EmailInfo = {
-    from: string;
-    to: string;
-    txt: string;
-    /** Only the body content, requers wrapping into `<!DOCTYPE html><html><body>...</body></html>` */
-    html: string;
-    subject: string;
-};
-export type Result = {
-    success: true;
-} | {
-    success: false;
-    errors: string[];
-};
-export declare const formToEmail: ({ formData, pageUrl, toEmail, fromEmail, }: FormInfo) => EmailInfo;
-export declare const getResponseBody: (response: Response) => Promise<{
-    text: string;
-    json?: Record<string, unknown>;
-}>;
-export declare const getErrors: (json: Record<string, unknown> | undefined) => string[] | undefined;