@mittwald/flow-remote-react-renderer 0.2.0-alpha.867 → 0.2.0-alpha.869

package/dist/js/packages/remote-react-renderer/src/hooks/useControllableSuspenseTrigger.mjs

@@ -1,27 +0,0 @@
-"use client"
-/* */
-import { useId, useRef, useState } from "react";
-import { usePromise } from "@mittwald/react-use-promise";
-//#region src/hooks/useControllableSuspenseTrigger.ts
-var useControllableSuspenseTrigger = () => {
-	const localId = useId();
-	const promise = useRef(null);
-	const [startedCount, setStartedCount] = useState(0);
-	usePromise((promise) => promise, promise.current ? [promise.current.promise] : null, {
-		keepValueWhileLoading: false,
-		loaderId: localId + startedCount
-	});
-	return {
-		start: () => {
-			promise.current = Promise.withResolvers();
-			setStartedCount((c) => c + 1);
-		},
-		stop: () => {
-			promise.current?.resolve();
-		}
-	};
-};
-//#endregion
-export { useControllableSuspenseTrigger };
-
-//# sourceMappingURL=useControllableSuspenseTrigger.mjs.map

package/dist/js/packages/remote-react-renderer/src/hooks/useControllableSuspenseTrigger.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useControllableSuspenseTrigger.mjs","names":[],"sources":["../../../../../../src/hooks/useControllableSuspenseTrigger.ts"],"sourcesContent":["import { usePromise } from \"@mittwald/react-use-promise\";\nimport { useId, useRef, useState } from \"react\";\n\nexport const useControllableSuspenseTrigger = () => {\n  const localId = useId();\n  const promise = useRef<PromiseWithResolvers<void>>(null);\n  const [startedCount, setStartedCount] = useState(0);\n\n  usePromise(\n    (promise: Promise<void>) => promise,\n    promise.current ? [promise.current.promise] : null,\n    {\n      keepValueWhileLoading: false,\n      loaderId: localId + startedCount,\n    },\n  );\n\n  return {\n    start: () => {\n      promise.current = Promise.withResolvers<void>();\n      setStartedCount((c) => c + 1);\n    },\n    stop: () => {\n      promise.current?.resolve();\n    },\n  };\n};\n"],"mappings":";;;AAGA,IAAa,uCAAuC;CAClD,MAAM,UAAU,MAAM;CACtB,MAAM,UAAU,OAAmC,IAAI;CACvD,MAAM,CAAC,cAAc,mBAAmB,SAAS,CAAC;CAElD,YACG,YAA2B,SAC5B,QAAQ,UAAU,CAAC,QAAQ,QAAQ,OAAO,IAAI,MAC9C;EACE,uBAAuB;EACvB,UAAU,UAAU;CACtB,CACF;CAEA,OAAO;EACL,aAAa;GACX,QAAQ,UAAU,QAAQ,cAAoB;GAC9C,iBAAiB,MAAM,IAAI,CAAC;EAC9B;EACA,YAAY;GACV,QAAQ,SAAS,QAAQ;EAC3B;CACF;AACF"}

package/dist/js/packages/remote-react-renderer/src/hooks/useMergedComponents.mjs

@@ -1,14 +0,0 @@
-"use client"
-/* */
-import { components } from "../components.mjs";
-import { useMemo } from "react";
-import { reduce } from "remeda";
-//#region src/hooks/useMergedComponents.ts
-var useMergedComponents = (integrations) => useMemo(() => new Map(Object.entries(reduce([...integrations, components], (merged, current) => ({
-	...merged,
-	...current
-}), {}))), [...integrations]);
-//#endregion
-export { useMergedComponents };
-
-//# sourceMappingURL=useMergedComponents.mjs.map

