@mittwald/flow-remote-react-renderer 0.2.0-alpha.780 → 0.2.0-alpha.782

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"useMergedComponents.mjs","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"],"names":[],"mappings":";;;;AAMO,MAAM,mBAAA,GAAsB,CACjC,YAAA,KAEA,OAAA;AAAA,EACE,MACE,IAAI,GAAA;AAAA,IACF,MAAA,CAAO,OAAA;AAAA,MACL,MAAA;AAAA,QACE,CAAC,GAAG,YAAA,EAAc,UAAU,CAAA;AAAA,QAC5B,CAAC,QAAQ,OAAA,MAAa;AAAA,UACpB,GAAG,MAAA;AAAA,UACH,GAAG;AAAA,SACL,CAAA;AAAA,QACA;AAAC;AACH;AACF,GACF;AAAA,EACF,CAAC,GAAG,YAAY;AAClB;;;;"}

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

@@ -1,17 +0,0 @@
-"use client"
-/* */
-import '@mittwald/flow-remote-core';
-import { useLayoutEffect } from 'react';
-
-const useUpdateHostPathnameOnRemote = (hostPathname, connection) => {
-  useLayoutEffect(() => {
-    if (hostPathname === void 0 || !connection) {
-      return;
-    }
-    const { updateHostPathname } = connection;
-    updateHostPathname(hostPathname);
-  }, [hostPathname, connection]);
-};
-
-export { useUpdateHostPathnameOnRemote };
-//# sourceMappingURL=useUpdateHostPathnameOnRemote.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useUpdateHostPathnameOnRemote.mjs","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"],"names":[],"mappings":";;;AAIO,MAAM,6BAAA,GAAgC,CAC3C,YAAA,EACA,UAAA,KACG;AACH,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,IAAI,YAAA,KAAiB,MAAA,IAAa,CAAC,UAAA,EAAY;AAC7C,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,EAAE,oBAAmB,GAAI,UAAA;AAC/B,IAAA,kBAAA,CAAmB,YAAY,CAAA;AAAA,EACjC,CAAA,EAAG,CAAC,YAAA,EAAc,UAAU,CAAC,CAAA;AAC/B;;;;"}

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

@@ -1,16 +0,0 @@
-"use client"
-/* */
-import { jsx } from 'react/jsx-runtime';
-import 'react';
-
-const Form = (props) => {
-  const { onSubmit: onSubmitFromProps, ref, ...rest } = props;
-  const onSubmit = async (event) => {
-    event.preventDefault();
-    await onSubmitFromProps?.();
-  };
-  return /* @__PURE__ */ jsx("form", { ...rest, ref, onSubmit });
-};
-
-export { Form };
-//# sourceMappingURL=Form.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Form.mjs","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"],"names":[],"mappings":";;;AAiBO,MAAM,IAAA,GAAsB,CAAC,KAAA,KAAU;AAC5C,EAAA,MAAM,EAAE,QAAA,EAAU,iBAAA,EAAmB,GAAA,EAAK,GAAG,MAAK,GAAI,KAAA;AAEtD,EAAA,MAAM,QAAA,GAAW,OAAO,KAAA,KAAsC;AAC5D,IAAA,KAAA,CAAM,cAAA,EAAe;AACrB,IAAA,MAAM,iBAAA,IAAoB;AAAA,EAC5B,CAAA;AAEA,EAAA,uBAAO,GAAA,CAAC,MAAA,EAAA,EAAM,GAAG,IAAA,EAAM,KAAU,QAAA,EAAoB,CAAA;AACvD;;;;"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"createFlowRemoteComponentRenderer.mjs","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"],"names":[],"mappings":";;;;;;;;AASA,MAAM,WAAA,GAAc,CAAC,GAAA,EAAc,GAAA,KAAgB;AACjD,EAAA,IAAI,WAAA,CAAY,GAAG,CAAA,EAAG;AACpB,IAAA,IAAI,qBAAA,CAAsB,GAAG,CAAA,EAAG;AAC9B,MAAA,OAAO;AAAA,QACL,OAAA,EAAS;AAAA,OACX;AAAA,IACF;AACA,IAAA,OAAO,EAAC;AAAA,EACV;AACA,EAAA,OAAO,GAAA;AACT,CAAA;AAEO,MAAM,iCAAA,GAAoC,CAC/C,IAAA,EACA,SAAA,KACgD;AAChD,EAAA,SAAS,cAAc,KAAA,EAAsC;AAC3D,IAAA,MAAM,kBAAA,GAAqB,SAAA;AAAA,MAAU,KAAA;AAAA,MAAO,CAAC,CAAA,EAAG,CAAA,KAC9C,WAAA,CAAY,GAAG,CAAC;AAAA,KAClB;AAEA,IAAA,MAAM;AAAA,MACJ,CAAC,iBAAA,CAAkB,mBAAmB,GAAG,UAAU,OAAA,CAAQ,EAAA;AAAA,MAC3D,CAAC,iBAAA,CAAkB,0BAA0B,GAAG,WAAA,GAAc,KAAA;AAAA,MAC9D,GAAG;AAAA,KACL,GAAI,kBAAA;AAEJ,IAAA,IAAI,OAAA,IAAW,QAAQ,EAAA,EAAI;AAEzB,MAAA,IAAI,CAAC,WAAA,EAAa;AAChB,QAAA,OAAO,IAAA;AAAA,MACT;AAAA,IACF;AAEA,IAAA,uBAAO,GAAA,CAAC,SAAA,EAAA,EAAW,GAAI,SAAA,EAAiB,CAAA;AAAA,EAC1C;AACA,EAAA,aAAA,CAAc,WAAA,GAAc,sBAAsB,IAAI,CAAA,CAAA,CAAA;AACtD,EAAA,OAAO,8BAA8B,aAAA,EAAe;AAAA,IAClD,IAAA,EAAM,kBAAkB,IAAI,CAAA,CAAA;AAAA,GAC7B,CAAA;AACH;;;;"}

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

