@openmrs/esm-app-shell 4.1.0 → 4.1.1-pre.506

package/lib/d3c6a54d292b7c23f8fb.js

@@ -0,0 +1,117 @@
+"use strict";
+(self["webpackChunk_openmrs_esm_app_shell"] = self["webpackChunk_openmrs_esm_app_shell"] || []).push([["src_ui_breadcrumbs_tsx"],{
+
+/***/ "./src/ui/breadcrumbs.tsx":
+/*!********************************!*\
+  !*** ./src/ui/breadcrumbs.tsx ***!
+  \********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Breadcrumbs": () => (/* binding */ Breadcrumbs),
+/* harmony export */   "CustomBreadcrumbItem": () => (/* binding */ CustomBreadcrumbItem),
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "webpack/sharing/consume/default/react/react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _carbon_react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @carbon/react */ "webpack/sharing/consume/default/@carbon/react/@carbon/react");
+/* harmony import */ var _carbon_react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_carbon_react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _openmrs_esm_framework__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @openmrs/esm-framework */ "webpack/sharing/consume/default/@openmrs/esm-framework/@openmrs/esm-framework");
+/* harmony import */ var _openmrs_esm_framework__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_openmrs_esm_framework__WEBPACK_IMPORTED_MODULE_2__);
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+
+
+
+function getPath(path, params) {
+  const parts = [...params];
+  return path.replace(/:([A-Za-z0-9_]+)/g, (s) => {
+    var _a;
+    return (_a = parts.shift()) != null ? _a : s;
+  });
+}
+function getParams(path, matcher) {
+  const match = matcher == null ? void 0 : matcher.exec(path);
+  if (match) {
+    const [, ...params] = match;
+    return params;
+  } else {
+    const segments = path.split("/");
+    segments.pop();
+    if (segments.length > 1) {
+      const newPath = segments.join("/");
+      return getParams(newPath, matcher);
+    }
+  }
+  return [];
+}
+const CustomBreadcrumbItem = ({
+  breadcrumbRegistration,
+  params
+}) => {
+  const [title, setTitle] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("");
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+    if (typeof breadcrumbRegistration.settings.title === "function") {
+      Promise.resolve(breadcrumbRegistration.settings.title(params)).then(
+        (res) => setTitle(res)
+      );
+    } else {
+      setTitle(breadcrumbRegistration.settings.title);
+    }
+  }, [breadcrumbRegistration, params]);
+  return /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_carbon_react__WEBPACK_IMPORTED_MODULE_1__.BreadcrumbItem, {
+    key: breadcrumbRegistration.settings.path
+  }, /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_openmrs_esm_framework__WEBPACK_IMPORTED_MODULE_2__.ConfigurableLink, {
+    to: getPath(breadcrumbRegistration.settings.path, params)
+  }, title ? title : /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_carbon_react__WEBPACK_IMPORTED_MODULE_1__.InlineLoading, null)));
+};
+const Breadcrumbs = () => {
+  const [path, setPath] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(location.pathname);
+  const breadcrumbs = (0,_openmrs_esm_framework__WEBPACK_IMPORTED_MODULE_2__.getBreadcrumbsFor)(path);
+  const currentBc = breadcrumbs[breadcrumbs.length - 1];
+  const params = getParams(path, currentBc == null ? void 0 : currentBc.matcher);
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+    const handler = () => setPath(location.pathname);
+    window.addEventListener("popstate", handler);
+    return () => window.removeEventListener("popstate", handler);
+  }, []);
+  if (breadcrumbs.length > 4) {
+    breadcrumbs.splice(1, breadcrumbs.length - 3, __spreadProps(__spreadValues({}, breadcrumbs[1]), {
+      settings: __spreadProps(__spreadValues({}, breadcrumbs[1].settings), {
+        title: "..."
+      })
+    }));
+  }
+  return /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_carbon_react__WEBPACK_IMPORTED_MODULE_1__.Breadcrumb, {
+    className: "breadcrumbs-container"
+  }, breadcrumbs.map((bc, index) => /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CustomBreadcrumbItem, {
+    key: `breadcrumb-item-${index}`,
+    breadcrumbRegistration: bc,
+    params
+  })));
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Breadcrumbs);
+
+
+/***/ })
+
+}]);
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,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c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IEJyZWFkY3J1bWIsIEJyZWFkY3J1bWJJdGVtLCBJbmxpbmVMb2FkaW5nIH0gZnJvbSBcIkBjYXJib24vcmVhY3RcIjtcbmltcG9ydCB7XG4gIGdldEJyZWFkY3J1bWJzRm9yLFxuICBDb25maWd1cmFibGVMaW5rLFxuICBCcmVhZGNydW1iUmVnaXN0cmF0aW9uLFxufSBmcm9tIFwiQG9wZW5tcnMvZXNtLWZyYW1ld29ya1wiO1xuXG5mdW5jdGlvbiBnZXRQYXRoKHBhdGg6IHN0cmluZywgcGFyYW1zOiBBcnJheTxzdHJpbmc+KSB7XG4gIGNvbnN0IHBhcnRzID0gWy4uLnBhcmFtc107XG4gIHJldHVybiBwYXRoLnJlcGxhY2UoLzooW0EtWmEtejAtOV9dKykvZywgKHMpID0+IHBhcnRzLnNoaWZ0KCkgPz8gcyk7XG59XG5cbmZ1bmN0aW9uIGdldFBhcmFtcyhwYXRoOiBzdHJpbmcsIG1hdGNoZXI6IFJlZ0V4cCkge1xuICBjb25zdCBtYXRjaCA9IG1hdGNoZXI/LmV4ZWMocGF0aCk7XG5cbiAgaWYgKG1hdGNoKSB7XG4gICAgY29uc3QgWywgLi4ucGFyYW1zXSA9IG1hdGNoO1xuICAgIHJldHVybiBwYXJhbXM7XG4gIH0gZWxzZSB7XG4gICAgY29uc3Qgc2VnbWVudHMgPSBwYXRoLnNwbGl0KFwiL1wiKTtcbiAgICBzZWdtZW50cy5wb3AoKTtcblxuICAgIGlmIChzZWdtZW50cy5sZW5ndGggPiAxKSB7XG4gICAgICBjb25zdCBuZXdQYXRoID0gc2VnbWVudHMuam9pbihcIi9cIik7XG4gICAgICByZXR1cm4gZ2V0UGFyYW1zKG5ld1BhdGgsIG1hdGNoZXIpO1xuICAgIH1cbiAgfVxuXG4gIHJldHVybiBbXTtcbn1cblxuaW50ZXJmYWNlIEN1c3RvbUJyZWFkY3J1bWJJdGVtUHJvcHMge1xuICBicmVhZGNydW1iUmVnaXN0cmF0aW9uOiBCcmVhZGNydW1iUmVnaXN0cmF0aW9uO1xuICBwYXJhbXM6IGFueTtcbn1cblxuZXhwb3J0IGNvbnN0IEN1c3RvbUJyZWFkY3J1bWJJdGVtOiBSZWFjdC5GQzxDdXN0b21CcmVhZGNydW1iSXRlbVByb3BzPiA9ICh7XG4gIGJyZWFkY3J1bWJSZWdpc3RyYXRpb24sXG4gIHBhcmFtcyxcbn0pID0+IHtcbiAgY29uc3QgW3RpdGxlLCBzZXRUaXRsZV0gPSB1c2VTdGF0ZShcIlwiKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICh0eXBlb2YgYnJlYWRjcnVtYlJlZ2lzdHJhdGlvbi5zZXR0aW5ncy50aXRsZSA9PT0gXCJmdW5jdGlvblwiKSB7XG4gICAgICBQcm9taXNlLnJlc29sdmUoYnJlYWRjcnVtYlJlZ2lzdHJhdGlvbi5zZXR0aW5ncy50aXRsZShwYXJhbXMpKS50aGVuKFxuICAgICAgICAocmVzKSA9PiBzZXRUaXRsZShyZXMpXG4gICAgICApO1xuICAgIH0gZWxzZSB7XG4gICAgICBzZXRUaXRsZShicmVhZGNydW1iUmVnaXN0cmF0aW9uLnNldHRpbmdzLnRpdGxlKTtcbiAgICB9XG4gIH0sIFticmVhZGNydW1iUmVnaXN0cmF0aW9uLCBwYXJhbXNdKTtcblxuICByZXR1cm4gKFxuICAgIDxCcmVhZGNydW1iSXRlbSBrZXk9e2JyZWFkY3J1bWJSZWdpc3RyYXRpb24uc2V0dGluZ3MucGF0aH0+XG4gICAgICA8Q29uZmlndXJhYmxlTGlua1xuICAgICAgICB0bz17Z2V0UGF0aChicmVhZGNydW1iUmVnaXN0cmF0aW9uLnNldHRpbmdzLnBhdGgsIHBhcmFtcyl9XG4gICAgICA+XG4gICAgICAgIHt0aXRsZSA/IHRpdGxlIDogPElubGluZUxvYWRpbmcgLz59XG4gICAgICA8L0NvbmZpZ3VyYWJsZUxpbms+XG4gICAgPC9CcmVhZGNydW1iSXRlbT5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBCcmVhZGNydW1iczogUmVhY3QuRkMgPSAoKSA9PiB7XG4gIGNvbnN0IFtwYXRoLCBzZXRQYXRoXSA9IHVzZVN0YXRlKGxvY2F0aW9uLnBhdGhuYW1lKTtcbiAgY29uc3QgYnJlYWRjcnVtYnMgPSBnZXRCcmVhZGNydW1ic0ZvcihwYXRoKTtcbiAgY29uc3QgY3VycmVudEJjID0gYnJlYWRjcnVtYnNbYnJlYWRjcnVtYnMubGVuZ3RoIC0gMV07XG4gIGNvbnN0IHBhcmFtcyA9IGdldFBhcmFtcyhwYXRoLCBjdXJyZW50QmM/Lm1hdGNoZXIpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgaGFuZGxlciA9ICgpID0+IHNldFBhdGgobG9jYXRpb24ucGF0aG5hbWUpO1xuICAgIHdpbmRvdy5hZGRFdmVudExpc3RlbmVyKFwicG9wc3RhdGVcIiwgaGFuZGxlcik7XG4gICAgcmV0dXJuICgpID0+IHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKFwicG9wc3RhdGVcIiwgaGFuZGxlcik7XG4gIH0sIFtdKTtcblxuICBpZiAoYnJlYWRjcnVtYnMubGVuZ3RoID4gNCkge1xuICAgIGJyZWFkY3J1bWJzLnNwbGljZSgxLCBicmVhZGNydW1icy5sZW5ndGggLSAzLCB7XG4gICAgICAuLi5icmVhZGNydW1ic1sxXSxcbiAgICAgIHNldHRpbmdzOiB7XG4gICAgICAgIC4uLmJyZWFkY3J1bWJzWzFdLnNldHRpbmdzLFxuICAgICAgICB0aXRsZTogXCIuLi5cIixcbiAgICAgIH0sXG4gICAgfSk7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxCcmVhZGNydW1iIGNsYXNzTmFtZT1cImJyZWFkY3J1bWJzLWNvbnRhaW5lclwiPlxuICAgICAge2JyZWFkY3J1bWJzLm1hcCgoYmMsIGluZGV4KSA9PiAoXG4gICAgICAgIDxDdXN0b21CcmVhZGNydW1iSXRlbVxuICAgICAgICAgIGtleT17YGJyZWFkY3J1bWItaXRlbS0ke2luZGV4fWB9XG4gICAgICAgICAgYnJlYWRjcnVtYlJlZ2lzdHJhdGlvbj17YmN9XG4gICAgICAgICAgcGFyYW1zPXtwYXJhbXN9XG4gICAgICAgIC8+XG4gICAgICApKX1cbiAgICA8L0JyZWFkY3J1bWI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBCcmVhZGNydW1icztcbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==