package/dist/js/packages/remote-react-renderer/src/hooks/useMergedComponents.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMergedComponents.mjs","names":[],"sources":["../../../../../../src/hooks/useMergedComponents.ts"],"sourcesContent":["import { components } from \"@/components\";\nimport type { RemoteComponentsMap } from \"@/lib/types\";\nimport type { RemoteComponentRendererProps } from \"@mittwald/remote-dom-react/host\";\nimport { type ComponentType, useMemo } from \"react\";\nimport { reduce } from \"remeda\";\n\nexport const useMergedComponents = (\n  integrations: RemoteComponentsMap<never>[],\n) =>\n  useMemo(\n    () =>\n      new Map<string, ComponentType<RemoteComponentRendererProps>>(\n        Object.entries(\n          reduce(\n            [...integrations, components],\n            (merged, current) => ({\n              ...merged,\n              ...current,\n            }),\n            {},\n          ),\n        ),\n      ),\n    [...integrations],\n  );\n"],"mappings":";;;;AAMA,IAAa,uBACX,iBAEA,cAEI,IAAI,IACF,OAAO,QACL,OACE,CAAC,GAAG,cAAc,UAAU,IAC3B,QAAQ,aAAa;CACpB,GAAG;CACH,GAAG;AACL,IACA,CAAC,CACH,CACF,CACF,GACF,CAAC,GAAG,YAAY,CAClB"}

package/dist/js/packages/remote-react-renderer/src/hooks/useUpdateHostPathnameOnRemote.mjs

@@ -1,17 +0,0 @@
-"use client"
-/* */
-import { useLayoutEffect } from "react";
-import "@mittwald/flow-remote-core";
-//#region src/hooks/useUpdateHostPathnameOnRemote.ts
-/** Updates the host pathname in the remote connection. */
-var useUpdateHostPathnameOnRemote = (hostPathname, connection) => {
-	useLayoutEffect(() => {
-		if (hostPathname === void 0 || !connection) return;
-		const { updateHostPathname } = connection;
-		updateHostPathname(hostPathname);
-	}, [hostPathname, connection]);
-};
-//#endregion
-export { useUpdateHostPathnameOnRemote };
-
-//# sourceMappingURL=useUpdateHostPathnameOnRemote.mjs.map

package/dist/js/packages/remote-react-renderer/src/hooks/useUpdateHostPathnameOnRemote.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useUpdateHostPathnameOnRemote.mjs","names":[],"sources":["../../../../../../src/hooks/useUpdateHostPathnameOnRemote.ts"],"sourcesContent":["import { type HostToRemoteConnection } from \"@mittwald/flow-remote-core\";\nimport { useLayoutEffect } from \"react\";\n\n/** Updates the host pathname in the remote connection. */\nexport const useUpdateHostPathnameOnRemote = (\n  hostPathname?: string,\n  connection?: HostToRemoteConnection,\n) => {\n  useLayoutEffect(() => {\n    if (hostPathname === undefined || !connection) {\n      return;\n    }\n\n    const { updateHostPathname } = connection;\n    updateHostPathname(hostPathname);\n  }, [hostPathname, connection]);\n};\n"],"mappings":";;;;AAIA,IAAa,iCACX,cACA,eACG;CACH,sBAAsB;EACpB,IAAI,iBAAiB,KAAA,KAAa,CAAC,YACjC;EAGF,MAAM,EAAE,uBAAuB;EAC/B,mBAAmB,YAAY;CACjC,GAAG,CAAC,cAAc,UAAU,CAAC;AAC/B"}

package/dist/js/packages/remote-react-renderer/src/integrations/react-hook-form/Form.mjs

@@ -1,26 +0,0 @@
-"use client"
-/* */
-import "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/integrations/react-hook-form/Form.tsx
-/**
-* ReactHookForm won't send the data over onSubmit, the form state is
-* transferred over onChange. To avoid sending unnecessary data, this RemoteForm
-* sends only the onSubmit without any formData.
-*/
-var Form = (props) => {
-	const { onSubmit: onSubmitFromProps, ref, ...rest } = props;
-	const onSubmit = async (event) => {
-		event.preventDefault();
-		await onSubmitFromProps?.();
-	};
-	return /* @__PURE__ */ jsx("form", {
-		...rest,
-		ref,
-		onSubmit
-	});
-};
-//#endregion
-export { Form };
-
-//# sourceMappingURL=Form.mjs.map

