@dhis2/analytics 26.2.0-cumulative-values-alpha.1 → 26.3.0-alpha.1

package/build/es/components/RichText/Editor.bk/__tests__/convertCtrlKey.spec.js

@@ -1,202 +0,0 @@
-import convertCtrlKey from '../convertCtrlKey.js';
-describe('convertCtrlKey', () => {
-  it('does not trigger callback if no ctrl key', () => {
-    const cb = jest.fn();
-    const e = {
-      key: 'j',
-      preventDefault: () => {}
-    };
-    convertCtrlKey(e, cb);
-    expect(cb).not.toHaveBeenCalled();
-  });
-  describe('when ctrl key + "b" pressed', () => {
-    it('triggers callback with open/close markers and caret pos in between', () => {
-      const cb = jest.fn();
-      const e = {
-        key: 'b',
-        ctrlKey: true,
-        target: {
-          selectionStart: 0,
-          selectionEnd: 0,
-          value: 'rainbow dash'
-        },
-        preventDefault: () => {}
-      };
-      convertCtrlKey(e, cb);
-      expect(cb).toHaveBeenCalled();
-      expect(cb).toHaveBeenCalledWith('** rainbow dash', 1);
-    });
-    it('triggers callback with open/close markers and caret pos in between (end of text)', () => {
-      const cb = jest.fn();
-      const e = {
-        key: 'b',
-        ctrlKey: true,
-        target: {
-          selectionStart: 22,
-          selectionEnd: 22,
-          value: 'rainbow dash is purple'
-        },
-        preventDefault: () => {}
-      };
-      convertCtrlKey(e, cb);
-      expect(cb).toHaveBeenCalled();
-      expect(cb).toHaveBeenCalledWith('rainbow dash is purple **', 24);
-    });
-    it('triggers callback with open/close markers mid-text with surrounding spaces (1)', () => {
-      const cb = jest.fn();
-      const e = {
-        key: 'b',
-        metaKey: true,
-        target: {
-          selectionStart: 4,
-          // caret located just before "quick"
-          selectionEnd: 4,
-          value: 'the quick brown fox'
-        },
-        preventDefault: () => {}
-      };
-      convertCtrlKey(e, cb);
-      expect(cb).toHaveBeenCalled();
-      expect(cb).toHaveBeenCalledWith('the ** quick brown fox', 5);
-    });
-    it('triggers callback with open/close markers mid-text with surrounding spaces (2)', () => {
-      const cb = jest.fn();
-      const e = {
-        key: 'b',
-        metaKey: true,
-        target: {
-          selectionStart: 3,
-          // caret located just after "the"
-          selectionEnd: 3,
-          value: 'the quick brown fox'
-        },
-        preventDefault: () => {}
-      };
-      convertCtrlKey(e, cb);
-      expect(cb).toHaveBeenCalled();
-      expect(cb).toHaveBeenCalledWith('the ** quick brown fox', 5);
-    });
-    it('triggers callback with correct double markers and padding', () => {
-      const cb = jest.fn();
-      const e = {
-        key: 'b',
-        metaKey: true,
-        target: {
-          selectionStart: 9,
-          // between the underscores
-          selectionEnd: 9,
-          value: 'rainbow __'
-        },
-        preventDefault: () => {}
-      };
-      convertCtrlKey(e, cb);
-      expect(cb).toHaveBeenCalled();
-      expect(cb).toHaveBeenCalledWith('rainbow _**_', 10);
-    });
-    describe('selected text', () => {
-      it('triggers callback with open/close markers around text and caret pos after closing marker', () => {
-        const cb = jest.fn();
-        const e = {
-          key: 'b',
-          metaKey: true,
-          target: {
-            selectionStart: 5,
-            // "ow da" is selected
-            selectionEnd: 10,
-            value: 'rainbow dash is purple'
-          },
-          preventDefault: () => {}
-        };
-        convertCtrlKey(e, cb);
-        expect(cb).toHaveBeenCalled();
-        expect(cb).toHaveBeenCalledWith('rainb *ow da* sh is purple', 13);
-      });
-      it('triggers callback with open/close markers around text when starting at beginning of line', () => {
-        const cb = jest.fn();
-        const e = {
-          key: 'b',
-          metaKey: true,
-          target: {
-            selectionStart: 0,
-            // "rainbow" is selected
-            selectionEnd: 7,
-            value: 'rainbow dash is purple'
-          },
-          preventDefault: () => {}
-        };
-        convertCtrlKey(e, cb);
-        expect(cb).toHaveBeenCalled();
-        expect(cb).toHaveBeenCalledWith('*rainbow* dash is purple', 9);
-      });
-      it('triggers callback with open/close markers around text when ending at end of line', () => {
-        const cb = jest.fn();
-        const e = {
-          key: 'b',
-          metaKey: true,
-          target: {
-            selectionStart: 16,
-            // "purple" is selected
-            selectionEnd: 22,
-            value: 'rainbow dash is purple'
-          },
-          preventDefault: () => {}
-        };
-        convertCtrlKey(e, cb);
-        expect(cb).toHaveBeenCalled();
-        expect(cb).toHaveBeenCalledWith('rainbow dash is *purple*', 24);
-      });
-      it('triggers callback with open/close markers around word', () => {
-        const cb = jest.fn();
-        const e = {
-          key: 'b',
-          metaKey: true,
-          target: {
-            selectionStart: 8,
-            // "dash" is selected
-            selectionEnd: 12,
-            value: 'rainbow dash is purple'
-          },
-          preventDefault: () => {}
-        };
-        convertCtrlKey(e, cb);
-        expect(cb).toHaveBeenCalled();
-        expect(cb).toHaveBeenCalledWith('rainbow *dash* is purple', 14);
-      });
-      it('triggers callback with leading/trailing spaces trimmed from selection', () => {
-        const cb = jest.fn();
-        const e = {
-          key: 'b',
-          metaKey: true,
-          target: {
-            selectionStart: 8,
-            // " dash " is selected (note leading and trailing space)
-            selectionEnd: 13,
-            value: 'rainbow dash is purple'
-          },
-          preventDefault: () => {}
-        };
-        convertCtrlKey(e, cb);
-        expect(cb).toHaveBeenCalled();
-        expect(cb).toHaveBeenCalledWith('rainbow *dash* is purple', 14);
-      });
-    });
-  });
-  describe('when ctrl key + "i" pressed', () => {
-    it('triggers callback with open/close italics markers and caret pos in between', () => {
-      const cb = jest.fn();
-      const e = {
-        key: 'i',
-        ctrlKey: true,
-        target: {
-          selectionStart: 0,
-          selectionEnd: 0,
-          value: ''
-        },
-        preventDefault: () => {}
-      };
-      convertCtrlKey(e, cb);
-      expect(cb).toHaveBeenCalled();
-      expect(cb).toHaveBeenCalledWith('__', 1);
-    });
-  });
-});

