@openmrs/esm-app-shell 5.8.0 → 5.8.1-pre.2211

package/lib/{6266cdf365a86b25.js → c3067f5f6e275c98.js}

@@ -1505,7 +1505,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \********************************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   PageHeader: () => (/* binding */ PageHeader),\n/* harmony export */   PageHeaderContent: () => (/* binding */ PageHeaderContent)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"webpack/sharing/consume/default/react/react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _openmrs_esm_react_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @openmrs/esm-react-utils */ \"../../framework/esm-react-utils/src/index.ts\");\n/* harmony import */ var _page_header_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./page-header.module.scss */ \"../../framework/esm-styleguide/src/page-header/page-header.module.scss\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! classnames */ \"../../../node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__);\n/** @module @category UI */ \n\n\n\nvar isPageHeaderWrapperProps = function(props) {\n    return \"children\" in props;\n};\n/**\n * The page header is typically located at the top of a dashboard. It includes a pictogram on the left,\n * the name of the dashboard or page, and the `implementationName` from the configuration, which is typically\n * the name of the clinic or the authority that is using the implementation. It can also include interactive\n * content on the right-hand side. It can be used in two ways:\n *\n * 1. Alone, in order to render just the page header, with no content on the right side:\n * @example\n * ```tsx\n *   <PageHeader title=\"My Dashboard\" illustration={<Illustration />} />\n * ```\n *\n * 2. Wrapped around the [[PageHeaderContent]] component, in order to render the page header on the left\n * and some other content on the right side:\n * @example\n * ```tsx\n *   <PageHeader>\n *     <PageHeaderContent title=\"My Dashboard\" illustration={<Illustration />} />\n *     <Button>Click me</Button>\n *   </PageHeader>\n * ```\n */ var PageHeader = function(props) {\n    if (isPageHeaderWrapperProps(props)) {\n        var children = props.children, className = props.className;\n        return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n            className: classnames__WEBPACK_IMPORTED_MODULE_3___default()(_page_header_module_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"].pageHeader, className)\n        }, children);\n    } else {\n        var title = props.title, illustration = props.illustration, className1 = props.className;\n        return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n            className: classnames__WEBPACK_IMPORTED_MODULE_3___default()(_page_header_module_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"].pageHeader, className1)\n        }, /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PageHeaderContent, {\n            title: title,\n            illustration: illustration\n        }));\n    }\n};\n/**\n * The PageHeaderContent component should be used inside the [[PageHeader]] component. It is used if the page\n * header should include some content on the right side, in addition to the pictogram and the name of the page.\n * If only the page header is needed, without any additional content, the [[PageHeader]] component can be used\n * on its own, and the PageHeaderContent component is not needed.\n *\n * @example\n * ```tsx\n *   <PageHeader>\n *     <PageHeaderContent title=\"My Dashboard\" illustration={<Illustration />} />\n *     <Button>Click me</Button>\n *   </PageHeader>\n * ```\n */ var PageHeaderContent = function(param) {\n    var title = param.title, illustration = param.illustration, className = param.className;\n    var implementationName = (0,_openmrs_esm_react_utils__WEBPACK_IMPORTED_MODULE_1__.useConfig)({\n        externalModuleName: \"@openmrs/esm-styleguide\"\n    }).implementationName;\n    return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n        className: classnames__WEBPACK_IMPORTED_MODULE_3___default()(_page_header_module_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"].pageHeaderContent, className)\n    }, illustration, /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n        className: _page_header_module_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"].pageLabels\n    }, /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", null, implementationName), /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", {\n        className: _page_header_module_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"].pageName\n    }, title)));\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vLi4vZnJhbWV3b3JrL2VzbS1zdHlsZWd1aWRlL3NyYy9wYWdlLWhlYWRlci9wYWdlLWhlYWRlci5jb21wb25lbnQudHN4IiwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEseUJBQXlCLEdBQ0M7QUFDMkI7QUFFTjtBQUNYO0FBeUJwQyxJQUFNSSwyQkFBMkIsU0FBQ0MsT0FBZ0Q7SUFDaEYsT0FBTyxjQUFjQTtBQUN2QjtBQUVBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Q0FxQkMsR0FDTSxJQUFNQyxhQUF3QyxTQUFDRCxPQUFVO0lBQzlELElBQUlELHlCQUF5QkMsUUFBUTtRQUNuQyxJQUFRRSxXQUF3QkYsTUFBeEJFLFVBQVVDLFlBQWNILE1BQWRHO1FBQ2xCLHFCQUFPLDJEQUFDQztZQUFJRCxXQUFXTCxpREFBVUEsQ0FBQ0QsZ0VBQU1BLENBQUNRLFVBQVUsRUFBRUY7V0FBYUQ7SUFDcEUsT0FBTztRQUNMLElBQVFJLFFBQW1DTixNQUFuQ00sT0FBT0MsZUFBNEJQLE1BQTVCTyxjQUFjSixhQUFjSCxNQUFkRztRQUM3QixxQkFDRSwyREFBQ0M7WUFBSUQsV0FBV0wsaURBQVVBLENBQUNELGdFQUFNQSxDQUFDUSxVQUFVLEVBQUVGO3lCQUM1QywyREFBQ0s7WUFBa0JGLE9BQU9BO1lBQU9DLGNBQWNBOztJQUdyRCxDQUFDO0FBQ0gsRUFBRTtBQUVGOzs7Ozs7Ozs7Ozs7O0NBYUMsR0FDTSxJQUFNQyxvQkFBc0QsZ0JBQXdDO1FBQXJDRixjQUFBQSxPQUFPQyxxQkFBQUEsY0FBY0osa0JBQUFBO0lBQ3pGLElBQU0scUJBQXlCUCxtRUFBU0EsQ0FBeUI7UUFDL0RjLG9CQUFvQjtJQUN0QixHQUZRRDtJQUlSLHFCQUNFLDJEQUFDTDtRQUFJRCxXQUFXTCxpREFBVUEsQ0FBQ0QsZ0VBQU1BLENBQUNjLGlCQUFpQixFQUFFUjtPQUNsREksNEJBQ0QsMkRBQUNIO1FBQUlELFdBQVdOLGdFQUFNQSxDQUFDZSxVQUFVO3FCQUMvQiwyREFBQ0MsV0FBR0osbUNBQ0osMkRBQUNJO1FBQUVWLFdBQVdOLGdFQUFNQSxDQUFDaUIsUUFBUTtPQUFHUjtBQUl4QyxFQUFFIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vQG9wZW5tcnMvZXNtLWFwcC1zaGVsbC8uLi8uLi9mcmFtZXdvcmsvZXNtLXN0eWxlZ3VpZGUvc3JjL3BhZ2UtaGVhZGVyL3BhZ2UtaGVhZGVyLmNvbXBvbmVudC50c3g/MGMwNyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQG1vZHVsZSBAY2F0ZWdvcnkgVUkgKi9cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VDb25maWcgfSBmcm9tICdAb3Blbm1ycy9lc20tcmVhY3QtdXRpbHMnO1xuaW1wb3J0IHsgdHlwZSBTdHlsZWd1aWRlQ29uZmlnT2JqZWN0IH0gZnJvbSAnLi4vY29uZmlnLXNjaGVtYSc7XG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vcGFnZS1oZWFkZXIubW9kdWxlLnNjc3MnO1xuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUGFnZUhlYWRlckNvbnRlbnRQcm9wcyB7XG4gIHRpdGxlOiBzdHJpbmcgfCBKU1guRWxlbWVudDtcbiAgaWxsdXN0cmF0aW9uOiBSZWFjdC5SZWFjdEVsZW1lbnQ7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBQYWdlSGVhZGVyV3JhcHBlclByb3BzIHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xufVxuXG4vKiogQGludGVybmFsICovXG5leHBvcnQgdHlwZSBFeGNsdWRlT3B0aW9uYWxLZXlzPFQsIFU+ID0ge1xuICBbSyBpbiBrZXlvZiBUXTogSyBleHRlbmRzIGtleW9mIFUgPyBuZXZlciA6IEs7XG59W2tleW9mIFRdO1xuXG4vKiogQGludGVybmFsICovXG5leHBvcnQgdHlwZSBYT1I8VCwgVT4gPVxuICB8IChUICYgeyBbSyBpbiBFeGNsdWRlT3B0aW9uYWxLZXlzPFUsIFQ+XT86IG5ldmVyIH0pXG4gIHwgKFUgJiB7IFtLIGluIEV4Y2x1ZGVPcHRpb25hbEtleXM8VCwgVT5dPzogbmV2ZXIgfSk7XG5cbmV4cG9ydCB0eXBlIFBhZ2VIZWFkZXJQcm9wcyA9IFhPUjxQYWdlSGVhZGVyV3JhcHBlclByb3BzLCBQYWdlSGVhZGVyQ29udGVudFByb3BzPjtcblxuY29uc3QgaXNQYWdlSGVhZGVyV3JhcHBlclByb3BzID0gKHByb3BzOiBhbnkpOiBwcm9wcyBpcyBQYWdlSGVhZGVyV3JhcHBlclByb3BzID0+IHtcbiAgcmV0dXJuICdjaGlsZHJlbicgaW4gcHJvcHM7XG59O1xuXG4vKipcbiAqIFRoZSBwYWdlIGhlYWRlciBpcyB0eXBpY2FsbHkgbG9jYXRlZCBhdCB0aGUgdG9wIG9mIGEgZGFzaGJvYXJkLiBJdCBpbmNsdWRlcyBhIHBpY3RvZ3JhbSBvbiB0aGUgbGVmdCxcbiAqIHRoZSBuYW1lIG9mIHRoZSBkYXNoYm9hcmQgb3IgcGFnZSwgYW5kIHRoZSBgaW1wbGVtZW50YXRpb25OYW1lYCBmcm9tIHRoZSBjb25maWd1cmF0aW9uLCB3aGljaCBpcyB0eXBpY2FsbHlcbiAqIHRoZSBuYW1lIG9mIHRoZSBjbGluaWMgb3IgdGhlIGF1dGhvcml0eSB0aGF0IGlzIHVzaW5nIHRoZSBpbXBsZW1lbnRhdGlvbi4gSXQgY2FuIGFsc28gaW5jbHVkZSBpbnRlcmFjdGl2ZVxuICogY29udGVudCBvbiB0aGUgcmlnaHQtaGFuZCBzaWRlLiBJdCBjYW4gYmUgdXNlZCBpbiB0d28gd2F5czpcbiAqXG4gKiAxLiBBbG9uZSwgaW4gb3JkZXIgdG8gcmVuZGVyIGp1c3QgdGhlIHBhZ2UgaGVhZGVyLCB3aXRoIG5vIGNvbnRlbnQgb24gdGhlIHJpZ2h0IHNpZGU6XG4gKiBAZXhhbXBsZVxuICogYGBgdHN4XG4gKiAgIDxQYWdlSGVhZGVyIHRpdGxlPVwiTXkgRGFzaGJvYXJkXCIgaWxsdXN0cmF0aW9uPXs8SWxsdXN0cmF0aW9uIC8+fSAvPlxuICogYGBgXG4gKlxuICogMi4gV3JhcHBlZCBhcm91bmQgdGhlIFtbUGFnZUhlYWRlckNvbnRlbnRdXSBjb21wb25lbnQsIGluIG9yZGVyIHRvIHJlbmRlciB0aGUgcGFnZSBoZWFkZXIgb24gdGhlIGxlZnRcbiAqIGFuZCBzb21lIG90aGVyIGNvbnRlbnQgb24gdGhlIHJpZ2h0IHNpZGU6XG4gKiBAZXhhbXBsZVxuICogYGBgdHN4XG4gKiAgIDxQYWdlSGVhZGVyPlxuICogICAgIDxQYWdlSGVhZGVyQ29udGVudCB0aXRsZT1cIk15IERhc2hib2FyZFwiIGlsbHVzdHJhdGlvbj17PElsbHVzdHJhdGlvbiAvPn0gLz5cbiAqICAgICA8QnV0dG9uPkNsaWNrIG1lPC9CdXR0b24+XG4gKiAgIDwvUGFnZUhlYWRlcj5cbiAqIGBgYFxuICovXG5leHBvcnQgY29uc3QgUGFnZUhlYWRlcjogUmVhY3QuRkM8UGFnZUhlYWRlclByb3BzPiA9IChwcm9wcykgPT4ge1xuICBpZiAoaXNQYWdlSGVhZGVyV3JhcHBlclByb3BzKHByb3BzKSkge1xuICAgIGNvbnN0IHsgY2hpbGRyZW4sIGNsYXNzTmFtZSB9ID0gcHJvcHM7XG4gICAgcmV0dXJuIDxkaXYgY2xhc3NOYW1lPXtjbGFzc05hbWVzKHN0eWxlcy5wYWdlSGVhZGVyLCBjbGFzc05hbWUpfT57Y2hpbGRyZW59PC9kaXY+O1xuICB9IGVsc2Uge1xuICAgIGNvbnN0IHsgdGl0bGUsIGlsbHVzdHJhdGlvbiwgY2xhc3NOYW1lIH0gPSBwcm9wcztcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzTmFtZXMoc3R5bGVzLnBhZ2VIZWFkZXIsIGNsYXNzTmFtZSl9PlxuICAgICAgICA8UGFnZUhlYWRlckNvbnRlbnQgdGl0bGU9e3RpdGxlfSBpbGx1c3RyYXRpb249e2lsbHVzdHJhdGlvbn0gLz5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbn07XG5cbi8qKlxuICogVGhlIFBhZ2VIZWFkZXJDb250ZW50IGNvbXBvbmVudCBzaG91bGQgYmUgdXNlZCBpbnNpZGUgdGhlIFtbUGFnZUhlYWRlcl1dIGNvbXBvbmVudC4gSXQgaXMgdXNlZCBpZiB0aGUgcGFnZVxuICogaGVhZGVyIHNob3VsZCBpbmNsdWRlIHNvbWUgY29udGVudCBvbiB0aGUgcmlnaHQgc2lkZSwgaW4gYWRkaXRpb24gdG8gdGhlIHBpY3RvZ3JhbSBhbmQgdGhlIG5hbWUgb2YgdGhlIHBhZ2UuXG4gKiBJZiBvbmx5IHRoZSBwYWdlIGhlYWRlciBpcyBuZWVkZWQsIHdpdGhvdXQgYW55IGFkZGl0aW9uYWwgY29udGVudCwgdGhlIFtbUGFnZUhlYWRlcl1dIGNvbXBvbmVudCBjYW4gYmUgdXNlZFxuICogb24gaXRzIG93biwgYW5kIHRoZSBQYWdlSGVhZGVyQ29udGVudCBjb21wb25lbnQgaXMgbm90IG5lZWRlZC5cbiAqXG4gKiBAZXhhbXBsZVxuICogYGBgdHN4XG4gKiAgIDxQYWdlSGVhZGVyPlxuICogICAgIDxQYWdlSGVhZGVyQ29udGVudCB0aXRsZT1cIk15IERhc2hib2FyZFwiIGlsbHVzdHJhdGlvbj17PElsbHVzdHJhdGlvbiAvPn0gLz5cbiAqICAgICA8QnV0dG9uPkNsaWNrIG1lPC9CdXR0b24+XG4gKiAgIDwvUGFnZUhlYWRlcj5cbiAqIGBgYFxuICovXG5leHBvcnQgY29uc3QgUGFnZUhlYWRlckNvbnRlbnQ6IFJlYWN0LkZDPFBhZ2VIZWFkZXJDb250ZW50UHJvcHM+ID0gKHsgdGl0bGUsIGlsbHVzdHJhdGlvbiwgY2xhc3NOYW1lIH0pID0+IHtcbiAgY29uc3QgeyBpbXBsZW1lbnRhdGlvbk5hbWUgfSA9IHVzZUNvbmZpZzxTdHlsZWd1aWRlQ29uZmlnT2JqZWN0Pih7XG4gICAgZXh0ZXJuYWxNb2R1bGVOYW1lOiAnQG9wZW5tcnMvZXNtLXN0eWxlZ3VpZGUnLFxuICB9KTtcblxuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc05hbWVzKHN0eWxlcy5wYWdlSGVhZGVyQ29udGVudCwgY2xhc3NOYW1lKX0+XG4gICAgICB7aWxsdXN0cmF0aW9ufVxuICAgICAgPGRpdiBjbGFzc05hbWU9e3N0eWxlcy5wYWdlTGFiZWxzfT5cbiAgICAgICAgPHA+e2ltcGxlbWVudGF0aW9uTmFtZX08L3A+XG4gICAgICAgIDxwIGNsYXNzTmFtZT17c3R5bGVzLnBhZ2VOYW1lfT57dGl0bGV9PC9wPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0IiwidXNlQ29uZmlnIiwic3R5bGVzIiwiY2xhc3NOYW1lcyIsImlzUGFnZUhlYWRlcldyYXBwZXJQcm9wcyIsInByb3BzIiwiUGFnZUhlYWRlciIsImNoaWxkcmVuIiwiY2xhc3NOYW1lIiwiZGl2IiwicGFnZUhlYWRlciIsInRpdGxlIiwiaWxsdXN0cmF0aW9uIiwiUGFnZUhlYWRlckNvbnRlbnQiLCJpbXBsZW1lbnRhdGlvbk5hbWUiLCJleHRlcm5hbE1vZHVsZU5hbWUiLCJwYWdlSGVhZGVyQ29udGVudCIsInBhZ2VMYWJlbHMiLCJwIiwicGFnZU5hbWUiXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../../framework/esm-styleguide/src/page-header/page-header.component.tsx\n");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   PageHeader: () => (/* binding */ PageHeader),\n/* harmony export */   PageHeaderContent: () => (/* binding */ PageHeaderContent)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"webpack/sharing/consume/default/react/react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ \"../../../node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _openmrs_esm_react_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @openmrs/esm-react-utils */ \"../../framework/esm-react-utils/src/index.ts\");\n/* harmony import */ var _page_header_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./page-header.module.scss */ \"../../framework/esm-styleguide/src/page-header/page-header.module.scss\");\n/** @module @category UI */ \n\n\n\nvar isPageHeaderWrapperProps = function(props) {\n    return \"children\" in props;\n};\n/**\n * The page header is typically located at the top of a dashboard. It includes a pictogram on the left,\n * the name of the dashboard or page, and the `implementationName` from the configuration, which is typically\n * the name of the clinic or the authority that is using the implementation. It can also include interactive\n * content on the right-hand side. It can be used in two ways:\n *\n * 1. Alone, in order to render just the page header, with no content on the right side:\n * @example\n * ```tsx\n *   <PageHeader title=\"My Dashboard\" illustration={<Illustration />} />\n * ```\n *\n * 2. Wrapped around the [[PageHeaderContent]] component, in order to render the page header on the left\n * and some other content on the right side:\n * @example\n * ```tsx\n *   <PageHeader>\n *     <PageHeaderContent title=\"My Dashboard\" illustration={<Illustration />} />\n *     <Button>Click me</Button>\n *   </PageHeader>\n * ```\n */ var PageHeader = function(props) {\n    if (isPageHeaderWrapperProps(props)) {\n        var children = props.children, className = props.className;\n        return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n            className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(_page_header_module_scss__WEBPACK_IMPORTED_MODULE_3__[\"default\"].pageHeader, className)\n        }, children);\n    } else {\n        var title = props.title, illustration = props.illustration, className1 = props.className;\n        return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n            className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(_page_header_module_scss__WEBPACK_IMPORTED_MODULE_3__[\"default\"].pageHeader, className1)\n        }, /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PageHeaderContent, {\n            title: title,\n            illustration: illustration\n        }));\n    }\n};\n/**\n * The PageHeaderContent component should be used inside the [[PageHeader]] component. It is used if the page\n * header should include some content on the right side, in addition to the pictogram and the name of the page.\n * If only the page header is needed, without any additional content, the [[PageHeader]] component can be used\n * on its own, and the PageHeaderContent component is not needed.\n *\n * @example\n * ```tsx\n *   <PageHeader>\n *     <PageHeaderContent title=\"My Dashboard\" illustration={<Illustration />} />\n *     <Button>Click me</Button>\n *   </PageHeader>\n * ```\n */ var PageHeaderContent = function(param) {\n    var title = param.title, illustration = param.illustration, className = param.className;\n    var implementationName = (0,_openmrs_esm_react_utils__WEBPACK_IMPORTED_MODULE_2__.useConfig)({\n        externalModuleName: \"@openmrs/esm-styleguide\"\n    }).implementationName;\n    return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(_page_header_module_scss__WEBPACK_IMPORTED_MODULE_3__[\"default\"].pageHeaderContent, className)\n    }, illustration, /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n        className: _page_header_module_scss__WEBPACK_IMPORTED_MODULE_3__[\"default\"].pageLabels\n    }, /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", null, implementationName), /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", {\n        className: _page_header_module_scss__WEBPACK_IMPORTED_MODULE_3__[\"default\"].pageName\n    }, title)));\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vLi4vZnJhbWV3b3JrL2VzbS1zdHlsZWd1aWRlL3NyYy9wYWdlLWhlYWRlci9wYWdlLWhlYWRlci5jb21wb25lbnQudHN4IiwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEseUJBQXlCLEdBQ0M7QUFDVTtBQUNpQjtBQUVOO0FBeUIvQyxJQUFNSSwyQkFBMkIsU0FBQ0MsT0FBZ0Q7SUFDaEYsT0FBTyxjQUFjQTtBQUN2QjtBQUVBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Q0FxQkMsR0FDTSxJQUFNQyxhQUF3QyxTQUFDRCxPQUFVO0lBQzlELElBQUlELHlCQUF5QkMsUUFBUTtRQUNuQyxJQUFRRSxXQUF3QkYsTUFBeEJFLFVBQVVDLFlBQWNILE1BQWRHO1FBQ2xCLHFCQUFPLDJEQUFDQztZQUFJRCxXQUFXUCxpREFBVUEsQ0FBQ0UsZ0VBQU1BLENBQUNPLFVBQVUsRUFBRUY7V0FBYUQ7SUFDcEUsT0FBTztRQUNMLElBQVFJLFFBQW1DTixNQUFuQ00sT0FBT0MsZUFBNEJQLE1BQTVCTyxjQUFjSixhQUFjSCxNQUFkRztRQUM3QixxQkFDRSwyREFBQ0M7WUFBSUQsV0FBV1AsaURBQVVBLENBQUNFLGdFQUFNQSxDQUFDTyxVQUFVLEVBQUVGO3lCQUM1QywyREFBQ0s7WUFBa0JGLE9BQU9BO1lBQU9DLGNBQWNBOztJQUdyRCxDQUFDO0FBQ0gsRUFBRTtBQUVGOzs7Ozs7Ozs7Ozs7O0NBYUMsR0FDTSxJQUFNQyxvQkFBc0QsZ0JBQXdDO1FBQXJDRixjQUFBQSxPQUFPQyxxQkFBQUEsY0FBY0osa0JBQUFBO0lBQ3pGLElBQU0scUJBQXlCTixtRUFBU0EsQ0FBeUI7UUFDL0RhLG9CQUFvQjtJQUN0QixHQUZRRDtJQUlSLHFCQUNFLDJEQUFDTDtRQUFJRCxXQUFXUCxpREFBVUEsQ0FBQ0UsZ0VBQU1BLENBQUNhLGlCQUFpQixFQUFFUjtPQUNsREksNEJBQ0QsMkRBQUNIO1FBQUlELFdBQVdMLGdFQUFNQSxDQUFDYyxVQUFVO3FCQUMvQiwyREFBQ0MsV0FBR0osbUNBQ0osMkRBQUNJO1FBQUVWLFdBQVdMLGdFQUFNQSxDQUFDZ0IsUUFBUTtPQUFHUjtBQUl4QyxFQUFFIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vQG9wZW5tcnMvZXNtLWFwcC1zaGVsbC8uLi8uLi9mcmFtZXdvcmsvZXNtLXN0eWxlZ3VpZGUvc3JjL3BhZ2UtaGVhZGVyL3BhZ2UtaGVhZGVyLmNvbXBvbmVudC50c3g/MGMwNyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQG1vZHVsZSBAY2F0ZWdvcnkgVUkgKi9cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tICdjbGFzc25hbWVzJztcbmltcG9ydCB7IHVzZUNvbmZpZyB9IGZyb20gJ0BvcGVubXJzL2VzbS1yZWFjdC11dGlscyc7XG5pbXBvcnQgeyB0eXBlIFN0eWxlZ3VpZGVDb25maWdPYmplY3QgfSBmcm9tICcuLi9jb25maWctc2NoZW1hJztcbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9wYWdlLWhlYWRlci5tb2R1bGUuc2Nzcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUGFnZUhlYWRlckNvbnRlbnRQcm9wcyB7XG4gIHRpdGxlOiBzdHJpbmcgfCBKU1guRWxlbWVudDtcbiAgaWxsdXN0cmF0aW9uOiBSZWFjdC5SZWFjdEVsZW1lbnQ7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBQYWdlSGVhZGVyV3JhcHBlclByb3BzIHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xufVxuXG4vKiogQGludGVybmFsICovXG5leHBvcnQgdHlwZSBFeGNsdWRlT3B0aW9uYWxLZXlzPFQsIFU+ID0ge1xuICBbSyBpbiBrZXlvZiBUXTogSyBleHRlbmRzIGtleW9mIFUgPyBuZXZlciA6IEs7XG59W2tleW9mIFRdO1xuXG4vKiogQGludGVybmFsICovXG5leHBvcnQgdHlwZSBYT1I8VCwgVT4gPVxuICB8IChUICYgeyBbSyBpbiBFeGNsdWRlT3B0aW9uYWxLZXlzPFUsIFQ+XT86IG5ldmVyIH0pXG4gIHwgKFUgJiB7IFtLIGluIEV4Y2x1ZGVPcHRpb25hbEtleXM8VCwgVT5dPzogbmV2ZXIgfSk7XG5cbmV4cG9ydCB0eXBlIFBhZ2VIZWFkZXJQcm9wcyA9IFhPUjxQYWdlSGVhZGVyV3JhcHBlclByb3BzLCBQYWdlSGVhZGVyQ29udGVudFByb3BzPjtcblxuY29uc3QgaXNQYWdlSGVhZGVyV3JhcHBlclByb3BzID0gKHByb3BzOiBhbnkpOiBwcm9wcyBpcyBQYWdlSGVhZGVyV3JhcHBlclByb3BzID0+IHtcbiAgcmV0dXJuICdjaGlsZHJlbicgaW4gcHJvcHM7XG59O1xuXG4vKipcbiAqIFRoZSBwYWdlIGhlYWRlciBpcyB0eXBpY2FsbHkgbG9jYXRlZCBhdCB0aGUgdG9wIG9mIGEgZGFzaGJvYXJkLiBJdCBpbmNsdWRlcyBhIHBpY3RvZ3JhbSBvbiB0aGUgbGVmdCxcbiAqIHRoZSBuYW1lIG9mIHRoZSBkYXNoYm9hcmQgb3IgcGFnZSwgYW5kIHRoZSBgaW1wbGVtZW50YXRpb25OYW1lYCBmcm9tIHRoZSBjb25maWd1cmF0aW9uLCB3aGljaCBpcyB0eXBpY2FsbHlcbiAqIHRoZSBuYW1lIG9mIHRoZSBjbGluaWMgb3IgdGhlIGF1dGhvcml0eSB0aGF0IGlzIHVzaW5nIHRoZSBpbXBsZW1lbnRhdGlvbi4gSXQgY2FuIGFsc28gaW5jbHVkZSBpbnRlcmFjdGl2ZVxuICogY29udGVudCBvbiB0aGUgcmlnaHQtaGFuZCBzaWRlLiBJdCBjYW4gYmUgdXNlZCBpbiB0d28gd2F5czpcbiAqXG4gKiAxLiBBbG9uZSwgaW4gb3JkZXIgdG8gcmVuZGVyIGp1c3QgdGhlIHBhZ2UgaGVhZGVyLCB3aXRoIG5vIGNvbnRlbnQgb24gdGhlIHJpZ2h0IHNpZGU6XG4gKiBAZXhhbXBsZVxuICogYGBgdHN4XG4gKiAgIDxQYWdlSGVhZGVyIHRpdGxlPVwiTXkgRGFzaGJvYXJkXCIgaWxsdXN0cmF0aW9uPXs8SWxsdXN0cmF0aW9uIC8+fSAvPlxuICogYGBgXG4gKlxuICogMi4gV3JhcHBlZCBhcm91bmQgdGhlIFtbUGFnZUhlYWRlckNvbnRlbnRdXSBjb21wb25lbnQsIGluIG9yZGVyIHRvIHJlbmRlciB0aGUgcGFnZSBoZWFkZXIgb24gdGhlIGxlZnRcbiAqIGFuZCBzb21lIG90aGVyIGNvbnRlbnQgb24gdGhlIHJpZ2h0IHNpZGU6XG4gKiBAZXhhbXBsZVxuICogYGBgdHN4XG4gKiAgIDxQYWdlSGVhZGVyPlxuICogICAgIDxQYWdlSGVhZGVyQ29udGVudCB0aXRsZT1cIk15IERhc2hib2FyZFwiIGlsbHVzdHJhdGlvbj17PElsbHVzdHJhdGlvbiAvPn0gLz5cbiAqICAgICA8QnV0dG9uPkNsaWNrIG1lPC9CdXR0b24+XG4gKiAgIDwvUGFnZUhlYWRlcj5cbiAqIGBgYFxuICovXG5leHBvcnQgY29uc3QgUGFnZUhlYWRlcjogUmVhY3QuRkM8UGFnZUhlYWRlclByb3BzPiA9IChwcm9wcykgPT4ge1xuICBpZiAoaXNQYWdlSGVhZGVyV3JhcHBlclByb3BzKHByb3BzKSkge1xuICAgIGNvbnN0IHsgY2hpbGRyZW4sIGNsYXNzTmFtZSB9ID0gcHJvcHM7XG4gICAgcmV0dXJuIDxkaXYgY2xhc3NOYW1lPXtjbGFzc05hbWVzKHN0eWxlcy5wYWdlSGVhZGVyLCBjbGFzc05hbWUpfT57Y2hpbGRyZW59PC9kaXY+O1xuICB9IGVsc2Uge1xuICAgIGNvbnN0IHsgdGl0bGUsIGlsbHVzdHJhdGlvbiwgY2xhc3NOYW1lIH0gPSBwcm9wcztcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzTmFtZXMoc3R5bGVzLnBhZ2VIZWFkZXIsIGNsYXNzTmFtZSl9PlxuICAgICAgICA8UGFnZUhlYWRlckNvbnRlbnQgdGl0bGU9e3RpdGxlfSBpbGx1c3RyYXRpb249e2lsbHVzdHJhdGlvbn0gLz5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbn07XG5cbi8qKlxuICogVGhlIFBhZ2VIZWFkZXJDb250ZW50IGNvbXBvbmVudCBzaG91bGQgYmUgdXNlZCBpbnNpZGUgdGhlIFtbUGFnZUhlYWRlcl1dIGNvbXBvbmVudC4gSXQgaXMgdXNlZCBpZiB0aGUgcGFnZVxuICogaGVhZGVyIHNob3VsZCBpbmNsdWRlIHNvbWUgY29udGVudCBvbiB0aGUgcmlnaHQgc2lkZSwgaW4gYWRkaXRpb24gdG8gdGhlIHBpY3RvZ3JhbSBhbmQgdGhlIG5hbWUgb2YgdGhlIHBhZ2UuXG4gKiBJZiBvbmx5IHRoZSBwYWdlIGhlYWRlciBpcyBuZWVkZWQsIHdpdGhvdXQgYW55IGFkZGl0aW9uYWwgY29udGVudCwgdGhlIFtbUGFnZUhlYWRlcl1dIGNvbXBvbmVudCBjYW4gYmUgdXNlZFxuICogb24gaXRzIG93biwgYW5kIHRoZSBQYWdlSGVhZGVyQ29udGVudCBjb21wb25lbnQgaXMgbm90IG5lZWRlZC5cbiAqXG4gKiBAZXhhbXBsZVxuICogYGBgdHN4XG4gKiAgIDxQYWdlSGVhZGVyPlxuICogICAgIDxQYWdlSGVhZGVyQ29udGVudCB0aXRsZT1cIk15IERhc2hib2FyZFwiIGlsbHVzdHJhdGlvbj17PElsbHVzdHJhdGlvbiAvPn0gLz5cbiAqICAgICA8QnV0dG9uPkNsaWNrIG1lPC9CdXR0b24+XG4gKiAgIDwvUGFnZUhlYWRlcj5cbiAqIGBgYFxuICovXG5leHBvcnQgY29uc3QgUGFnZUhlYWRlckNvbnRlbnQ6IFJlYWN0LkZDPFBhZ2VIZWFkZXJDb250ZW50UHJvcHM+ID0gKHsgdGl0bGUsIGlsbHVzdHJhdGlvbiwgY2xhc3NOYW1lIH0pID0+IHtcbiAgY29uc3QgeyBpbXBsZW1lbnRhdGlvbk5hbWUgfSA9IHVzZUNvbmZpZzxTdHlsZWd1aWRlQ29uZmlnT2JqZWN0Pih7XG4gICAgZXh0ZXJuYWxNb2R1bGVOYW1lOiAnQG9wZW5tcnMvZXNtLXN0eWxlZ3VpZGUnLFxuICB9KTtcblxuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc05hbWVzKHN0eWxlcy5wYWdlSGVhZGVyQ29udGVudCwgY2xhc3NOYW1lKX0+XG4gICAgICB7aWxsdXN0cmF0aW9ufVxuICAgICAgPGRpdiBjbGFzc05hbWU9e3N0eWxlcy5wYWdlTGFiZWxzfT5cbiAgICAgICAgPHA+e2ltcGxlbWVudGF0aW9uTmFtZX08L3A+XG4gICAgICAgIDxwIGNsYXNzTmFtZT17c3R5bGVzLnBhZ2VOYW1lfT57dGl0bGV9PC9wPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0IiwiY2xhc3NOYW1lcyIsInVzZUNvbmZpZyIsInN0eWxlcyIsImlzUGFnZUhlYWRlcldyYXBwZXJQcm9wcyIsInByb3BzIiwiUGFnZUhlYWRlciIsImNoaWxkcmVuIiwiY2xhc3NOYW1lIiwiZGl2IiwicGFnZUhlYWRlciIsInRpdGxlIiwiaWxsdXN0cmF0aW9uIiwiUGFnZUhlYWRlckNvbnRlbnQiLCJpbXBsZW1lbnRhdGlvbk5hbWUiLCJleHRlcm5hbE1vZHVsZU5hbWUiLCJwYWdlSGVhZGVyQ29udGVudCIsInBhZ2VMYWJlbHMiLCJwIiwicGFnZU5hbWUiXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../../framework/esm-styleguide/src/page-header/page-header.component.tsx\n");
 
 /***/ }),