@dhis2/analytics 23.11.1 → 23.12.0

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "RichTextEditor", {
+  enumerable: true,
+  get: function () {
+    return _RichTextEditor.RichTextEditor;
+  }
+});
+
+var _RichTextEditor = require("./RichTextEditor.js");

package/build/cjs/components/Interpretations/common/RichTextEditor/markdownHandler.js

@@ -0,0 +1,148 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.insertMarkdown = exports.emojis = exports.convertCtrlKey = exports.MENTION = exports.LINK = exports.ITALIC = exports.EMOJI_THUMBS_UP = exports.EMOJI_THUMBS_DOWN = exports.EMOJI_SMILEY_FACE = exports.EMOJI_SAD_FACE = exports.BOLD = void 0;
+const BOLD = 'bold';
+exports.BOLD = BOLD;
+const ITALIC = 'italic';
+exports.ITALIC = ITALIC;
+const LINK = 'link';
+exports.LINK = LINK;
+const MENTION = 'mention';
+exports.MENTION = MENTION;
+const EMOJI_SMILEY_FACE = 'smileyFace';
+exports.EMOJI_SMILEY_FACE = EMOJI_SMILEY_FACE;
+const EMOJI_SAD_FACE = 'sadFace';
+exports.EMOJI_SAD_FACE = EMOJI_SAD_FACE;
+const EMOJI_THUMBS_UP = 'thumbsUp';
+exports.EMOJI_THUMBS_UP = EMOJI_THUMBS_UP;
+const EMOJI_THUMBS_DOWN = 'thumsDown';
+exports.EMOJI_THUMBS_DOWN = EMOJI_THUMBS_DOWN;
+const emojis = {
+  [EMOJI_SMILEY_FACE]: ':-)',
+  [EMOJI_SAD_FACE]: ':-(',
+  [EMOJI_THUMBS_UP]: ':+1',
+  [EMOJI_THUMBS_DOWN]: ':-1'
+};
+exports.emojis = emojis;
+const markdownMap = {
+  [ITALIC]: {
+    prefix: '_',
+    postfix: '_'
+  },
+  [BOLD]: {
+    prefix: '*',
+    postfix: '*'
+  },
+  [LINK]: {
+    prefix: '[',
+    postfix: '](https://link-url)'
+  },
+  [MENTION]: {
+    prefix: '@'
+  },
+  [EMOJI_SMILEY_FACE]: {
+    prefix: emojis[EMOJI_SMILEY_FACE]
+  },
+  [EMOJI_SAD_FACE]: {
+    prefix: emojis[EMOJI_SAD_FACE]
+  },
+  [EMOJI_THUMBS_UP]: {
+    prefix: emojis[EMOJI_THUMBS_UP]
+  },
+  [EMOJI_THUMBS_DOWN]: {
+    prefix: emojis[EMOJI_THUMBS_DOWN]
+  }
+};
+
+const trim = str => {
+  const leftSpaces = /^\s+/;
+  const rightSpaces = /\s+$/;
+  return str.replace(leftSpaces, '').replace(rightSpaces, '');
+};
+
+const insertMarkdown = (markdown, target, cb) => {
+  const {
+    selectionStart: start,
+    selectionEnd: end,
+    value
+  } = target;
+  const marker = markdownMap[markdown] || null;
+
+  if (!marker || !cb || start < 0) {
+    return;
+  }
+
+  let newValue;
+  let caretPos = end + 1;
+
+  const padMarkers = text => {
+    // is caret between two markers (i.e., "**" or "__")? Then do not add padding
+    if (start === end && value.length && start > 0) {
+      if (value[start - 1] === markdownMap[BOLD].prefix && value[start] === markdownMap[BOLD].prefix || value[start - 1] === markdownMap[ITALIC].prefix && value[start] === markdownMap[ITALIC].prefix) {
+        return text;
+      }
+    }
+
+    if (value.length && start > 0 && value[start - 1] !== ' ') {
+      text = " ".concat(text);
+      ++caretPos;
+    }
+
+    if (value.length && end !== value.length && value[end] !== ' ') {
+      text = "".concat(text, " ");
+    }
+
+    return text;
+  };
+
+  if (start === end) {
+    //no text
+    const valueArr = value.split('');
+    let markdown = marker.prefix;
+
+    if (marker.postfix) {
+      markdown += marker.postfix;
+    }
+
+    valueArr.splice(start, 0, padMarkers(markdown));
+    newValue = valueArr.join('');
+  } else {
+    const text = value.slice(start, end);
+    const trimmedText = trim(text); // TODO really needed?
+    // adjust caretPos based on trimmed text selection
+
+    caretPos = caretPos - (text.length - trimmedText.length) + 1;
+    let markdown = "".concat(marker.prefix).concat(trimmedText);
+
+    if (marker.postfix) {
+      markdown += marker.postfix;
+    }
+
+    newValue = [value.slice(0, start), padMarkers(markdown), value.slice(end)].join('');
+  }
+
+  cb(newValue, caretPos);
+};
+
+exports.insertMarkdown = insertMarkdown;
+
+const convertCtrlKey = (event, cb) => {
+  const {
+    key,
+    ctrlKey,
+    metaKey
+  } = event;
+
+  if (key === 'b' && (ctrlKey || metaKey)) {
+    event.preventDefault();
+    insertMarkdown(BOLD, event.target, cb);
+  } else if (key === 'i' && (ctrlKey || metaKey)) {
+    event.preventDefault();
+    insertMarkdown(ITALIC, event.target, cb);
+  }
+};
+
+exports.convertCtrlKey = convertCtrlKey;