package/build/es/components/RichText/Editor.bk/convertCtrlKey.js

@@ -1,80 +0,0 @@
-const state = {
-  boldMode: false,
-  italicMode: false,
-  element: null
-};
-const markerMap = {
-  italic: '_',
-  bold: '*'
-};
-const trim = str => {
-  const leftSpaces = /^\s+/;
-  const rightSpaces = /\s+$/;
-  return str.replace(leftSpaces, '').replace(rightSpaces, '');
-};
-const toggleMode = mode => {
-  const prop = `${mode}Mode`;
-  state[prop] = !state[prop];
-};
-const insertMarkers = (mode, cb) => {
-  const {
-    selectionStart: start,
-    selectionEnd: end,
-    value
-  } = state.element;
-  const marker = markerMap[mode] || null;
-  if (!marker || !cb || start < 0) {
-    return;
-  }
-  toggleMode(mode);
-  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] === markerMap.bold && value[start] === markerMap.bold || value[start - 1] === markerMap.italic && value[start] === markerMap.italic) {
-        return text;
-      }
-    }
-    if (value.length && start > 0 && value[start - 1] !== ' ') {
-      text = ` ${text}`;
-      ++caretPos;
-    }
-    if (value.length && end !== value.length && value[end] !== ' ') {
-      text = `${text} `;
-    }
-    return text;
-  };
-  if (start === end) {
-    //no text
-    const valueArr = value.split('');
-    valueArr.splice(start, 0, padMarkers(`${marker}${marker}`));
-    newValue = valueArr.join('');
-  } else {
-    const text = value.slice(start, end);
-    const trimmedText = trim(text);
-
-    // adjust caretPos based on trimmed text selection
-    caretPos = caretPos - (text.length - trimmedText.length) + 1;
-    newValue = [value.slice(0, start), padMarkers(`${marker}${trimmedText}${marker}`), value.slice(end)].join('');
-    toggleMode(mode);
-  }
-  cb(newValue, caretPos);
-};
-const convertCtrlKey = (event, cb) => {
-  const {
-    key,
-    ctrlKey,
-    metaKey
-  } = event;
-  const element = event.target;
-  state.element = element;
-  if (key === 'b' && (ctrlKey || metaKey)) {
-    event.preventDefault();
-    insertMarkers('bold', cb);
-  } else if (key === 'i' && (ctrlKey || metaKey)) {
-    event.preventDefault();
-    insertMarkers('italic', cb);
-  }
-};
-export default convertCtrlKey;

