Merge branch 'master' into possibility-to-set-title-without-header-co…

…nfig

* master:
  Add up arrow key press to global search (SAP#1587)
  fix e2e test (SAP#1589)
  Update fiddle fd styles to 0.11.0 (SAP#1581)
  Modal loading indicator and close Modal event (SAP#1578)
  Integrate plugin readme in docu (SAP#1564)
  Luigi sample with Next.js (SAP#1579)
  Update version of FD styles to the Core 0.10.0 -> 0.11.0 (SAP#1569)

client/luigi-client.d.ts

@@ -100,6 +100,12 @@ export declare interface UxManager {
    */
   hideLoadingIndicator: () => void;
 
+  /**
+   * Closes the currently opened micro frontend modal.
+   * @memberof uxManager
+   */
+  closeCurrentModal: () => void;
+
   /**
    * This method informs the main application that there are unsaved changes in the current view in the iframe. For example, that can be a view with form fields which were edited but not submitted.
    * @param {boolean} isDirty indicates if there are any unsaved changes on the current page or in the component

client/src/uxManager.js

@@ -34,6 +34,15 @@ class UxManager extends LuigiClientBase {
   hideLoadingIndicator() {
     helpers.sendPostMessageToLuigiCore({ msg: 'luigi.hide-loading-indicator' });
   }
+
+  /**
+   * Closes the currently opened micro frontend modal.
+   * @memberof uxManager
+   */
+  closeCurrentModal() {
+    helpers.sendPostMessageToLuigiCore({ msg: 'luigi.close-modal' });
+  }
+
   /**
    * Adds a backdrop to block the top and side navigation. It is based on the Fundamental UI Modal, which you can use in your micro frontend to achieve the same behavior.
    * @memberof uxManager

core/examples/luigi-example-next/.gitignore

@@ -0,0 +1,31 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*
+
+# vercel
+.vercel

core/examples/luigi-example-next/README.md

@@ -0,0 +1,39 @@
+# Sample Luigi application written in NextJS
+
+## Overview
+
+This is the NextJS-based sample application which runs with Luigi framework.
+
+Due to the nature of NextJS's routing strategy, it is not possible to use `useHashRouting: false` in the Luigi Configuration. If you want to use path based routing, Luigi Core's index.html should be served separately.
+
+## Getting Started
+
+First, install dependencies
+
+```bash
+npm install
+```
+
+Second, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+## Learn More
+
+The [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/import?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.