@webstudio-is/sdk-components-react-remix 0.117.0 → 0.119.0

package/lib/components.js

@@ -1,23 +1,36 @@
+// src/body.tsx
+import { forwardRef } from "react";
+import { Scripts, ScrollRestoration } from "@remix-run/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Body = forwardRef(
+  ({ children, ...props }, ref) => /* @__PURE__ */ jsxs("body", { ...props, ref, children: [
+    children,
+    /* @__PURE__ */ jsx(Scripts, {}),
+    /* @__PURE__ */ jsx(ScrollRestoration, {})
+  ] })
+);
+Body.displayName = "Body";
+
 // src/link.tsx
 import { Link as BaseLink } from "@webstudio-is/sdk-components-react";
 
 // src/shared/remix-link.tsx
-import { forwardRef, useContext } from "react";
+import { forwardRef as forwardRef2, useContext } from "react";
 import { NavLink as RemixLink } from "@remix-run/react";
 import { ReactSdkContext } from "@webstudio-is/react-sdk";
-import { jsx } from "react/jsx-runtime";
+import { jsx as jsx2 } from "react/jsx-runtime";
 var wrapLinkComponent = (BaseLink3) => {
-  const Component = forwardRef((props, ref) => {
+  const Component = forwardRef2((props, ref) => {
     const { pagesPaths } = useContext(ReactSdkContext);
     const href = props.href;
     if (href !== void 0) {
       const url = new URL(href, "https://any-valid.url");
       if (pagesPaths.has(url.pathname === "/" ? "" : url.pathname)) {
-        return /* @__PURE__ */ jsx(RemixLink, { ...props, to: href, ref });
+        return /* @__PURE__ */ jsx2(RemixLink, { ...props, to: href, ref });
       }
     }
     const { prefetch, reloadDocument, replace, preventScrollReset, ...rest } = props;
-    return /* @__PURE__ */ jsx(BaseLink3, { ...rest, ref });
+    return /* @__PURE__ */ jsx2(BaseLink3, { ...rest, ref });
   });
   Component.displayName = BaseLink3.displayName;
   return Component;
@@ -32,14 +45,14 @@ var RichTextLink = wrapLinkComponent(BaseLink2);
 
 // src/form.tsx
 import {
-  forwardRef as forwardRef2,
+  forwardRef as forwardRef3,
   useRef,
   useEffect
 } from "react";
 import { useFetcher } from "@remix-run/react";
 import { formIdFieldName } from "@webstudio-is/form-handlers";
 import { getInstanceIdFromComponentProps } from "@webstudio-is/react-sdk";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var useOnFetchEnd = (fetcher, handler) => {
   const latestHandler = useRef(handler);
   latestHandler.current = handler;
@@ -51,7 +64,7 @@ var useOnFetchEnd = (fetcher, handler) => {
     prevFetcher.current = fetcher;
   }, [fetcher]);
 };
-var Form = forwardRef2(
+var Form = forwardRef3(
   ({ children, action, method, state = "initial", onStateChange, ...rest }, ref) => {
     const fetcher = useFetcher();
     const instanceId = getInstanceIdFromComponentProps(rest);
@@ -59,14 +72,15 @@ var Form = forwardRef2(
       const state2 = data?.success === true ? "success" : "error";
       onStateChange?.(state2);
     });
-    return /* @__PURE__ */ jsxs(fetcher.Form, { ...rest, method: "post", "data-state": state, ref, children: [
-      /* @__PURE__ */ jsx2("input", { type: "hidden", name: formIdFieldName, value: instanceId }),
+    return /* @__PURE__ */ jsxs2(fetcher.Form, { ...rest, method: "post", "data-state": state, ref, children: [
+      /* @__PURE__ */ jsx3("input", { type: "hidden", name: formIdFieldName, value: instanceId }),
       children
     ] });
   }
 );
 Form.displayName = "Form";
 export {
+  Body,
   Form,
   Link,
   RichTextLink

package/lib/metas.js

@@ -1,3 +1,7 @@
+// src/body.ws.tsx
+import { Body } from "@webstudio-is/sdk-components-react/metas";
+import { Body as Body2 } from "@webstudio-is/sdk-components-react/props";
+
 // src/__generated__/link.props.ts
 var props = {
   about: { required: false, control: "text", type: "string" },
@@ -709,6 +713,7 @@ var meta = {
   ]
 };
 export {
+  Body,
   meta as Form,
   Link,
   RichTextLink

package/lib/props.js

@@ -1,3 +1,7 @@
+// src/body.ws.tsx
+import { Body } from "@webstudio-is/sdk-components-react/metas";
+import { Body as Body2 } from "@webstudio-is/sdk-components-react/props";
+
 // src/__generated__/link.props.ts
 var props = {
   about: { required: false, control: "text", type: "string" },
@@ -1178,6 +1182,7 @@ var propsMeta3 = {
   initialProps: ["id", "state", "action"]
 };
 export {
+  Body2 as Body,
   propsMeta3 as Form,
   propsMeta as Link,
   propsMeta2 as RichTextLink

package/lib/types/body.d.ts

@@ -0,0 +1,2 @@
+/// <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/body.ws.d.ts

@@ -0,0 +1,2 @@
+export { Body as meta } from "@webstudio-is/sdk-components-react/metas";
+export { Body as propsMeta } from "@webstudio-is/sdk-components-react/props";

package/lib/types/components.d.ts

@@ -1,3 +1,4 @@
+export { Body } from "./body";
 export { Link } from "./link";
 export { RichTextLink } from "./rich-text-link";
 export { Form } from "./form";

package/lib/types/metas.d.ts

@@ -1,3 +1,4 @@
+export { meta as Body } from "./body.ws";
 export { meta as Link } from "./link.ws";
 export { meta as RichTextLink } from "./rich-text-link.ws";
 export { meta as Form } from "./form.ws";

package/lib/types/props.d.ts

@@ -1,3 +1,4 @@
+export { propsMeta as Body } from "./body.ws";
 export { propsMeta as Link } from "./link.ws";
 export { propsMeta as RichTextLink } from "./rich-text-link.ws";
 export { propsMeta as Form } from "./form.ws";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/sdk-components-react-remix",
-  "version": "0.117.0",
+  "version": "0.119.0",
   "description": "Webstudio components for Remix",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -38,10 +38,10 @@
     "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@webstudio-is/form-handlers": "0.117.0",
-    "@webstudio-is/sdk-components-react": "0.117.0",
-    "@webstudio-is/react-sdk": "0.117.0",
-    "@webstudio-is/icons": "0.117.0"
+    "@webstudio-is/form-handlers": "0.119.0",
+    "@webstudio-is/icons": "0.119.0",
+    "@webstudio-is/react-sdk": "0.119.0",
+    "@webstudio-is/sdk-components-react": "0.119.0"
   },
   "devDependencies": {
     "@remix-run/react": "^1.19.2",
@@ -50,7 +50,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "typescript": "5.2.2",
-    "@webstudio-is/generate-arg-types": "0.117.0",
+    "@webstudio-is/generate-arg-types": "0.119.0",
     "@webstudio-is/tsconfig": "1.0.7"
   },
   "scripts": {