@webstudio-is/sdk-components-react-remix 0.174.0 → 0.179.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);
@@ -125,7 +118,7 @@ var WebhookForm = forwardRef3(
             "input",
             {
               type: "hidden",
-              name: formIdFieldName2,
+              name: formIdFieldName,
               value: action?.toString()
             }
           ),
@@ -143,7 +136,7 @@ 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(({ action, ...props }, ref) => {
   const { renderer } = useContext2(ReactSdkContext2);

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
@@ -984,6 +991,7 @@ var props2 = {
   },
   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",

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/remix-form.d.ts → remix-form.d.ts}

@@ -1,5 +1,6 @@
 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"> & {
+export declare const RemixForm: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "action"> & Pick<FormProps, "encType"> & {
     method?: Lowercase<NonNullable<FormProps["method"]>>;
+    action?: string;
 }, "ref"> & import("react").RefAttributes<HTMLFormElement>>;

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/lib/types/{sdk-components-react-remix/src/webhook-form.d.ts → webhook-form.d.ts}

@@ -1,10 +1,11 @@
 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> & {
+export declare const WebhookForm: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "action"> & {
     /** 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;
     encType?: FormProps["encType"];
     onStateChange?: (state: State) => void;
+    action?: string;
 }, "ref"> & import("react").RefAttributes<HTMLFormElement>>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/sdk-components-react-remix",
-  "version": "0.174.0",
+  "version": "0.179.0",
   "description": "Webstudio components for Remix",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -35,13 +35,13 @@
     "react-dom": "18.3.0-canary-14898b6a9-20240318"
   },
   "dependencies": {
-    "@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"
+    "@webstudio-is/icons": "0.179.0",
+    "@webstudio-is/sdk": "0.179.0",
+    "@webstudio-is/react-sdk": "0.179.0",
+    "@webstudio-is/sdk-components-react": "0.179.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",

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;