@openmrs/esm-styleguide 10.0.1-pre.5255 → 10.0.1-pre.5263

package/.turbo/turbo-build.log

@@ -1,3 +1,3 @@
-[0] Successfully compiled: 123 files, copied 167 files with swc (350.21ms)
+[0] Successfully compiled: 123 files, copied 167 files with swc (251.32ms)
 [0] swc --strip-leading-paths --copy-files src -d dist && svgo -rf dist --quiet exited with code 0
 [1] tsc --project tsconfig.build.json exited with code 0

package/dist/modals/index.js

@@ -1,6 +1,5 @@
-/** @module @category UI */ import { mountRootParcel } from "single-spa";
-import { createGlobalStore } from "@openmrs/esm-state";
-import { getModalRegistration } from "@openmrs/esm-extensions";
+/** @module @category UI */ import { createGlobalStore } from "@openmrs/esm-state";
+import { getModalRegistration, renderParcel } from "@openmrs/esm-extensions";
 import { reportError } from "@openmrs/esm-error-handling";
 const modalStore = createGlobalStore('modalState', {
     modalContainer: null,
@@ -27,7 +26,7 @@ let parcelCount = 0;
         const { load } = modalRegistration;
         const lifecycle = await load();
         const id = parcelCount++;
-        parcel = mountRootParcel({
+        parcel = await renderParcel({
             ...lifecycle,
             name: `${modalName}-${id}`
         }, {

package/dist/workspaces/container/workspace-renderer.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"workspace-renderer.component.d.ts","sourceRoot":"","sources":["../../../src/workspaces/container/workspace-renderer.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAM5D,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,eAAe,CAAC;AAGnD,UAAU,sBAAsB;IAC9B,SAAS,EAAE,aAAa,CAAC;IACzB,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC;AAED,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,uBAAuB,EAAE,EAAE,sBAAsB,qBAmC/F"}
+{"version":3,"file":"workspace-renderer.component.d.ts","sourceRoot":"","sources":["../../../src/workspaces/container/workspace-renderer.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAO5D,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,eAAe,CAAC;AAGnD,UAAU,sBAAsB;IAC9B,SAAS,EAAE,aAAa,CAAC;IACzB,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC;AAID,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,uBAAuB,EAAE,EAAE,sBAAsB,qBAmC/F"}

package/dist/workspaces/container/workspace-renderer.component.js

@@ -1,11 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useEffect, useState, useMemo } from "react";
-import { mountRootParcel } from "single-spa";
 import Parcel from "single-spa-react/parcel";
 import { InlineLoading } from "@carbon/react";
+import { createParcelMounter } from "@openmrs/esm-extensions";
 import { getCoreTranslation } from "@openmrs/esm-translations";
 import styles from "./workspace.module.scss";
 import { useWorkspaceGroupStore } from "../workspace-sidebar-store/useWorkspaceGroupStore.js";
+const mountParcel = createParcelMounter();
 export function WorkspaceRenderer({ workspace, additionalPropsFromPage }) {
     const [lifecycle, setLifecycle] = useState();
     const workspaceGroupState = useWorkspaceGroupStore(workspace.currentWorkspaceGroup);
@@ -37,7 +38,7 @@ export function WorkspaceRenderer({ workspace, additionalPropsFromPage }) {
     ]);
     return lifecycle ? /*#__PURE__*/ _jsx(Parcel, {
         config: lifecycle,
-        mountParcel: mountRootParcel,
+        mountParcel: mountParcel,
         ...props
     }, workspace.name) : /*#__PURE__*/ _jsx(InlineLoading, {
         className: styles.loader,

package/dist/workspaces2/active-workspace-window.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"active-workspace-window.component.d.ts","sourceRoot":"","sources":["../../src/workspaces2/active-workspace-window.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAK5D,OAAO,EAAE,KAAK,YAAY,EAAyC,MAAM,yBAAyB,CAAC;AAOnG,UAAU,oBAAoB;IAC5B,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,OAAO,CAAC;CACzB;AACD;;GAEG;AACH,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA4CzD,CAAC;AAyIF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"active-workspace-window.component.d.ts","sourceRoot":"","sources":["../../src/workspaces2/active-workspace-window.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAK5D,OAAO,EAAE,KAAK,YAAY,EAA8D,MAAM,yBAAyB,CAAC;AAOxH,UAAU,oBAAoB;IAC5B,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,OAAO,CAAC;CACzB;AACD;;GAEG;AACH,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA4CzD,CAAC;AA2IF,eAAe,qBAAqB,CAAC"}

package/dist/workspaces2/active-workspace-window.component.js

@@ -2,9 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import React, { useEffect, useMemo, useState } from "react";
 import classNames from "classnames";
 import Parcel from "single-spa-react/parcel";
-import { mountRootParcel } from "single-spa";
 import { InlineLoading } from "@carbon/react";
-import { workspace2Store } from "@openmrs/esm-extensions";
+import { createParcelMounter, workspace2Store } from "@openmrs/esm-extensions";
 import { loadLifeCycles } from "@openmrs/esm-routes";
 import { getCoreTranslation } from "@openmrs/esm-translations";
 import { promptForClosingWorkspaces, useWorkspace2Store } from "./workspace2.js";
@@ -52,6 +51,7 @@ import styles from "./workspace2.module.scss";
             }, openedWorkspace.uuid))
     });
 };
+const mountParcel = createParcelMounter();
 const ActiveWorkspace = ({ lifeCycle, openedWorkspace, openedWindow, isRootWorkspace, isLeafWorkspace, showActionMenu })=>{
     const { openedGroup, closeWorkspace, openChildWorkspace } = useWorkspace2Store();
     const props = useMemo(()=>openedWorkspace && {
@@ -161,7 +161,7 @@ const ActiveWorkspace = ({ lifeCycle, openedWorkspace, openedWindow, isRootWorks
     }
     return /*#__PURE__*/ _jsx(Parcel, {
         config: lifeCycle,
-        mountParcel: mountRootParcel,
+        mountParcel: mountParcel,
         ...props
     }, openedWorkspace.workspaceName);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openmrs/esm-styleguide",
-  "version": "10.0.1-pre.5255",
+  "version": "10.0.1-pre.5263",
   "license": "MPL-2.0",
   "description": "The styleguide for OpenMRS SPA",
   "module": "dist/internal.js",
@@ -78,18 +78,18 @@
     "react-aria-components": "^1.7.1"
   },
   "peerDependencies": {
-    "@openmrs/esm-api": "^10.0.1-pre.5255",
-    "@openmrs/esm-config": "^10.0.1-pre.5255",
-    "@openmrs/esm-emr-api": "^10.0.1-pre.5255",
-    "@openmrs/esm-error-handling": "^10.0.1-pre.5255",
-    "@openmrs/esm-extensions": "^10.0.1-pre.5255",
-    "@openmrs/esm-globals": "^10.0.1-pre.5255",
-    "@openmrs/esm-navigation": "^10.0.1-pre.5255",
-    "@openmrs/esm-react-utils": "^10.0.1-pre.5255",
-    "@openmrs/esm-routes": "^10.0.1-pre.5255",
-    "@openmrs/esm-state": "^10.0.1-pre.5255",
-    "@openmrs/esm-translations": "^10.0.1-pre.5255",
-    "@openmrs/esm-utils": "^10.0.1-pre.5255",
+    "@openmrs/esm-api": "^10.0.1-pre.5263",
+    "@openmrs/esm-config": "^10.0.1-pre.5263",
+    "@openmrs/esm-emr-api": "^10.0.1-pre.5263",
+    "@openmrs/esm-error-handling": "^10.0.1-pre.5263",
+    "@openmrs/esm-extensions": "^10.0.1-pre.5263",
+    "@openmrs/esm-globals": "^10.0.1-pre.5263",
+    "@openmrs/esm-navigation": "^10.0.1-pre.5263",
+    "@openmrs/esm-react-utils": "^10.0.1-pre.5263",
+    "@openmrs/esm-routes": "^10.0.1-pre.5263",
+    "@openmrs/esm-state": "^10.0.1-pre.5263",
+    "@openmrs/esm-translations": "^10.0.1-pre.5263",
+    "@openmrs/esm-utils": "^10.0.1-pre.5263",
     "dayjs": "1.x",
     "i18next": "25.x",
     "react": "18.x",
@@ -99,18 +99,18 @@
     "swr": "2.x"
   },
   "devDependencies": {
-    "@openmrs/esm-api": "10.0.1-pre.5255",
-    "@openmrs/esm-config": "10.0.1-pre.5255",
-    "@openmrs/esm-emr-api": "10.0.1-pre.5255",
-    "@openmrs/esm-error-handling": "10.0.1-pre.5255",
-    "@openmrs/esm-extensions": "10.0.1-pre.5255",
-    "@openmrs/esm-globals": "10.0.1-pre.5255",
-    "@openmrs/esm-navigation": "10.0.1-pre.5255",
-    "@openmrs/esm-react-utils": "10.0.1-pre.5255",
-    "@openmrs/esm-routes": "10.0.1-pre.5255",
-    "@openmrs/esm-state": "10.0.1-pre.5255",
-    "@openmrs/esm-translations": "10.0.1-pre.5255",
-    "@openmrs/esm-utils": "10.0.1-pre.5255",
+    "@openmrs/esm-api": "10.0.1-pre.5263",
+    "@openmrs/esm-config": "10.0.1-pre.5263",
+    "@openmrs/esm-emr-api": "10.0.1-pre.5263",
+    "@openmrs/esm-error-handling": "10.0.1-pre.5263",
+    "@openmrs/esm-extensions": "10.0.1-pre.5263",
+    "@openmrs/esm-globals": "10.0.1-pre.5263",
+    "@openmrs/esm-navigation": "10.0.1-pre.5263",
+    "@openmrs/esm-react-utils": "10.0.1-pre.5263",
+    "@openmrs/esm-routes": "10.0.1-pre.5263",
+    "@openmrs/esm-state": "10.0.1-pre.5263",
+    "@openmrs/esm-translations": "10.0.1-pre.5263",
+    "@openmrs/esm-utils": "10.0.1-pre.5263",
     "@swc/cli": "0.8.1",
     "@swc/core": "1.15.21",
     "@types/geopattern": "^1.2.9",

package/src/modals/index.tsx

@@ -1,7 +1,7 @@
 /** @module @category UI */
-import { mountRootParcel, type Parcel } from 'single-spa';
+import { type Parcel } from 'single-spa';
 import { createGlobalStore } from '@openmrs/esm-state';
-import { getModalRegistration } from '@openmrs/esm-extensions';
+import { getModalRegistration, renderParcel } from '@openmrs/esm-extensions';
 import { reportError } from '@openmrs/esm-error-handling';
 
 type ModalInstanceState = 'NEW' | 'MOUNTED' | 'TO_BE_DELETED';
@@ -63,7 +63,7 @@ async function renderModalIntoDOM(
 
     const lifecycle = await load();
     const id = parcelCount++;
-    parcel = mountRootParcel(
+    parcel = await renderParcel(
       {
         ...lifecycle,
         name: `${modalName}-${id}`,

package/src/workspaces/container/workspace-renderer.component.tsx

@@ -1,7 +1,8 @@
 import React, { useEffect, useState, useMemo } from 'react';
-import { mountRootParcel, type ParcelConfig } from 'single-spa';
+import { type ParcelConfig } from 'single-spa';
 import Parcel from 'single-spa-react/parcel';
 import { InlineLoading } from '@carbon/react';
+import { createParcelMounter } from '@openmrs/esm-extensions';
 import { getCoreTranslation } from '@openmrs/esm-translations';
 import styles from './workspace.module.scss';
 import { type OpenWorkspace } from '../workspaces';
@@ -12,6 +13,8 @@ interface WorkspaceRendererProps {
   additionalPropsFromPage?: object;
 }
 
+const mountParcel = createParcelMounter();
+
 export function WorkspaceRenderer({ workspace, additionalPropsFromPage }: WorkspaceRendererProps) {
   const [lifecycle, setLifecycle] = useState<ParcelConfig | undefined>();
   const workspaceGroupState = useWorkspaceGroupStore(workspace.currentWorkspaceGroup);
@@ -43,7 +46,7 @@ export function WorkspaceRenderer({ workspace, additionalPropsFromPage }: Worksp
   );
 
   return lifecycle ? (
-    <Parcel key={workspace.name} config={lifecycle} mountParcel={mountRootParcel} {...props} />
+    <Parcel key={workspace.name} config={lifecycle} mountParcel={mountParcel} {...props} />
   ) : (
     <InlineLoading className={styles.loader} description={`${getCoreTranslation('loading', 'Loading')} ...`} />
   );

package/src/workspaces/container/workspace-renderer.test.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import { describe, expect, it, vi } from 'vitest';
 import '@testing-library/jest-dom/vitest';
+import { createParcelMounter } from '@openmrs/esm-extensions';
 import { render, screen } from '@testing-library/react';
-import { mountRootParcel } from 'single-spa';
 import { WorkspaceRenderer } from './workspace-renderer.component';
 import { getWorkspaceGroupStore } from '../workspaces';
 
@@ -22,6 +22,7 @@ describe('WorkspaceRenderer', () => {
     const mockPromptBeforeClosing = vi.fn();
     const mockSetTitle = vi.fn();
     const mockLoadFn = vi.fn().mockImplementation(() => Promise.resolve('file-content'));
+    const mountParcel = createParcelMounter();
 
     getWorkspaceGroupStore('test-sidebar-store')?.setState({
       // Testing that the workspace group state should be overrided by additionalProps
@@ -54,7 +55,7 @@ describe('WorkspaceRenderer', () => {
 
     expect(mockFn).toHaveBeenCalledWith({
       config: 'file-content',
-      mountParcel: mountRootParcel,
+      mountParcel: mountParcel,
       closeWorkspace: mockCloseWorkspace,
       closeWorkspaceWithSavedChanges: mockCloseWorkspaceWithSavedChanges,
       promptBeforeClosing: mockPromptBeforeClosing,

package/src/workspaces2/active-workspace-window.component.tsx

@@ -1,9 +1,9 @@
 import React, { useEffect, useMemo, useState } from 'react';
 import classNames from 'classnames';
 import Parcel from 'single-spa-react/parcel';
-import { mountRootParcel, type ParcelConfig } from 'single-spa';
+import { type ParcelConfig } from 'single-spa';
 import { InlineLoading } from '@carbon/react';
-import { type OpenedWindow, type OpenedWorkspace, workspace2Store } from '@openmrs/esm-extensions';
+import { type OpenedWindow, type OpenedWorkspace, createParcelMounter, workspace2Store } from '@openmrs/esm-extensions';
 import { loadLifeCycles } from '@openmrs/esm-routes';
 import { getCoreTranslation } from '@openmrs/esm-translations';
 import { promptForClosingWorkspaces, useWorkspace2Store } from './workspace2';
@@ -72,6 +72,8 @@ interface ActiveWorkspaceProps {
   showActionMenu: boolean;
 }
 
+const mountParcel = createParcelMounter();
+
 const ActiveWorkspace: React.FC<ActiveWorkspaceProps> = ({
   lifeCycle,
   openedWorkspace,
@@ -195,7 +197,7 @@ const ActiveWorkspace: React.FC<ActiveWorkspaceProps> = ({
     );
   }
 
-  return <Parcel key={openedWorkspace.workspaceName} config={lifeCycle} mountParcel={mountRootParcel} {...props} />;
+  return <Parcel key={openedWorkspace.workspaceName} config={lifeCycle} mountParcel={mountParcel} {...props} />;
 };
 
 export default ActiveWorkspaceWindow;