@dhis2/analytics 23.11.0 → 23.12.1

package/build/cjs/components/Interpretations/common/UserMention/UserMentionWrapper.js

@@ -0,0 +1,226 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.UserMentionWrapper = void 0;
+
+var _style = _interopRequireDefault(require("styled-jsx/style"));
+
+var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
+
+var _ui = require("@dhis2/ui");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _UserMentionWrapperStyle = require("./styles/UserMentionWrapper.style.js");
+
+var _UserList = require("./UserList.js");
+
+var _useUserSearchResults = require("./useUserSearchResults.js");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const AT_SYMBOL_WIDTH = 14;
+
+const getVirtualPopperReference = ref => {
+  const rects = ref.current.getClientRects();
+  const lastRect = rects[rects.length - 1];
+  const left = lastRect.left + lastRect.width - AT_SYMBOL_WIDTH;
+  return {
+    getBoundingClientRect: () => ({
+      top: lastRect.top,
+      right: lastRect.right,
+      bottom: lastRect.bottom,
+      left,
+      width: AT_SYMBOL_WIDTH,
+      height: lastRect.height,
+      x: left
+    })
+  };
+};
+
+const UserMentionWrapper = _ref => {
+  let {
+    children,
+    inputReference,
+    onUserSelect
+  } = _ref;
+  const [captureText, setCaptureText] = (0, _react.useState)(false);
+  const [capturedText, setCapturedText] = (0, _react.useState)('');
+  const [cloneText, setCloneText] = (0, _react.useState)('');
+  const cloneRef = (0, _react.useRef)(null);
+  const [captureStartPosition, setCaptureStartPosition] = (0, _react.useState)(null);
+  const [selectedUserIndex, setSelectedUserIndex] = (0, _react.useState)(0);
+  const {
+    users,
+    pager,
+    fetching,
+    clear
+  } = (0, _useUserSearchResults.useUserSearchResults)({
+    searchText: capturedText
+  });
+
+  const reset = () => {
+    setCaptureText(false);
+    setCapturedText('');
+    setCloneText('');
+    setCaptureStartPosition(null);
+    setSelectedUserIndex(0);
+    clear();
+  }; // event bubbles up from the input/textarea
+
+
+  const onInput = _ref2 => {
+    let {
+      target
+    } = _ref2;
+    const {
+      selectionEnd,
+      value
+    } = target;
+
+    if (captureText) {
+      clear();
+      const spacePosition = value.indexOf(' ', captureStartPosition - 1);
+      const filterValue = value.substring(captureStartPosition, spacePosition > 0 ? spacePosition : selectionEnd + 1);
+
+      if (filterValue !== capturedText) {
+        setCapturedText(filterValue);
+      } else if (filterValue.length === 0) {
+        setCapturedText('');
+        clear();
+      }
+    }
+  }; // event bubbles up from the wrapped input/textarea
+
+
+  const onKeyDown = _ref3 => {
+    let {
+      key,
+      target
+    } = _ref3;
+    const {
+      selectionStart
+    } = target;
+
+    if (!captureText && key === '@') {
+      setCaptureText(true);
+      setCaptureStartPosition(selectionStart + 1);
+      setCloneText(target.value.substring(0, selectionStart) + '@');
+    } else if (captureText) {
+      if (key === ' ' || key === 'Backspace' && selectionStart <= captureStartPosition) {
+        reset();
+      } else if (users.length) {
+        switch (key) {
+          case 'Enter':
+            event.preventDefault();
+
+            if (selectedUserIndex >= 0) {
+              onSelect(users[selectedUserIndex]);
+            }
+
+            break;
+
+          case 'ArrowDown':
+            event.preventDefault();
+
+            if (selectedUserIndex < users.length - 1) {
+              setSelectedUserIndex(selectedUserIndex + 1);
+            }
+
+            break;
+
+          case 'ArrowUp':
+            event.preventDefault();
+
+            if (selectedUserIndex > 0) {
+              setSelectedUserIndex(selectedUserIndex - 1);
+            }
+
+            break;
+
+          default: // other key strokes, typically the text typed
+          // the onInput event handler set on the input element is triggering the user lookup
+
+        }
+      }
+    }
+  };
+
+  const onSelect = user => {
+    const originalValue = inputReference.current.value;
+    const newValue = "".concat(originalValue.slice(0, captureStartPosition - 1)).concat(originalValue.slice(captureStartPosition - 1).replace(/^@\w*/, "@".concat(user.username, " ")));
+    reset(); // typically for connected components we want the state to be updated too
+    // but the logic belongs to the wrapped component, so we just invoke the supplied callback
+
+    if (onUserSelect) {
+      onUserSelect(newValue);
+    } // need to refocus on the input/textarea
+
+
+    inputReference.current.focus(); // position the cursor at the end
+
+    requestAnimationFrame(() => inputReference.current.setSelectionRange(-1, -1), 0);
+  };
+
+  const onClick = user => () => onSelect(user);
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    onKeyDown: onKeyDown,
+    onInput: onInput,
+    className: "jsx-".concat(_UserMentionWrapperStyle.userMentionWrapperClasses.__hash) + " " + "wrapper"
+  }, children, /*#__PURE__*/_react.default.createElement("div", {
+    className: "jsx-".concat(_UserMentionWrapperStyle.userMentionWrapperClasses.__hash) + " " + "clone"
+  }, /*#__PURE__*/_react.default.createElement("pre", {
+    ref: cloneRef,
+    className: "jsx-".concat(_UserMentionWrapperStyle.userMentionWrapperClasses.__hash)
+  }, cloneText)), captureText && /*#__PURE__*/_react.default.createElement(_ui.Portal, null, /*#__PURE__*/_react.default.createElement(_ui.Popper, {
+    reference: getVirtualPopperReference(cloneRef),
+    placement: "top-start"
+  }, /*#__PURE__*/_react.default.createElement(_ui.Card, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "jsx-".concat(_UserMentionWrapperStyle.userMentionWrapperClasses.__hash) + " " + "container"
+  }, /*#__PURE__*/_react.default.createElement(_ui.Menu, {
+    dense: true
+  }, /*#__PURE__*/_react.default.createElement(_ui.MenuSectionHeader, {
+    className: _UserMentionWrapperStyle.resolvedHeaderStyle.className,
+    dense: true,
+    hideDivider: true,
+    label: capturedText === '' ? _d2I18n.default.t('Search for a user') : _d2I18n.default.t('Searching for "{{searchText}}"', {
+      searchText: capturedText
+    })
+  }), fetching && /*#__PURE__*/_react.default.createElement(_ui.MenuItem, {
+    label: /*#__PURE__*/_react.default.createElement(_ui.CenteredContent, null, /*#__PURE__*/_react.default.createElement(_ui.CircularLoader, {
+      small: true
+    }))
+  }), !fetching && users.length > 0 && /*#__PURE__*/_react.default.createElement(_UserList.UserList, {
+    users: users,
+    selectedUserIndex: selectedUserIndex,
+    onUserClick: onClick,
+    pager: pager
+  }), capturedText && !fetching && users.length === 0 && /*#__PURE__*/_react.default.createElement(_ui.MenuItem, {
+    dense: true,
+    disabled: true,
+    label: _d2I18n.default.t('No results found')
+  })))))), /*#__PURE__*/_react.default.createElement(_style.default, {
+    id: _UserMentionWrapperStyle.userMentionWrapperClasses.__hash
+  }, _UserMentionWrapperStyle.userMentionWrapperClasses), _UserMentionWrapperStyle.resolvedHeaderStyle.styles);
+};
+
+exports.UserMentionWrapper = UserMentionWrapper;
+UserMentionWrapper.defaultProps = {
+  onUserSelect: Function.prototype
+};
+UserMentionWrapper.propTypes = {
+  inputReference: _propTypes.default.object.isRequired,
+  onUserSelect: _propTypes.default.func.isRequired,
+  children: _propTypes.default.node
+};
+var _default = UserMentionWrapper;
+exports.default = _default;

