@openmrs/esm-styleguide 4.5.1-pre.804 → 5.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openmrs/esm-styleguide",
-  "version": "4.5.1-pre.804",
+  "version": "5.0.0",
   "license": "MPL-2.0",
   "description": "The styleguide for OpenMRS SPA",
   "browser": "dist/openmrs-esm-styleguide.js",
@@ -11,6 +11,7 @@
     "start:storybook": "start-storybook --port 7000",
     "build:storybook": "build-storybook",
     "build": "webpack --mode=production",
+    "build:development": "webpack --mode development",
     "analyze": "webpack --mode=production --env analyze=true",
     "lint": "eslint src"
   },
@@ -44,17 +45,15 @@
     "lodash-es": "^4.17.21"
   },
   "peerDependencies": {
-    "@openmrs/esm-extensions": "4.x",
-    "@openmrs/esm-react-utils": "4.x",
-    "@openmrs/esm-state": "4.x",
+    "@openmrs/esm-framework": "4.x",
     "react": "18.x",
     "react-dom": "18.x",
     "rxjs": "6.x"
   },
   "devDependencies": {
-    "@openmrs/esm-extensions": "^4.5.1-pre.804",
-    "@openmrs/esm-react-utils": "^4.5.1-pre.804",
-    "@openmrs/esm-state": "^4.5.1-pre.804",
+    "@openmrs/esm-extensions": "^5.0.0",
+    "@openmrs/esm-react-utils": "^5.0.0",
+    "@openmrs/esm-state": "^5.0.0",
     "autoprefixer": "^9.8.8",
     "css-minimizer-webpack-plugin": "^1.2.0",
     "i18next": "^19.6.0",
@@ -65,5 +64,5 @@
     "react-dom": "^18.1.0",
     "rxjs": "^6.5.3"
   },
-  "gitHead": "3494e50fe502dc6411ce27014322dc87386d78f2"
+  "gitHead": "2de5bf392a036e12c6d48425ff61881be7e32344"
 }

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-react-utils";
+import { useLayoutType } from "@openmrs/esm-framework";
 import styles from "./error-state.module.scss";
 
 export interface ErrorStateProps {

package/src/left-nav/index.tsx

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

package/src/modals/index.tsx

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

package/webpack.config.js

@@ -1,6 +1,5 @@
 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");
@@ -13,7 +12,7 @@ module.exports = (env) => ({
     resolve(__dirname, "src/_all.scss"),
   ],
   output: {
-    libraryTarget: "system",
+    library: { type: "var", name: "_openmrs_esm_styleguide" },
     filename: "openmrs-esm-styleguide.js",
     chunkFilename: "[name].js",
     path: resolve(__dirname, "dist"),
@@ -33,7 +32,7 @@ module.exports = (env) => ({
       },
       {
         test: /\.(js|jsx|ts|tsx)$/,
-        use: ["swc-loader"],
+        use: "@swc-node/loader",
       },
       {
         test: /\.(woff|woff2|png)?$/,
@@ -51,7 +50,6 @@ module.exports = (env) => ({
       "Access-Control-Allow-Origin": "*",
     },
   },
-  externals: Object.keys(peerDependencies || {}),
   resolve: {
     modules: ["node_modules"],
     extensions: [".js", ".jsx", ".json", ".ts", ".tsx"],
@@ -61,7 +59,6 @@ module.exports = (env) => ({
     minimizer: [new CssMinimizerPlugin(), "..."],
   },
   plugins: [
-    new SystemJSPublicPathWebpackPlugin(),
     new CleanWebpackPlugin(),
     new MiniCssExtractPlugin({
       filename: "openmrs-esm-styleguide.css",