package/build/es/components/RichText/Parser.bk/MdParser.js

@@ -1,99 +0,0 @@
-import MarkdownIt from 'markdown-it';
-const emojiDb = {
-  ':-)': '\u{1F642}',
-  ':)': '\u{1F642}',
-  ':-(': '\u{1F641}',
-  ':(': '\u{1F641}',
-  ':+1': '\u{1F44D}',
-  ':-1': '\u{1F44E}'
-};
-const codes = {
-  bold: {
-    name: 'bold',
-    char: '*',
-    domEl: 'strong',
-    encodedChar: 0x2a,
-    // see https://regex101.com/r/evswdV/8 for explanation of regexp
-    regexString: '\\B\\*((?!\\s)[^*]+(?:\\b|[^*\\s]))\\*\\B',
-    contentFn: val => val
-  },
-  italic: {
-    name: 'italic',
-    char: '_',
-    domEl: 'em',
-    encodedChar: 0x5f,
-    // see https://regex101.com/r/p6LpjK/6 for explanation of regexp
-    regexString: '\\b_((?!\\s)[^_]+(?:\\B|[^_\\s]))_\\b',
-    contentFn: val => val
-  },
-  emoji: {
-    name: 'emoji',
-    char: ':',
-    domEl: 'span',
-    encodedChar: 0x3a,
-    regexString: '^(:-\\)|:\\)|:\\(|:-\\(|:\\+1|:-1)',
-    contentFn: val => emojiDb[val]
-  }
-};
-let md;
-let linksInText;
-const markerIsInLinkText = pos => linksInText.some(link => pos >= link.index && pos <= link.lastIndex);
-const parse = code => (state, silent) => {
-  if (silent) {
-    return false;
-  }
-  const start = state.pos;
-
-  // skip parsing emphasis if marker is within a link
-  if (markerIsInLinkText(start)) {
-    return false;
-  }
-  const marker = state.src.charCodeAt(start);
-
-  // marker character: "_", "*", ":"
-  if (marker !== codes[code].encodedChar) {
-    return false;
-  }
-  const MARKER_REGEX = new RegExp(codes[code].regexString);
-  const token = state.src.slice(start);
-  if (MARKER_REGEX.test(token)) {
-    const markerMatch = token.match(MARKER_REGEX);
-
-    // skip parsing sections where the marker is not at the start of the token
-    if (markerMatch.index !== 0) {
-      return false;
-    }
-    const text = markerMatch[1];
-    state.push(`${codes[code].domEl}_open`, codes[code].domEl, 1);
-    const t = state.push('text', '', 0);
-    t.content = codes[code].contentFn(text);
-    state.push(`${codes.bold.domEl}_close`, codes[code].domEl, -1);
-    state.pos += markerMatch[0].length;
-    return true;
-  }
-  return false;
-};
-class MdParser {
-  constructor() {
-    // disable all rules, enable autolink for URLs and email addresses
-    md = new MarkdownIt('zero', {
-      linkify: true
-    });
-
-    // *bold* -> <strong>bold</strong>
-    md.inline.ruler.push('strong', parse(codes.bold.name));
-
-    // _italic_ -> <em>italic</em>
-    md.inline.ruler.push('italic', parse(codes.italic.name));
-
-    // :-) :) :-( :( :+1 :-1 -> <span>[unicode]</span>
-    md.inline.ruler.push('emoji', parse(codes.emoji.name));
-    md.enable(['link', 'linkify', 'strong', 'italic', 'emoji']);
-    return this;
-  }
-  render(text) {
-    linksInText = md.linkify.match(text) || [];
-    return md.renderInline(text);
-  }
-}
-export default MdParser;