package/build/cjs/components/Interpretations/common/UserMention/styles/UserMentionWrapper.style.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.userMentionWrapperClasses = exports.resolvedHeaderStyle = void 0;
+
+var _style = _interopRequireDefault(require("styled-jsx/style"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ui = require("@dhis2/ui");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/*
+ * Note that the clone and clone > pre styles have been chosen
+ * to emulate the styles of the textarea. If we decide to make
+ * changes there, they should be refelcted here too.
+ */
+const userMentionWrapperClasses = [".wrapper.jsx-1289989717{position:relative;}", ".clone.jsx-1289989717{position:absolute;visibility:hidden;inset:0;box-sizing:border-box;padding:".concat(_ui.spacers.dp8, " ").concat(_ui.spacers.dp12, ";border:1px solid ").concat(_ui.colors.grey500, ";font-size:14px;line-height:").concat(_ui.spacers.dp16, ";z-index:1;pointer-events:none;}"), ".clone.jsx-1289989717>pre.jsx-1289989717{display:inline;word-wrap:break-word;overflow-wrap:break-word;font:inherit;margin:0;}", ".container.jsx-1289989717{background-color:".concat(_ui.colors.white, ";max-height:180px;overflow:auto;}")];
+exports.userMentionWrapperClasses = userMentionWrapperClasses;
+userMentionWrapperClasses.__hash = "1289989717";
+const resolvedHeaderStyle = {
+  styles: /*#__PURE__*/_react.default.createElement(_style.default, {
+    id: "4275958396"
+  }, [".jsx-4275958396{position:-webkit-sticky;position:sticky;top:0;}"]),
+  className: "jsx-4275958396"
+};
+exports.resolvedHeaderStyle = resolvedHeaderStyle;

package/build/cjs/components/Interpretations/common/UserMention/useUserSearchResults.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useUserSearchResults = void 0;
+
+var _appRuntime = require("@dhis2/app-runtime");
+
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
+
+var _react = require("react");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const usersQuery = {
+  users: {
+    resource: 'users/gist',
+    params: _ref => {
+      let {
+        searchText
+      } = _ref;
+      return {
+        fields: 'id,displayName,username',
+        order: 'firstName,surname',
+        total: true,
+        filter: "username:ilike:".concat(searchText, ",firstName:ilike:").concat(searchText, ",surname:ilike:").concat(searchText, ",email:ilike:").concat(searchText),
+        rootJunction: 'OR'
+      };
+    }
+  }
+};
+
+const useUserSearchResults = _ref2 => {
+  let {
+    searchText
+  } = _ref2;
+  const [{
+    users,
+    pager
+  }, setData] = (0, _react.useState)({
+    users: [],
+    pager: {}
+  });
+  const {
+    data,
+    fetching,
+    refetch
+  } = (0, _appRuntime.useDataQuery)(usersQuery, {
+    lazy: true
+  });
+  const debouncedRefetch = (0, _react.useCallback)((0, _debounce.default)(refetch, 250), [refetch]);
+  (0, _react.useEffect)(() => {
+    if (searchText.length) {
+      debouncedRefetch({
+        searchText
+      });
+    }
+
+    return () => debouncedRefetch.cancel();
+  }, [searchText]);
+  (0, _react.useEffect)(() => {
+    if (data) {
+      setData(data.users);
+    }
+  }, [data]);
+  return {
+    users,
+    pager,
+    fetching,
+    clear: () => setData({
+      users: [],
+      pager: {}
+    })
+  };
+};
+
+exports.useUserSearchResults = useUserSearchResults;

package/build/cjs/components/Interpretations/common/index.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _index = require("./Interpretation/index.js");
+
+Object.keys(_index).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index[key];
+    }
+  });
+});
+
+var _index2 = require("./Message/index.js");
+
+Object.keys(_index2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index2[key];
+    }
+  });
+});
+
+var _index3 = require("./RichTextEditor/index.js");
+
+Object.keys(_index3).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index3[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index3[key];
+    }
+  });
+});