package/dist/js/packages/remote-react-renderer/src/integrations/react-hook-form/Form.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Form.mjs","names":[],"sources":["../../../../../../../src/integrations/react-hook-form/Form.tsx"],"sourcesContent":["import {\n  type FC,\n  type FormEvent,\n  type PropsWithChildren,\n  type Ref,\n} from \"react\";\n\ntype FormProps = {\n  onSubmit?: () => void | Promise<void>;\n  ref?: Ref<HTMLFormElement>;\n} & PropsWithChildren;\n\n/**\n * ReactHookForm won't send the data over onSubmit, the form state is\n * transferred over onChange. To avoid sending unnecessary data, this RemoteForm\n * sends only the onSubmit without any formData.\n */\nexport const Form: FC<FormProps> = (props) => {\n  const { onSubmit: onSubmitFromProps, ref, ...rest } = props;\n\n  const onSubmit = async (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    await onSubmitFromProps?.();\n  };\n\n  return <form {...rest} ref={ref} onSubmit={onSubmit} />;\n};\n"],"mappings":";;;;;;;;AAiBA,IAAa,QAAuB,UAAU;CAC5C,MAAM,EAAE,UAAU,mBAAmB,KAAK,GAAG,SAAS;CAEtD,MAAM,WAAW,OAAO,UAAsC;EAC5D,MAAM,eAAe;EACrB,MAAM,oBAAoB;CAC5B;CAEA,OAAO,oBAAC,QAAD;EAAM,GAAI;EAAW;EAAe;CAAW,CAAA;AACxD"}

package/dist/js/packages/remote-react-renderer/src/lib/createFlowRemoteComponentRenderer.mjs

@@ -1,32 +0,0 @@
-"use client"
-/* */
-import { isReactSuspendedStyle, isStyleProp } from "./propClassifiers.mjs";
-import "react";
-import { jsx } from "react/jsx-runtime";
-import { Version } from "@mittwald/flow-remote-core";
-import { createRemoteComponentRenderer } from "@mittwald/remote-dom-react/host";
-import { FlowRemoteElement } from "@mittwald/flow-remote-elements";
-import { mapValues } from "remeda";
-//#region src/lib/createFlowRemoteComponentRenderer.tsx
-var mapProperty = (val, key) => {
-	if (isStyleProp(key)) {
-		if (isReactSuspendedStyle(val)) return { display: "none" };
-		return {};
-	}
-	return val;
-};
-var createFlowRemoteComponentRenderer = (name, Component) => {
-	function HostComponent(props) {
-		const { [FlowRemoteElement.versionPropertyName]: version = Version.v1, [FlowRemoteElement.initializationPropertyName]: initialized = false, ...restProps } = mapValues(props, (v, k) => mapProperty(v, k));
-		if (version >= Version.v3) {
-			if (!initialized) return null;
-		}
-		return /* @__PURE__ */ jsx(Component, { ...restProps });
-	}
-	HostComponent.displayName = `FlowRemoteRenderer(${name})`;
-	return createRemoteComponentRenderer(HostComponent, { name: `RemoteRenderer(${name})` });
-};
-//#endregion
-export { createFlowRemoteComponentRenderer };
-
-//# sourceMappingURL=createFlowRemoteComponentRenderer.mjs.map