package/build/es/components/RichText/Parser.bk/Parser.js

@@ -1,24 +0,0 @@
-import PropTypes from 'prop-types';
-import React, { useMemo } from 'react';
-import MdParserClass from './MdParser.js';
-const Parser = _ref => {
-  let {
-    children,
-    style
-  } = _ref;
-  const MdParser = useMemo(() => new MdParserClass(), []);
-  return children ? /*#__PURE__*/React.createElement("p", {
-    style: style,
-    dangerouslySetInnerHTML: {
-      __html: MdParser.render(children)
-    }
-  }) : null;
-};
-Parser.defaultProps = {
-  style: null
-};
-Parser.propTypes = {
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
-  style: PropTypes.object
-};
-export default Parser;

package/build/es/components/RichText/Parser.bk/__tests__/MdParser.spec.js

@@ -1,31 +0,0 @@
-import MdParser from '../MdParser.js';
-const Parser = new MdParser();
-describe('MdParser class', () => {
-  it('converts text into HTML', () => {
-    const tests = [['_italic_', '<em>italic</em>'], ['*bold*', '<strong>bold</strong>'], ['* not bold because there is a space *', '* not bold because there is a space *'], ['_ not italic because there is a space _', '_ not italic because there is a space _'], [':-)', '<span>\u{1F642}</span>'], [':)', '<span>\u{1F642}</span>'], [':-(', '<span>\u{1F641}</span>'], [':(', '<span>\u{1F641}</span>'], [':+1', '<span>\u{1F44D}</span>'], [':-1', '<span>\u{1F44E}</span>'], ['mixed _italic_ *bold* and :+1', 'mixed <em>italic</em> <strong>bold</strong> and <span>\u{1F44D}</span>'], ['_italic with * inside_', '<em>italic with * inside</em>'], ['*bold with _ inside*', '<strong>bold with _ inside</strong>'],
-    // italic marker followed by : should work
-    ['_italic_:', '<em>italic</em>:'], ['_italic_: some text, *bold*: some other text', '<em>italic</em>: some text, <strong>bold</strong>: some other text'],
-    // bold marker followed by : should work
-    ['*bold*:', '<strong>bold</strong>:'], ['*bold*: some text, _italic_: some other text', '<strong>bold</strong>: some text, <em>italic</em>: some other text'],
-    // italic marker inside an italic string not allowed
-    ['_italic with _ inside_', '_italic with _ inside_'],
-    // bold marker inside a bold string not allowed
-    ['*bold with * inside*', '*bold with * inside*'], ['_multiple_ italic in the _same line_', '<em>multiple</em> italic in the <em>same line</em>'],
-    // nested italic/bold combinations not allowed
-    ['_italic with *bold* inside_', '<em>italic with *bold* inside</em>'], ['*bold with _italic_ inside*', '<strong>bold with _italic_ inside</strong>'], ['text with : and :)', 'text with : and <span>\u{1F642}</span>'], ['(parenthesis and :))', '(parenthesis and <span>\u{1F642}</span>)'], [':((parenthesis:))', '<span>\u{1F641}</span>(parenthesis<span>\u{1F642}</span>)'], [':+1+1', '<span>\u{1F44D}</span>+1'], ['-1:-1', '-1<span>\u{1F44E}</span>'],
-    // links
-    ['example.com/path', '<a href="http://example.com/path">example.com/path</a>'],
-    // not recognized links with italic marker inside not converted
-    ['example_with_underscore.com/path', 'example_with_underscore.com/path'], ['example_with_underscore.com/path_with_underscore', 'example_with_underscore.com/path_with_underscore'],
-    // markers around non-recognized links
-    ['link example_with_underscore.com/path should _not_ be converted', 'link example_with_underscore.com/path should <em>not</em> be converted'], ['link example_with_underscore.com/path should *not* be converted', 'link example_with_underscore.com/path should <strong>not</strong> be converted'],
-    // italic marker inside links not converted
-    ['example.com/path_with_underscore', '<a href="http://example.com/path_with_underscore">example.com/path_with_underscore</a>'], ['_italic_ and *bold* with a example.com/link_with_underscore', '<em>italic</em> and <strong>bold</strong> with a <a href="http://example.com/link_with_underscore">example.com/link_with_underscore</a>'], ['example.com/path with *bold* after :)', '<a href="http://example.com/path">example.com/path</a> with <strong>bold</strong> after <span>\u{1F642}</span>'], ['_before_ example.com/path_with_underscore *after* :)', '<em>before</em> <a href="http://example.com/path_with_underscore">example.com/path_with_underscore</a> <strong>after</strong> <span>\u{1F642}</span>'],
-    // italic/bold markers right after non-word characters
-    ['_If % of ART retention rate after 12 months >90(%)_: Sustain the efforts.', '<em>If % of ART retention rate after 12 months &gt;90(%)</em>: Sustain the efforts.'], ['*If % of ART retention rate after 12 months >90(%)*: Sustain the efforts.', '<strong>If % of ART retention rate after 12 months &gt;90(%)</strong>: Sustain the efforts.']];
-    tests.forEach(test => {
-      const renderedText = Parser.render(test[0]);
-      expect(renderedText).toEqual(test[1]);
-    });
-  });
-});