package/build/cjs/index.js

@@ -453,6 +453,18 @@ Object.defineProperty(exports, "ITEM_PROP_ID", {
     return _item.ITEM_PROP_ID;
   }
 });
+Object.defineProperty(exports, "InterpretationModal", {
+  enumerable: true,
+  get: function () {
+    return _InterpretationModal.InterpretationModal;
+  }
+});
+Object.defineProperty(exports, "InterpretationsUnit", {
+  enumerable: true,
+  get: function () {
+    return _InterpretationsUnit.InterpretationsUnit;
+  }
+});
 Object.defineProperty(exports, "LAYOUT", {
   enumerable: true,
   get: function () {
@@ -1450,6 +1462,10 @@ var _LegendKey = _interopRequireDefault(require("./components/LegendKey/LegendKe
 
 var _AboutAOUnit = _interopRequireDefault(require("./components/AboutAOUnit/AboutAOUnit.js"));
 
+var _InterpretationsUnit = require("./components/Interpretations/InterpretationsUnit/InterpretationsUnit.js");
+
+var _InterpretationModal = require("./components/Interpretations/InterpretationModal/InterpretationModal.js");
+
 var _CachedDataQueryProvider = require("./components/CachedDataQueryProvider.js");
 
 var _Analytics = _interopRequireDefault(require("./api/analytics/Analytics.js"));

package/build/cjs/locales/ar/translations.json

@@ -87,6 +87,38 @@
     "line list": "",
     "map": "خريطة",
     "visualization": "",
+    "Edit": "تعديل",
+    "Write a reply": "كتابة رد",
+    "Post reply": "",
+    "Could not update comment": "",
+    "Enter comment text": "",
+    "Update": "تحديث",
+    "Viewing interpretation: {{visualisationName}}": "",
+    "Could not load interpretation": "",
+    "The interpretation couldn’t be displayed. Try again or contact your system administrator.": "",
+    "Hide interpretation": "",
+    "Write an interpretation": "كتابة تفسير",
+    "Post interpretation": "",
+    "Interpretations": "التفسيرات",
+    "Unlike": "إلغاء الإعجاب",
+    "Like": "إعجاب",
+    "Reply": "رد",
+    "Share": "مشاركة",
+    "See interpretation": "",
+    "Manage sharing": "إدارة المشاركة",
+    "Could not update interpretation": "",
+    "Enter interpretation text": "",
+    "Bold text": "",
+    "Italic text": "",
+    "Link to a URL": "",
+    "Mention a user": "",
+    "Add emoji": "",
+    "Preview": "معاينة",
+    "Back to write mode": "",
+    "Too many results. Try refining the search.": "",
+    "Search for a user": "",
+    "Searching for \"{{searchText}}\"": "",
+    "No results found": "لم يتم العثور على أي نتائج",
     "Created by": "تم الإنشاء بواسطة",
     "Anyone": "أي شخص",
     "Only you": "",
@@ -127,7 +159,6 @@
     "New line list": "",
     "Options": "الخيارات",
     "Hide": "إخفاء",
-    "Update": "تحديث",
     "{{count}} org units_0": "",
     "{{count}} org units_1": "",
     "{{count}} org units_2": "",

package/build/cjs/locales/ar_EG/translations.json

@@ -87,6 +87,38 @@
     "line list": "",
     "map": "",
     "visualization": "",
+    "Edit": "",
+    "Write a reply": "",
+    "Post reply": "",
+    "Could not update comment": "",
+    "Enter comment text": "",
+    "Update": "",
+    "Viewing interpretation: {{visualisationName}}": "",
+    "Could not load interpretation": "",
+    "The interpretation couldn’t be displayed. Try again or contact your system administrator.": "",
+    "Hide interpretation": "",
+    "Write an interpretation": "",
+    "Post interpretation": "",
+    "Interpretations": "",
+    "Unlike": "",
+    "Like": "",
+    "Reply": "",
+    "Share": "",
+    "See interpretation": "",
+    "Manage sharing": "",
+    "Could not update interpretation": "",
+    "Enter interpretation text": "",
+    "Bold text": "",
+    "Italic text": "",
+    "Link to a URL": "",
+    "Mention a user": "",
+    "Add emoji": "",
+    "Preview": "",
+    "Back to write mode": "",
+    "Too many results. Try refining the search.": "",
+    "Search for a user": "",
+    "Searching for \"{{searchText}}\"": "",
+    "No results found": "",
     "Created by": "",
     "Anyone": "",
     "Only you": "",
@@ -127,7 +159,6 @@
     "New line list": "",
     "Options": "",
     "Hide": "",
-    "Update": "",
     "{{count}} org units_0": "",
     "{{count}} org units_1": "",
     "{{count}} org units_2": "",

package/build/cjs/locales/ar_IQ/translations.json

@@ -87,6 +87,38 @@
     "line list": "",
     "map": "",
     "visualization": "",
+    "Edit": "تعديل",
+    "Write a reply": "",
+    "Post reply": "",
+    "Could not update comment": "",
+    "Enter comment text": "",
+    "Update": "تحديث",
+    "Viewing interpretation: {{visualisationName}}": "",
+    "Could not load interpretation": "",
+    "The interpretation couldn’t be displayed. Try again or contact your system administrator.": "",
+    "Hide interpretation": "",
+    "Write an interpretation": "",
+    "Post interpretation": "",
+    "Interpretations": "التفسيرات",
+    "Unlike": "إلغاء الإعجاب",
+    "Like": "إعجاب",
+    "Reply": "رد",
+    "Share": "مشاركة",
+    "See interpretation": "",
+    "Manage sharing": "",
+    "Could not update interpretation": "",
+    "Enter interpretation text": "",
+    "Bold text": "",
+    "Italic text": "",
+    "Link to a URL": "",
+    "Mention a user": "",
+    "Add emoji": "",
+    "Preview": "",
+    "Back to write mode": "",
+    "Too many results. Try refining the search.": "",
+    "Search for a user": "",
+    "Searching for \"{{searchText}}\"": "",
+    "No results found": "",
     "Created by": "تم الإنشاء بواسطة",
     "Anyone": "أي شخص",
     "Only you": "",
@@ -127,7 +159,6 @@
     "New line list": "",
     "Options": "الخيارات",
     "Hide": "إخفاء",
-    "Update": "تحديث",
     "{{count}} org units_0": "",
     "{{count}} org units_1": "",
     "{{count}} org units_2": "",

package/build/cjs/locales/ckb/translations.json

@@ -83,6 +83,38 @@
     "line list": "",
     "map": "",
     "visualization": "",
+    "Edit": "دةستكاري",
+    "Write a reply": "",
+    "Post reply": "",
+    "Could not update comment": "",
+    "Enter comment text": "",
+    "Update": "نوێ کردنەوە",
+    "Viewing interpretation: {{visualisationName}}": "",
+    "Could not load interpretation": "",
+    "The interpretation couldn’t be displayed. Try again or contact your system administrator.": "",
+    "Hide interpretation": "",
+    "Write an interpretation": "",
+    "Post interpretation": "",
+    "Interpretations": "",
+    "Unlike": "",
+    "Like": "",
+    "Reply": "",
+    "Share": "",
+    "See interpretation": "",
+    "Manage sharing": "",
+    "Could not update interpretation": "",
+    "Enter interpretation text": "",
+    "Bold text": "",
+    "Italic text": "",
+    "Link to a URL": "",
+    "Mention a user": "",
+    "Add emoji": "",
+    "Preview": "",
+    "Back to write mode": "",
+    "Too many results. Try refining the search.": "",
+    "Search for a user": "",
+    "Searching for \"{{searchText}}\"": "",
+    "No results found": "",
     "Created by": "",
     "Anyone": "هەرکەسێک",
     "Only you": "",
@@ -123,7 +155,6 @@
     "New line list": "",
     "Options": "",
     "Hide": "شاردنەوە",
-    "Update": "نوێ کردنەوە",
     "{{count}} org units_0": "",
     "{{count}} org units_1": "",
     "{{count}} levels_0": "",

package/build/cjs/locales/cs/translations.json

@@ -85,6 +85,38 @@
     "line list": "",
     "map": "mapa",
     "visualization": "",
+    "Edit": "Upravit",
+    "Write a reply": "Napsat odpověď",
+    "Post reply": "",
+    "Could not update comment": "",
+    "Enter comment text": "",
+    "Update": "Aktualizovat",
+    "Viewing interpretation: {{visualisationName}}": "",
+    "Could not load interpretation": "",
+    "The interpretation couldn’t be displayed. Try again or contact your system administrator.": "",
+    "Hide interpretation": "",
+    "Write an interpretation": "Napsat interpretaci",
+    "Post interpretation": "",
+    "Interpretations": "Interpretace",
+    "Unlike": "Na rozdíl od",
+    "Like": "Jako",
+    "Reply": "Odpovědět",
+    "Share": "Sdílet",
+    "See interpretation": "",
+    "Manage sharing": "Spravovat sdílení",
+    "Could not update interpretation": "",
+    "Enter interpretation text": "",
+    "Bold text": "",
+    "Italic text": "",
+    "Link to a URL": "",
+    "Mention a user": "",
+    "Add emoji": "",
+    "Preview": "Náhled",
+    "Back to write mode": "",
+    "Too many results. Try refining the search.": "",
+    "Search for a user": "",
+    "Searching for \"{{searchText}}\"": "",
+    "No results found": "Nenalezeny žádné výsledky",
     "Created by": "Vytvořil",
     "Anyone": "Kdokoliv",
     "Only you": "Jen vy",
@@ -125,7 +157,6 @@
     "New line list": "Nový řádkový seznam",
     "Options": "Možnosti",
     "Hide": "Skrýt",
-    "Update": "Aktualizovat",
     "{{count}} org units_0": "{{count}} organizační jednotka",
     "{{count}} org units_1": "{{count}} organizační jednotky",
     "{{count}} org units_2": "{{count}} organizačních jednotek",