@mittwald/flow-remote-react-renderer 0.2.0-alpha.783 → 0.2.0-alpha.784

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 { createRemoteComponentRenderer } from "@mittwald/remote-dom-react/host";
-import { FlowRemoteElement } from "@mittwald/flow-remote-elements";
-import { Version } from "@mittwald/flow-remote-core";
-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;AACjD,KAAI,YAAY,IAAI,EAAE;AACpB,MAAI,sBAAsB,IAAI,CAC5B,QAAO,EACL,SAAS,QACV;AAEH,SAAO,EAAE;;AAEX,QAAO;;AAGT,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,EAAE,CAClB;AAQD,MAAI,WAAW,QAAQ;OAEjB,CAAC,YACH,QAAO;;AAIX,SAAO,oBAAC,WAAD,EAAW,GAAK,WAAmB,CAAA;;AAE5C,eAAc,cAAc,sBAAsB,KAAK;AACvD,QAAO,8BAA8B,eAAe,EAClD,MAAM,kBAAkB,KAAK,IAC9B,CAAC"}

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,EAAE,MACpE,UAAmC;CAClC,MAAM,SAAS,EAAE,GAAG,OAAO;CAC3B,MAAM,EAAE,gBAAgB,UAAU;AAElC,KAAI,cACF,QAAO,OAAO;AAIhB,QAAO,eAAe,KACpB,eAAe,UAAU,OAAO,OAAO,aAAa,EACpD,WAAW,UAAU,OAAO,OAAO,SAAS,CAC7C;AAED,QAAO,OAAO;AAEd,QAAO,cAAc,SAAS,QAAQ,QAAQ,4BAA4B,CAAC"}

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,QAAQ;AAE7C,IAAa,+BAA+B,QAAgB;AAC1D,KAAI,mBAAmB,MAAM,WAAW,IAAI,WAAW,OAAO,CAAC,CAC7D,QAAO;AAGT,QAAO,YAAY,IAAI"}

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"}