package/dist/js/packages/remote-react-renderer/src/lib/createFlowRemoteComponentRenderer.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"createFlowRemoteComponentRenderer.mjs","names":[],"sources":["../../../../../../src/lib/createFlowRemoteComponentRenderer.tsx"],"sourcesContent":["import { isReactSuspendedStyle, isStyleProp } from \"@/lib/propClassifiers\";\nimport type { RemoteComponentRendererProps } from \"@mittwald/remote-dom-react/host\";\nimport { createRemoteComponentRenderer } from \"@mittwald/remote-dom-react/host\";\nimport { FlowRemoteElement } from \"@mittwald/flow-remote-elements\";\nimport type { FlowRemoteElementMetaData } from \"@mittwald/flow-remote-elements\";\nimport { Version } from \"@mittwald/flow-remote-core\";\nimport { type ComponentType } from \"react\";\nimport { mapValues } from \"remeda\";\n\nconst mapProperty = (val: unknown, key: string) => {\n  if (isStyleProp(key)) {\n    if (isReactSuspendedStyle(val)) {\n      return {\n        display: \"none\",\n      };\n    }\n    return {};\n  }\n  return val;\n};\n\nexport const createFlowRemoteComponentRenderer = <P extends object>(\n  name: string,\n  Component: ComponentType<P>,\n): ComponentType<RemoteComponentRendererProps> => {\n  function HostComponent(props: P & FlowRemoteElementMetaData) {\n    const hostComponentProps = mapValues(props, (v, k) =>\n      mapProperty(v, k),\n    ) as P & FlowRemoteElementMetaData;\n\n    const {\n      [FlowRemoteElement.versionPropertyName]: version = Version.v1,\n      [FlowRemoteElement.initializationPropertyName]: initialized = false,\n      ...restProps\n    } = hostComponentProps;\n\n    if (version >= Version.v3) {\n      // \"initialized\" handling introduced in version 3\n      if (!initialized) {\n        return null;\n      }\n    }\n\n    return <Component {...(restProps as P)} />;\n  }\n  HostComponent.displayName = `FlowRemoteRenderer(${name})`;\n  return createRemoteComponentRenderer(HostComponent, {\n    name: `RemoteRenderer(${name})`,\n  });\n};\n"],"mappings":";;;;;;;;AASA,IAAM,eAAe,KAAc,QAAgB;CACjD,IAAI,YAAY,GAAG,GAAG;EACpB,IAAI,sBAAsB,GAAG,GAC3B,OAAO,EACL,SAAS,OACX;EAEF,OAAO,CAAC;CACV;CACA,OAAO;AACT;AAEA,IAAa,qCACX,MACA,cACgD;CAChD,SAAS,cAAc,OAAsC;EAK3D,MAAM,GACH,kBAAkB,sBAAsB,UAAU,QAAQ,KAC1D,kBAAkB,6BAA6B,cAAc,OAC9D,GAAG,cAPsB,UAAU,QAAQ,GAAG,MAC9C,YAAY,GAAG,CAAC,CAOd;EAEJ,IAAI,WAAW,QAAQ;OAEjB,CAAC,aACH,OAAO;EAAA;EAIX,OAAO,oBAAC,WAAD,EAAW,GAAK,UAAkB,CAAA;CAC3C;CACA,cAAc,cAAc,sBAAsB,KAAK;CACvD,OAAO,8BAA8B,eAAe,EAClD,MAAM,kBAAkB,KAAK,GAC/B,CAAC;AACH"}

package/dist/js/packages/remote-react-renderer/src/lib/elementFactory.mjs

@@ -1,19 +0,0 @@
-"use client"
-/* */
-import { mapAttributeToReactProperty } from "./mapAttributeToReactProperty.mjs";
-import { createElement } from "react";
-import { mapKeys } from "remeda";
-import clsx from "clsx";
-//#region src/lib/elementFactory.ts
-var elementFactory = (element, options = {}) => (props) => {
-	const result = { ...props };
-	const { isVoidElement = false } = options;
-	if (isVoidElement) delete result["children"];
-	result["className"] = clsx("className" in result && String(result["className"]), "class" in result && String(result["class"]));
-	delete result["class"];
-	return createElement(element, mapKeys(result, mapAttributeToReactProperty));
-};
-//#endregion
-export { elementFactory };
-
-//# sourceMappingURL=elementFactory.mjs.map