package/build/cjs/components/Interpretations/common/RichTextEditor/styles/RichTextEditor.style.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tooltipAnchorClasses = exports.toolbarClasses = exports.mainClasses = exports.emojisPopoverClasses = void 0;
+
+var _ui = require("@dhis2/ui");
+
+const mainClasses = [".container.jsx-2278350860{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;}", ".preview.jsx-2278350860{font-size:14px;line-height:19px;color:".concat(_ui.colors.grey900, ";}"), ".textarea.jsx-2278350860{width:100%;box-sizing:border-box;padding:".concat(_ui.spacers.dp8, " ").concat(_ui.spacers.dp12, ";color:").concat(_ui.colors.grey900, ";background-color:").concat(_ui.colors.white, ";border:1px solid ").concat(_ui.colors.grey500, ";border-radius:3px;box-shadow:inset 0 0 0 1px rgba(102,113,123,0.15), inset 0 1px 2px 0 rgba(102,113,123,0.1);outline:0;font-size:14px;line-height:").concat(_ui.spacers.dp16, ";-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}"), ".textarea.jsx-2278350860:focus{outline:none;box-shadow:0 0 0 3px ".concat(_ui.theme.focus, ";}"), ".textarea.jsx-2278350860:disabled{background-color:".concat(_ui.colors.grey100, ";border-color:").concat(_ui.colors.grey500, ";color:").concat(_ui.theme.disabled, ";cursor:not-allowed;}")];
+exports.mainClasses = mainClasses;
+mainClasses.__hash = "2278350860";
+const toolbarClasses = [".toolbar.jsx-1189800463{background:".concat(_ui.colors.grey050, ";border-radius:3px;border:1px solid ").concat(_ui.colors.grey300, ";margin-bottom:").concat(_ui.spacers.dp4, ";}"), ".actionsWrapper.jsx-1189800463{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:".concat(_ui.spacers.dp4, ";-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:").concat(_ui.spacers.dp4, ";}"), ".mainActions.jsx-1189800463{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:".concat(_ui.spacers.dp4, ";margin-top:").concat(_ui.spacers.dp2, ";}"), ".sideActions.jsx-1189800463{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-left:auto;}", ".previewWrapper.jsx-1189800463{margin:".concat(_ui.spacers.dp4, ";text-align:right;}")];
+exports.toolbarClasses = toolbarClasses;
+toolbarClasses.__hash = "1189800463";
+const tooltipAnchorClasses = [".tooltip.jsx-2182400256{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}"];
+exports.tooltipAnchorClasses = tooltipAnchorClasses;
+tooltipAnchorClasses.__hash = "2182400256";
+const emojisPopoverClasses = [".emojisList.jsx-2802175370{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:".concat(_ui.spacers.dp8, ";list-style-type:none;margin:0 ").concat(_ui.spacers.dp4, " 0 ").concat(_ui.spacers.dp8, ";padding:0;}"), ".emojisList.jsx-2802175370 li.jsx-2802175370{cursor:pointer;}"];
+exports.emojisPopoverClasses = emojisPopoverClasses;
+emojisPopoverClasses.__hash = "2802175370";

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

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UserList = void 0;
+
+var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
+
+var _ui = require("@dhis2/ui");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const UserList = _ref => {
+  let {
+    users,
+    selectedUserIndex,
+    onUserClick,
+    pager
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, users.map(u => {
+    var _users$selectedUserIn;
+
+    return /*#__PURE__*/_react.default.createElement(_ui.MenuItem, {
+      dense: true,
+      key: u.id,
+      onClick: onUserClick(u),
+      label: "".concat(u.displayName, " (").concat(u.username, ")"),
+      active: ((_users$selectedUserIn = users[selectedUserIndex]) === null || _users$selectedUserIn === void 0 ? void 0 : _users$selectedUserIn.id) === u.id
+    });
+  }), pager.total > pager.pageSize && /*#__PURE__*/_react.default.createElement(_ui.MenuItem, {
+    dense: true,
+    disabled: true,
+    label: _d2I18n.default.t('Too many results. Try refining the search.')
+  }));
+};
+
+exports.UserList = UserList;
+UserList.propTypes = {
+  pager: _propTypes.default.object.isRequired,
+  selectedUserIndex: _propTypes.default.number.isRequired,
+  users: _propTypes.default.array.isRequired,
+  onUserClick: _propTypes.default.func.isRequired
+};

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"));