package/build/es/components/RichText/Parser.bk/__tests__/Parser.spec.js

@@ -1,38 +0,0 @@
-import { shallow } from 'enzyme';
-import React from 'react';
-import Parser from '../Parser.js';
-import '../MdParser.js';
-jest.mock('../MdParser', () => {
-  return jest.fn().mockImplementation(() => {
-    return {
-      render: () => 'converted text'
-    };
-  });
-});
-describe('RichText: Parser component', () => {
-  let richTextParser;
-  const defaultProps = {
-    style: {
-      color: 'blue'
-    }
-  };
-  const renderComponent = (props, text) => {
-    return shallow( /*#__PURE__*/React.createElement(Parser, props, text));
-  };
-  it('should have rendered a result', () => {
-    richTextParser = renderComponent({}, 'test');
-    expect(richTextParser).toHaveLength(1);
-  });
-  it('should have rendered a result with the style prop', () => {
-    richTextParser = renderComponent(defaultProps, 'test prop');
-    expect(richTextParser.props().style).toEqual(defaultProps.style);
-  });
-  it('should have rendered content', () => {
-    richTextParser = renderComponent({}, 'plain text');
-    expect(richTextParser.html()).toEqual('<p>converted text</p>');
-  });
-  it('should return null if no children is passed', () => {
-    richTextParser = renderComponent({}, undefined);
-    expect(richTextParser.html()).toBe(null);
-  });
-});