@@ -1,23 +0,0 @@
-"use client"
-/* */
-import { mapAttributeToReactProperty } from './mapAttributeToReactProperty.mjs';
-import clsx from 'clsx';
-import { createElement } from 'react';
-import { mapKeys } from 'remeda';
-
-const 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));
-};
-
-export { elementFactory };
-//# sourceMappingURL=elementFactory.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"elementFactory.mjs","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"],"names":[],"mappings":";;;;;AAeO,MAAM,iBACX,CAAoC,OAAA,EAAY,UAAmB,EAAC,KACpE,CAAC,KAAA,KAAmC;AAClC,EAAA,MAAM,MAAA,GAAS,EAAE,GAAG,KAAA,EAAM;AAC1B,EAAA,MAAM,EAAE,aAAA,GAAgB,KAAA,EAAM,GAAI,OAAA;AAElC,EAAA,IAAI,aAAA,EAAe;AACjB,IAAA,OAAO,OAAO,UAAU,CAAA;AAAA,EAC1B;AAGA,EAAA,MAAA,CAAO,WAAW,CAAA,GAAI,IAAA;AAAA,IACpB,WAAA,IAAe,MAAA,IAAU,MAAA,CAAO,MAAA,CAAO,WAAW,CAAC,CAAA;AAAA,IACnD,OAAA,IAAW,MAAA,IAAU,MAAA,CAAO,MAAA,CAAO,OAAO,CAAC;AAAA,GAC7C;AAEA,EAAA,OAAO,OAAO,OAAO,CAAA;AAErB,EAAA,OAAO,aAAA,CAAc,OAAA,EAAS,OAAA,CAAQ,MAAA,EAAQ,2BAA2B,CAAC,CAAA;AAC5E;;;;"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"mapAttributeToReactProperty.mjs","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"],"names":[],"mappings":";;AAEA,MAAM,kBAAA,GAAqB,CAAC,OAAA,EAAS,OAAO,CAAA;AAErC,MAAM,2BAAA,GAA8B,CAAC,GAAA,KAAgB;AAC1D,EAAA,IAAI,kBAAA,CAAmB,KAAK,CAAC,MAAA,KAAW,IAAI,UAAA,CAAW,MAAM,CAAC,CAAA,EAAG;AAC/D,IAAA,OAAO,GAAA;AAAA,EACT;AAEA,EAAA,OAAO,YAAY,GAAG,CAAA;AACxB;;;;"}

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

@@ -1,7 +0,0 @@
-"use client"
-/* */
-const isStyleProp = (name) => name === "style";
-const isReactSuspendedStyle = (value) => value === "display: none !important;";
-
-export { isReactSuspendedStyle, isStyleProp };
-//# sourceMappingURL=propClassifiers.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"propClassifiers.mjs","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"],"names":[],"mappings":"AAAO,MAAM,WAAA,GAAc,CAAC,IAAA,KAA0B,IAAA,KAAS;AAExD,MAAM,qBAAA,GAAwB,CAAC,KAAA,KACpC,KAAA,KAAU;;;;"}