@openmrs/esm-styleguide 5.0.1-pre.813 → 5.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openmrs/esm-styleguide",
-  "version": "5.0.1-pre.813",
+  "version": "5.0.1",
   "license": "MPL-2.0",
   "description": "The styleguide for OpenMRS SPA",
   "browser": "dist/openmrs-esm-styleguide.js",
@@ -51,9 +51,9 @@
     "rxjs": "6.x"
   },
   "devDependencies": {
-    "@openmrs/esm-extensions": "^5.0.1-pre.813",
-    "@openmrs/esm-react-utils": "^5.0.1-pre.813",
-    "@openmrs/esm-state": "^5.0.1-pre.813",
+    "@openmrs/esm-extensions": "^5.0.1",
+    "@openmrs/esm-react-utils": "^5.0.1",
+    "@openmrs/esm-state": "^5.0.1",
     "autoprefixer": "^9.8.8",
     "css-minimizer-webpack-plugin": "^1.2.0",
     "i18next": "^19.6.0",
@@ -64,5 +64,5 @@
     "react-dom": "^18.1.0",
     "rxjs": "^6.5.3"
   },
-  "gitHead": "0987145a28a9cddc5dca2eb63fc0728c0bc0e2fe"
+  "gitHead": "c29b88275be224849a36fcad074af34e3f30f495"
 }

package/src/error-state/error-state.component.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { Tile } from "@carbon/react";
 import { useTranslation } from "react-i18next";
-import { useLayoutType } from "@openmrs/esm-framework";
+import { useLayoutType } from "@openmrs/esm-react-utils";
 import styles from "./error-state.module.scss";
 
 export interface ErrorStateProps {

package/src/left-nav/index.tsx

@@ -1,10 +1,7 @@
 /** @module @category UI */
 import React from "react";
-import {
-  ExtensionSlot,
-  useStore,
-  createGlobalStore,
-} from "@openmrs/esm-framework";
+import { ExtensionSlot, useStore } from "@openmrs/esm-react-utils";
+import { createGlobalStore } from "@openmrs/esm-state";
 import { SideNav, SideNavProps } from "@carbon/react";
 import styles from "./left-nav.module.scss";
 

package/src/modals/index.tsx

@@ -1,5 +1,6 @@
 /** @module @category UI */
-import { createGlobalStore, renderExtension } from "@openmrs/esm-framework";
+import { renderExtension } from "@openmrs/esm-extensions";
+import { createGlobalStore } from "@openmrs/esm-state";
 import type { Parcel } from "single-spa";
 
 type ModalInstanceState = "NEW" | "MOUNTED" | "TO_BE_DELETED";

package/webpack.config.js

@@ -1,5 +1,6 @@
 const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 const CssMinimizerPlugin = require("css-minimizer-webpack-plugin");
+const SystemJSPublicPathWebpackPlugin = require("systemjs-webpack-interop/SystemJSPublicPathWebpackPlugin");
 const { resolve } = require("path");
 const { BundleAnalyzerPlugin } = require("webpack-bundle-analyzer");
 const { CleanWebpackPlugin } = require("clean-webpack-plugin");
@@ -12,7 +13,7 @@ module.exports = (env) => ({
     resolve(__dirname, "src/_all.scss"),
   ],
   output: {
-    library: { type: "var", name: "_openmrs_esm_styleguide" },
+    libraryTarget: "system",
     filename: "openmrs-esm-styleguide.js",
     chunkFilename: "[name].js",
     path: resolve(__dirname, "dist"),
@@ -50,6 +51,7 @@ module.exports = (env) => ({
       "Access-Control-Allow-Origin": "*",
     },
   },
+  externals: Object.keys(peerDependencies || {}),
   resolve: {
     modules: ["node_modules"],
     extensions: [".js", ".jsx", ".json", ".ts", ".tsx"],
@@ -59,6 +61,7 @@ module.exports = (env) => ({
     minimizer: [new CssMinimizerPlugin(), "..."],
   },
   plugins: [
+    new SystemJSPublicPathWebpackPlugin(),
     new CleanWebpackPlugin(),
     new MiniCssExtractPlugin({
       filename: "openmrs-esm-styleguide.css",