@webstudio-is/sdk-components-react-remix 0.100.0 → 0.100.1-d89b38d.0

package/lib/components.js

@@ -57,26 +57,20 @@ var useOnFetchEnd = (fetcher, handler) => {
     prevFetcher.current = fetcher;
   }, [fetcher]);
 };
-var Form = forwardRef2((props, ref) => {
-  const {
-    children,
-    action,
-    method,
-    state = "initial",
-    onStateChange,
-    ...rest
-  } = props;
-  const fetcher = useFetcher();
-  const instanceId = getInstanceIdFromComponentProps2(rest);
-  useOnFetchEnd(fetcher, (data) => {
-    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 }),
-    children
-  ] });
-});
+var Form = forwardRef2(
+  ({ children, action, method, state = "initial", onStateChange, ...rest }, ref) => {
+    const fetcher = useFetcher();
+    const instanceId = getInstanceIdFromComponentProps2(rest);
+    useOnFetchEnd(fetcher, (data) => {
+      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 }),
+      children
+    ] });
+  }
+);
 Form.displayName = "Form";
 export {
   Form,

package/lib/types/form.d.ts

@@ -4,7 +4,7 @@ export declare const defaultTag = "form";
 type State = "initial" | "success" | "error";
 export declare const Form: 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;
+    state?: State | undefined;
     encType?: FormProps["encType"];
     onStateChange?: ((state: State) => void) | undefined;
 }, "ref"> & import("react").RefAttributes<HTMLFormElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/sdk-components-react-remix",
-  "version": "0.100.0",
+  "version": "0.100.1-d89b38d.0",
   "description": "Webstudio components for Remix",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -14,19 +14,19 @@
   "sideEffects": false,
   "exports": {
     ".": {
-      "source": "./src/components.ts",
+      "webstudio": "./src/components.ts",
       "types": "./lib/types/components.d.ts",
       "import": "./lib/components.js",
       "require": "./lib/components.js"
     },
     "./metas": {
-      "source": "./src/metas.ts",
+      "webstudio": "./src/metas.ts",
       "types": "./lib/types/metas.d.ts",
       "import": "./lib/metas.js",
       "require": "./lib/metas.js"
     },
     "./props": {
-      "source": "./src/props.ts",
+      "webstudio": "./src/props.ts",
       "types": "./lib/types/props.d.ts",
       "import": "./lib/props.js",
       "require": "./lib/props.js"
@@ -38,10 +38,10 @@
     "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@webstudio-is/form-handlers": "0.100.0",
-    "@webstudio-is/icons": "0.100.0",
-    "@webstudio-is/react-sdk": "0.100.0",
-    "@webstudio-is/sdk-components-react": "0.100.0"
+    "@webstudio-is/form-handlers": "0.100.1-d89b38d.0",
+    "@webstudio-is/icons": "0.100.1-d89b38d.0",
+    "@webstudio-is/react-sdk": "0.100.1-d89b38d.0",
+    "@webstudio-is/sdk-components-react": "0.100.1-d89b38d.0"
   },
   "devDependencies": {
     "@remix-run/react": "^1.19.2",
@@ -50,13 +50,13 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "typescript": "5.2.2",
-    "@webstudio-is/generate-arg-types": "0.100.0",
-    "@webstudio-is/tsconfig": "1.0.7"
+    "@webstudio-is/generate-arg-types": "0.100.1-d89b38d.0",
+    "@webstudio-is/tsconfig": "1.0.8-d89b38d.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=source generate-arg-types './src/*.tsx !./src/**/*.stories.tsx !./src/**/*.ws.tsx' && prettier --write \"**/*.props.ts\"",
+    "build:args": "NODE_OPTIONS=--conditions=webstudio generate-arg-types './src/*.tsx !./src/**/*.stories.tsx !./src/**/*.ws.tsx' && prettier --write \"**/*.props.ts\"",
     "dts": "tsc --project tsconfig.dts.json",
     "typecheck": "tsc",
     "checks": "pnpm typecheck"