@mittwald/flow-remote-react-components 0.2.0-alpha.195 → 0.2.0-alpha.196
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/js/components/Form.mjs +1 -1
- package/dist/js/components/Form.mjs.map +1 -1
- package/dist/js/components/createFlowRemoteComponent.mjs +1 -1
- package/dist/js/components/createFlowRemoteComponent.mjs.map +1 -1
- package/dist/js/lib/createRemoteComponent.mjs +16 -0
- package/dist/js/lib/createRemoteComponent.mjs.map +1 -0
- package/dist/types/components/createFlowRemoteComponent.d.ts.map +1 -1
- package/dist/types/lib/createRemoteComponent.d.ts +3 -0
- package/dist/types/lib/createRemoteComponent.d.ts.map +1 -0
- package/package.json +6 -6
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
/* */
|
|
3
3
|
'use client';
|
|
4
4
|
import { jsx } from 'react/jsx-runtime';
|
|
5
|
-
import { createRemoteComponent } from '
|
|
5
|
+
import { createRemoteComponent } from '../lib/createRemoteComponent.mjs';
|
|
6
6
|
import { RemoteFormElement } from '@mittwald/flow-remote-elements';
|
|
7
7
|
import { startTransition } from 'react';
|
|
8
8
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Form.mjs","sources":["../../../src/components/Form.tsx"],"sourcesContent":["\"use client\";\nimport { createRemoteComponent } from \"
|
|
1
|
+
{"version":3,"file":"Form.mjs","sources":["../../../src/components/Form.tsx"],"sourcesContent":["\"use client\";\nimport { createRemoteComponent } from \"@/lib/createRemoteComponent\";\nimport { RemoteFormElement } from \"@mittwald/flow-remote-elements\";\nimport type { ComponentProps, FC } from \"react\";\nimport { startTransition } from \"react\";\nexport { type RemoteFormElement } from \"@mittwald/flow-remote-elements\";\n\nconst BaseForm = createRemoteComponent(\"flr-form\", RemoteFormElement, {\n eventProps: {\n onSubmit: { event: \"submit\" } as never,\n },\n});\n\nexport const Form: FC<ComponentProps<typeof BaseForm>> = (props) => {\n const { action, ...rest } = props;\n\n const actionWithContext =\n action && typeof action === \"function\"\n ? (formData: FormData) => startTransition(() => action(formData))\n : action;\n\n return <BaseForm {...rest} action={actionWithContext} />;\n};\n"],"names":[],"mappings":";;;;;;AAOA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,QAAA,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAsB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,iBAAmB,CAAA,CAAA;AAAA,CAAA,CACpE,UAAY,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACV,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAO,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA;AAEhC,CAAC,CAAA;AAEY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA4C,CAAC,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA;AAClE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,EAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,GAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAE5B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,iBACJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAU,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACxB,CAAA,CAAA,CAAA,CAAC,QAAuB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAgB,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAC9D,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAEN,CAAA,CAAA,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAmB,EAAA,CAAA;AACxD,CAAA;;"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
3
|
import { jsx } from 'react/jsx-runtime';
|
|
4
|
-
import { createRemoteComponent } from '@mittwald/remote-dom-react';
|
|
5
4
|
import { isFlowComponentName, flowComponent, ClearPropsContextContent } from '@mittwald/flow-react-components/internal';
|
|
6
5
|
import { createElement } from 'react';
|
|
6
|
+
import { createRemoteComponent } from '../lib/createRemoteComponent.mjs';
|
|
7
7
|
|
|
8
8
|
function createFlowRemoteComponent(tag, flowComponentTag, options, Element = customElements.get(tag), {
|
|
9
9
|
slotProps = true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createFlowRemoteComponent.mjs","sources":["../../../src/components/createFlowRemoteComponent.tsx"],"sourcesContent":["import type {\n RemoteComponentOptions,\n RemoteComponentTypeFromElementConstructor,\n} from \"@mittwald/remote-dom-react\";\nimport {
|
|
1
|
+
{"version":3,"file":"createFlowRemoteComponent.mjs","sources":["../../../src/components/createFlowRemoteComponent.tsx"],"sourcesContent":["import type {\n RemoteComponentOptions,\n RemoteComponentTypeFromElementConstructor,\n} from \"@mittwald/remote-dom-react\";\nimport {\n ClearPropsContextContent,\n flowComponent,\n isFlowComponentName,\n} from \"@mittwald/flow-react-components/internal\";\nimport type {\n RemoteElement,\n RemoteElementConstructor,\n} from \"@mittwald/flow-remote-core\";\nimport { createElement } from \"react\";\nimport { createRemoteComponent } from \"@/lib/createRemoteComponent\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype AnyRecord = Record<string, any>;\n\ninterface Options {\n clearPropsContext?: boolean;\n}\n\nexport function createFlowRemoteComponent<\n Tag extends keyof HTMLElementTagNameMap,\n ElementConstructor extends RemoteElementConstructor<\n AnyRecord,\n AnyRecord,\n AnyRecord,\n AnyRecord\n > = HTMLElementTagNameMap[Tag] extends RemoteElement<\n infer Properties,\n infer Methods,\n infer Slots,\n infer EventListeners\n >\n ? RemoteElementConstructor<Properties, Methods, Slots, EventListeners>\n : never,\n Props extends AnyRecord = AnyRecord,\n>(\n tag: Tag,\n flowComponentTag: string,\n options: Options,\n Element: ElementConstructor | undefined = customElements.get(tag) as never,\n {\n slotProps = true,\n eventProps = {} as never,\n }: RemoteComponentOptions<ElementConstructor, Props> = {},\n): RemoteComponentTypeFromElementConstructor<ElementConstructor> {\n const element = createRemoteComponent(tag, Element, {\n slotProps,\n eventProps,\n });\n\n if (isFlowComponentName(flowComponentTag)) {\n return flowComponent(flowComponentTag, (p) => {\n /**\n * Notice: <ClearPropsContextContent> is used here, to just clear the\n * context on remote side. Otherwise a corresponding <ClearPropsContext>\n * component will be rendered as parent of all host children, which\n * potentially clears more props as desired.\n */\n const children = options.clearPropsContext ? (\n <ClearPropsContextContent>{p.children}</ClearPropsContextContent>\n ) : (\n p.children\n );\n\n return createElement(element, p as never, children);\n });\n }\n\n return element;\n}\n\nexport default createFlowRemoteComponent;\n"],"names":[],"mappings":";;;;;AAuBgB,SAAA,yBAAA,CAiBd,KACA,gBACA,EAAA,OAAA,EACA,UAA0C,cAAe,CAAA,GAAA,CAAI,GAAG,CAChE,EAAA;AAAA,EACE,SAAY,GAAA,IAAA;AAAA,EACZ,aAAa;AACf,CAAA,GAAuD,EACQ,EAAA;AAC/D,EAAM,MAAA,OAAA,GAAU,qBAAsB,CAAA,GAAA,EAAK,OAAS,EAAA;AAAA,IAClD,SAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAI,IAAA,mBAAA,CAAoB,gBAAgB,CAAG,EAAA;AACzC,IAAO,OAAA,aAAA,CAAc,gBAAkB,EAAA,CAAC,CAAM,KAAA;AAO5C,MAAM,MAAA,QAAA,GAAW,QAAQ,iBACvB,mBAAA,GAAA,CAAC,4BAA0B,QAAE,EAAA,CAAA,CAAA,QAAA,EAAS,IAEtC,CAAE,CAAA,QAAA;AAGJ,MAAO,OAAA,aAAA,CAAc,OAAS,EAAA,CAAA,EAAY,QAAQ,CAAA;AAAA,KACnD,CAAA;AAAA;AAGH,EAAO,OAAA,OAAA;AACT;;;;"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import { FlowRemoteElement } from '@mittwald/flow-remote-elements';
|
|
4
|
+
import { createRemoteComponent as createRemoteComponent$1 } from '@mittwald/remote-dom-react';
|
|
5
|
+
import { createElement } from 'react';
|
|
6
|
+
|
|
7
|
+
const createRemoteComponent = (name, element, options) => {
|
|
8
|
+
const RemoteComponent = createRemoteComponent$1(name, element, options);
|
|
9
|
+
return (props) => createElement(RemoteComponent, {
|
|
10
|
+
...props,
|
|
11
|
+
[FlowRemoteElement.initializationPropertyName]: true
|
|
12
|
+
});
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
export { createRemoteComponent };
|
|
16
|
+
//# sourceMappingURL=createRemoteComponent.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createRemoteComponent.mjs","sources":["../../../src/lib/createRemoteComponent.ts"],"sourcesContent":["import { FlowRemoteElement } from \"@mittwald/flow-remote-elements\";\nimport { createRemoteComponent as libCreateRemoteComponent } from \"@mittwald/remote-dom-react\";\nimport { createElement } from \"react\";\n\nexport const createRemoteComponent: typeof libCreateRemoteComponent = (\n name,\n element,\n options,\n) => {\n const RemoteComponent = libCreateRemoteComponent(name, element, options);\n return (props) =>\n createElement(RemoteComponent, {\n ...props,\n [FlowRemoteElement.initializationPropertyName]: true,\n });\n};\n"],"names":["libCreateRemoteComponent"],"mappings":";;;;AAIO,MAAM,qBAAyD,GAAA,CACpE,IACA,EAAA,OAAA,EACA,OACG,KAAA;AACH,EAAA,MAAM,eAAkB,GAAAA,uBAAA,CAAyB,IAAM,EAAA,OAAA,EAAS,OAAO,CAAA;AACvE,EAAO,OAAA,CAAC,KACN,KAAA,aAAA,CAAc,eAAiB,EAAA;AAAA,IAC7B,GAAG,KAAA;AAAA,IACH,CAAC,iBAAkB,CAAA,0BAA0B,GAAG;AAAA,GACjD,CAAA;AACL;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createFlowRemoteComponent.d.ts","sourceRoot":"","sources":["../../../src/components/createFlowRemoteComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,sBAAsB,EACtB,yCAAyC,EAC1C,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"createFlowRemoteComponent.d.ts","sourceRoot":"","sources":["../../../src/components/createFlowRemoteComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,sBAAsB,EACtB,yCAAyC,EAC1C,MAAM,4BAA4B,CAAC;AAMpC,OAAO,KAAK,EACV,aAAa,EACb,wBAAwB,EACzB,MAAM,4BAA4B,CAAC;AAKpC,KAAK,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAErC,UAAU,OAAO;IACf,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,wBAAgB,yBAAyB,CACvC,GAAG,SAAS,MAAM,qBAAqB,EACvC,kBAAkB,SAAS,wBAAwB,CACjD,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,CACV,GAAG,qBAAqB,CAAC,GAAG,CAAC,SAAS,aAAa,CAClD,MAAM,UAAU,EAChB,MAAM,OAAO,EACb,MAAM,KAAK,EACX,MAAM,cAAc,CACrB,GACG,wBAAwB,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,CAAC,GACpE,KAAK,EACT,KAAK,SAAS,SAAS,GAAG,SAAS,EAEnC,GAAG,EAAE,GAAG,EACR,gBAAgB,EAAE,MAAM,EACxB,OAAO,EAAE,OAAO,EAChB,OAAO,GAAE,kBAAkB,GAAG,SAA4C,EAC1E,EACE,SAAgB,EAChB,UAAwB,GACzB,GAAE,sBAAsB,CAAC,kBAAkB,EAAE,KAAK,CAAM,GACxD,yCAAyC,CAAC,kBAAkB,CAAC,CAyB/D;AAED,eAAe,yBAAyB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createRemoteComponent.d.ts","sourceRoot":"","sources":["../../../src/lib/createRemoteComponent.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAG/F,eAAO,MAAM,qBAAqB,EAAE,OAAO,wBAW1C,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mittwald/flow-remote-react-components",
|
|
3
|
-
"version": "0.2.0-alpha.
|
|
3
|
+
"version": "0.2.0-alpha.196",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "React components that can be used in a remote environment",
|
|
6
6
|
"homepage": "https://mittwald.github.io/flow",
|
|
@@ -32,15 +32,15 @@
|
|
|
32
32
|
"test:compile": "tsc --noEmit"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@mittwald/flow-react-components": "0.2.0-alpha.
|
|
36
|
-
"@mittwald/flow-remote-core": "0.2.0-alpha.
|
|
37
|
-
"@mittwald/flow-remote-elements": "0.2.0-alpha.
|
|
35
|
+
"@mittwald/flow-react-components": "0.2.0-alpha.196",
|
|
36
|
+
"@mittwald/flow-remote-core": "0.2.0-alpha.196",
|
|
37
|
+
"@mittwald/flow-remote-elements": "0.2.0-alpha.196",
|
|
38
38
|
"@mittwald/remote-dom-react": "1.2.2-mittwald.3",
|
|
39
39
|
"@types/react": "^19",
|
|
40
40
|
"react-error-boundary": "^5.0.0"
|
|
41
41
|
},
|
|
42
42
|
"devDependencies": {
|
|
43
|
-
"@mittwald/ext-bridge": "0.2.0-alpha.
|
|
43
|
+
"@mittwald/ext-bridge": "0.2.0-alpha.196",
|
|
44
44
|
"@mittwald/typescript-config": "",
|
|
45
45
|
"@types/node": "^22.13.10",
|
|
46
46
|
"nx": "^20.8.1",
|
|
@@ -70,5 +70,5 @@
|
|
|
70
70
|
"optional": true
|
|
71
71
|
}
|
|
72
72
|
},
|
|
73
|
-
"gitHead": "
|
|
73
|
+
"gitHead": "a41e7343793f038ea87b790a88cb35ea4828913a"
|
|
74
74
|
}
|