@pushwoosh/smart-components-kit 1.0.55 → 1.0.56

package/SystemParcel/SystemParcel.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+type SystemParcelProps = {
+    importPath: string;
+    methodName?: string;
+    mountRootParcel: any;
+    Parcel: React.ComponentType<any>;
+} & Record<string, unknown>;
+export declare function SystemParcel({ importPath, mountRootParcel, methodName, Parcel, ...restProps }: SystemParcelProps): React.JSX.Element;
+export {};

package/SystemParcel/SystemParcel.js

@@ -0,0 +1,46 @@
+import React, { useMemo } from 'react';
+import { useSPAContext } from '../context';
+export function SystemParcel({
+  importPath,
+  mountRootParcel,
+  methodName = 'parcel',
+  Parcel,
+  ...restProps
+}) {
+  const spaContext = useSPAContext();
+  const parcelConfig = useMemo(() => createSystemParcelConfig(importPath, methodName), [importPath, methodName]);
+  return React.createElement(Parcel, {
+    config: parcelConfig,
+    spaContext: spaContext,
+    mountParcel: mountRootParcel,
+    ...restProps
+  });
+}
+function createSystemParcelConfig(importPath, methodName) {
+  let parcel;
+  return {
+    bootstrap({
+      domElement
+    }) {
+      return System.import(importPath).then(module => {
+        const factory = module[methodName];
+        if (typeof factory !== 'function') {
+          throw new Error(`Method "${methodName}" is not a function in module "${importPath}"`);
+        }
+        parcel = factory(domElement);
+      });
+    },
+    mount(props) {
+      parcel.render(props);
+      return Promise.resolve();
+    },
+    unmount() {
+      parcel.unmount();
+      return Promise.resolve();
+    },
+    update(props) {
+      parcel.render(props);
+      return Promise.resolve();
+    }
+  };
+}

package/SystemParcel/helpers.d.ts

@@ -0,0 +1,7 @@
+import { type ReactElement } from 'react';
+type ParcelResult<T> = {
+    render: (props: T) => void;
+    unmount: () => void;
+};
+export declare function createParcelFunction<T>(render: (props: T) => ReactElement): (container: HTMLElement) => ParcelResult<T>;
+export {};

package/SystemParcel/helpers.js

@@ -0,0 +1,14 @@
+import { createRoot } from 'react-dom/client';
+export function createParcelFunction(render) {
+  return container => {
+    const root = createRoot(container);
+    return {
+      render(props) {
+        root.render(render(props));
+      },
+      unmount() {
+        root.unmount();
+      }
+    };
+  };
+}

package/SystemParcel/index.d.ts

@@ -0,0 +1,2 @@
+export { SystemParcel } from './SystemParcel';
+export { createParcelFunction } from './helpers';

package/SystemParcel/index.js

@@ -0,0 +1,2 @@
+export { SystemParcel } from './SystemParcel';
+export { createParcelFunction } from './helpers';

package/index.d.ts

@@ -10,3 +10,4 @@ export * from './LanguagesSelector';
 export * from './RichMessageEditorSmart';
 export * from './Table';
 export * from './OpenActions';
+export * from './SystemParcel';

package/index.js

@@ -9,4 +9,5 @@ export * from './PlatformsConfigurationDrawer';
 export * from './LanguagesSelector';
 export * from './RichMessageEditorSmart';
 export * from './Table';
-export * from './OpenActions';
+export * from './OpenActions';
+export * from './SystemParcel';

package/package.json

@@ -52,5 +52,5 @@
     "react": "^16.14.0 || ^18.0.0",
     "react-dom": "^16.14.0 || ^18.0.0"
   },
-  "version": "1.0.55"
+  "version": "1.0.56"
 }