package/dist/js/packages/remote-react-renderer/src/lib/elementFactory.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"elementFactory.mjs","names":[],"sources":["../../../../../../src/lib/elementFactory.ts"],"sourcesContent":["import { mapAttributeToReactProperty } from \"@/lib/mapAttributeToReactProperty\";\nimport clsx from \"clsx\";\nimport { createElement } from \"react\";\nimport { mapKeys } from \"remeda\";\n\ntype ElementTagNameMap = HTMLElementTagNameMap &\n  Pick<\n    SVGElementTagNameMap,\n    Exclude<keyof SVGElementTagNameMap, keyof HTMLElementTagNameMap>\n  >;\n\ninterface Options {\n  isVoidElement?: boolean;\n}\n\nexport const elementFactory =\n  <E extends keyof ElementTagNameMap>(element: E, options: Options = {}) =>\n  (props: Record<string, unknown>) => {\n    const result = { ...props };\n    const { isVoidElement = false } = options;\n\n    if (isVoidElement) {\n      delete result[\"children\"];\n    }\n\n    // merge className and class\n    result[\"className\"] = clsx(\n      \"className\" in result && String(result[\"className\"]),\n      \"class\" in result && String(result[\"class\"]),\n    );\n\n    delete result[\"class\"];\n\n    return createElement(element, mapKeys(result, mapAttributeToReactProperty));\n  };\n"],"mappings":";;;;;AAeA,IAAa,kBACyB,SAAY,UAAmB,CAAC,OACnE,UAAmC;CAClC,MAAM,SAAS,EAAE,GAAG,MAAM;CAC1B,MAAM,EAAE,gBAAgB,UAAU;CAElC,IAAI,eACF,OAAO,OAAO;CAIhB,OAAO,eAAe,KACpB,eAAe,UAAU,OAAO,OAAO,YAAY,GACnD,WAAW,UAAU,OAAO,OAAO,QAAQ,CAC7C;CAEA,OAAO,OAAO;CAEd,OAAO,cAAc,SAAS,QAAQ,QAAQ,2BAA2B,CAAC;AAC5E"}

package/dist/js/packages/remote-react-renderer/src/lib/mapAttributeToReactProperty.mjs

@@ -1,13 +0,0 @@
-"use client"
-/* */
-import { toCamelCase } from "remeda";
-//#region src/lib/mapAttributeToReactProperty.ts
-var keepWhenStartsWith = ["aria-", "data-"];
-var mapAttributeToReactProperty = (key) => {
-	if (keepWhenStartsWith.some((prefix) => key.startsWith(prefix))) return key;
-	return toCamelCase(key);
-};
-//#endregion
-export { mapAttributeToReactProperty };
-
-//# sourceMappingURL=mapAttributeToReactProperty.mjs.map

package/dist/js/packages/remote-react-renderer/src/lib/mapAttributeToReactProperty.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"mapAttributeToReactProperty.mjs","names":[],"sources":["../../../../../../src/lib/mapAttributeToReactProperty.ts"],"sourcesContent":["import { toCamelCase } from \"remeda\";\n\nconst keepWhenStartsWith = [\"aria-\", \"data-\"];\n\nexport const mapAttributeToReactProperty = (key: string) => {\n  if (keepWhenStartsWith.some((prefix) => key.startsWith(prefix))) {\n    return key;\n  }\n\n  return toCamelCase(key);\n};\n"],"mappings":";;AAEA,IAAM,qBAAqB,CAAC,SAAS,OAAO;AAE5C,IAAa,+BAA+B,QAAgB;CAC1D,IAAI,mBAAmB,MAAM,WAAW,IAAI,WAAW,MAAM,CAAC,GAC5D,OAAO;CAGT,OAAO,YAAY,GAAG;AACxB"}

package/dist/js/packages/remote-react-renderer/src/lib/propClassifiers.mjs

@@ -1,9 +0,0 @@
-"use client"
-/* */
-//#region src/lib/propClassifiers.ts
-var isStyleProp = (name) => name === "style";
-var isReactSuspendedStyle = (value) => value === "display: none !important;";
-//#endregion
-export { isReactSuspendedStyle, isStyleProp };
-
-//# sourceMappingURL=propClassifiers.mjs.map

package/dist/js/packages/remote-react-renderer/src/lib/propClassifiers.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"propClassifiers.mjs","names":[],"sources":["../../../../../../src/lib/propClassifiers.ts"],"sourcesContent":["export const isStyleProp = (name: string): boolean => name === \"style\";\n\nexport const isReactSuspendedStyle = (value: unknown): boolean =>\n  value === \"display: none !important;\";\n"],"mappings":";AAAA,IAAa,eAAe,SAA0B,SAAS;AAE/D,IAAa,yBAAyB,UACpC,UAAU"}