@pie-element/hotspot 9.0.2-esm.0 → 11.0.5-esm.0

package/configure/node_modules/@pie-lib/math-input/src/__tests__/__snapshots__/math-input-test.jsx.snap

@@ -0,0 +1,152 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`MathInput snapshot renders 1`] = `
+<div
+  className="className"
+>
+  <WithStyles(Input)
+    innerRef={[Function]}
+    onBlur={[Function]}
+    onChange={[Function]}
+    onFocus={[Function]}
+  />
+  <div>
+    <WithStyles(KeyPad)
+      additionalKeys={Array []}
+      baseSet={
+        Array [
+          Array [
+            Object {
+              "category": "digit",
+              "label": "7",
+              "name": "seven",
+              "write": "7",
+            },
+            Object {
+              "category": "digit",
+              "label": "8",
+              "name": "eight",
+              "write": "8",
+            },
+            Object {
+              "category": "digit",
+              "label": "9",
+              "name": "nine",
+              "write": "9",
+            },
+            Object {
+              "category": "operators",
+              "command": "\\\\divide",
+              "label": "÷",
+              "name": "divide",
+              "otherNotation": "\\\\div",
+            },
+          ],
+          Array [
+            Object {
+              "category": "digit",
+              "label": "4",
+              "name": "four",
+              "write": "4",
+            },
+            Object {
+              "category": "digit",
+              "label": "5",
+              "name": "five",
+              "write": "5",
+            },
+            Object {
+              "category": "digit",
+              "label": "6",
+              "name": "six",
+              "write": "6",
+            },
+            Object {
+              "category": "operators",
+              "command": "\\\\times",
+              "label": "×",
+              "name": "multiply",
+            },
+          ],
+          Array [
+            Object {
+              "category": "digit",
+              "label": "1",
+              "name": "one",
+              "write": "1",
+            },
+            Object {
+              "category": "digit",
+              "label": "2",
+              "name": "two",
+              "write": "2",
+            },
+            Object {
+              "category": "digit",
+              "label": "3",
+              "name": "three",
+              "write": "3",
+            },
+            Object {
+              "category": "operators",
+              "label": "−",
+              "write": "−",
+            },
+          ],
+          Array [
+            Object {
+              "category": "digit",
+              "label": "0",
+              "name": "zero",
+              "write": "0",
+            },
+            Object {
+              "category": "digit",
+              "label": ".",
+              "name": "decimal-point",
+              "write": ".",
+            },
+            Object {
+              "category": "digit",
+              "label": ",",
+              "name": "comma",
+              "write": ",",
+            },
+            Object {
+              "category": "operators",
+              "label": "+",
+              "write": "+",
+            },
+          ],
+          Array [
+            Object {
+              "ariaLabel": "Move cursor left",
+              "category": "navigation",
+              "keystroke": "Left",
+              "label": "◀",
+            },
+            Object {
+              "ariaLabel": "Move cursor right",
+              "category": "navigation",
+              "keystroke": "Right",
+              "label": "▶",
+            },
+            Object {
+              "ariaLabel": "Delete",
+              "category": "edit",
+              "keystroke": "Backspace",
+              "label": "⌫",
+            },
+            Object {
+              "category": "operators",
+              "label": "=",
+              "write": "=",
+            },
+          ],
+        ]
+      }
+      onPress={[Function]}
+    />
+  </div>
+</div>
+`;

package/configure/node_modules/@pie-lib/math-input/src/__tests__/math-input-test.jsx

@@ -0,0 +1,85 @@
+import { shallow } from 'enzyme';
+import React from 'react';
+import { MathInput } from '../math-input';
+
+describe('MathInput', () => {
+  let w;
+  let onChange;
+
+  beforeEach(() => {
+    onChange = jest.fn();
+  });
+  const wrapper = (extras) => {
+    const defaults = {
+      classes: {},
+      className: 'className',
+      onChange,
+    };
+    const props = { ...defaults, ...extras };
+    return shallow(<MathInput {...props} />);
+  };
+  describe('snapshot', () => {
+    it('renders', () => {
+      w = wrapper();
+      expect(w).toMatchSnapshot();
+    });
+  });
+  describe('logic', () => {
+    beforeEach(() => {
+      w = wrapper();
+      w.instance().input = {
+        write: jest.fn(),
+        command: jest.fn(),
+        keystroke: jest.fn(),
+      };
+    });
+    describe('keypadPress', () => {
+      it('calls input.write for latex', () => {
+        w.instance().keypadPress({ latex: 'latex' });
+        expect(w.instance().input.write).toHaveBeenLastCalledWith('latex');
+      });
+      it('calls input.write for write', () => {
+        w.instance().keypadPress({ write: 'write' });
+        expect(w.instance().input.write).toHaveBeenLastCalledWith('write');
+      });
+      it('calls input.command for command', () => {
+        w.instance().keypadPress({ command: 'cmd' });
+        expect(w.instance().input.command).toHaveBeenLastCalledWith('cmd');
+      });
+      it('calls input.keystroke for keystroke', () => {
+        w.instance().keypadPress({ keystroke: 'k' });
+        expect(w.instance().input.keystroke).toHaveBeenLastCalledWith('k');
+      });
+    });
+  });
+
+  describe('changeLatex', () => {
+    it('calls onChange', () => {
+      w = wrapper();
+      w.instance().changeLatex('new-latex');
+      expect(onChange).toHaveBeenCalledWith('new-latex');
+    });
+    it('does not call onChange if it is the same as the existing latex', () => {
+      w = wrapper();
+      w.setProps({ latex: 'new-latex' });
+      w.instance().changeLatex('new-latex');
+      expect(onChange).not.toHaveBeenCalledWith('new-latex');
+    });
+  });
+
+  describe('inputFocus', () => {
+    it('sets state', () => {
+      w = wrapper();
+      w.instance().inputFocus();
+      expect(w.state().focused).toBe(true);
+    });
+  });
+  describe('inputBlur', () => {
+    it('sets state', () => {
+      w = wrapper();
+      w.instance().inputFocus();
+      w.instance().inputBlur();
+      expect(w.state().focused).toBe(false);
+    });
+  });
+});

package/configure/node_modules/@pie-lib/math-input/src/horizontal-keypad.jsx

@@ -0,0 +1,69 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { keysForGrade, normalizeAdditionalKeys } from './keys/grades';
+import { extendKeySet } from './keys/utils';
+import Keypad from './keypad';
+
+const toOldModel = (d) => {
+  if (d.command) {
+    return { value: d.command, type: 'command' };
+  } else if (d.write) {
+    return { value: d.write };
+  } else if (d.keystroke) {
+    return { type: 'cursor', value: d.keystroke };
+  }
+};
+
+export default class HorizontalKeypad extends React.Component {
+  static propTypes = {
+    className: PropTypes.string,
+    controlledKeypadMode: PropTypes.bool,
+    mode: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    layoutForKeyPad: PropTypes.object,
+    onClick: PropTypes.func.isRequired,
+    onFocus: PropTypes.func,
+    noDecimal: PropTypes.bool,
+    additionalKeys: PropTypes.array,
+    setKeypadInteraction: PropTypes.func,
+  };
+
+  static defaultProps = {
+    mode: 'scientific',
+    noDecimal: false,
+    additionalKeys: [],
+  };
+
+  keypadPress = (data) => {
+    const { onClick } = this.props;
+
+    onClick(toOldModel(data));
+  };
+
+  render() {
+    const {
+      mode,
+      onFocus,
+      controlledKeypadMode,
+      noDecimal,
+      className,
+      additionalKeys,
+      layoutForKeyPad,
+      setKeypadInteraction,
+    } = this.props;
+    const normalizedKeys = normalizeAdditionalKeys(additionalKeys);
+
+    return (
+      <Keypad
+        className={className}
+        controlledKeypadMode={controlledKeypadMode}
+        onFocus={onFocus}
+        noDecimal={noDecimal}
+        layoutForKeyPad={layoutForKeyPad}
+        additionalKeys={extendKeySet(keysForGrade(mode), normalizedKeys)}
+        onPress={this.keypadPress}
+        mode={mode}
+        setKeypadInteraction={setKeypadInteraction}
+      />
+    );
+  }
+}

package/configure/node_modules/@pie-lib/math-input/src/index.jsx

@@ -0,0 +1,18 @@
+import { keysForGrade } from './keys/grades';
+import { updateSpans } from './updateSpans';
+
+const addLeftBracket = (s) => (s.indexOf('\\(') === 0 ? s : `\\(${s}`);
+const addRightBracket = (s) => (s.indexOf('\\)') === s.length - 2 ? s : `${s}\\)`);
+const rmLeftBracket = (s) => (s.indexOf('\\(') === 0 ? s.substring(2) : s);
+const rmRightBracket = (s) => (s.indexOf('\\)') === s.length - 2 ? s.substring(0, s.length - 2) : s);
+
+const addBrackets = (s) => addRightBracket(addLeftBracket(s));
+const removeBrackets = (s) => rmRightBracket(rmLeftBracket(s));
+
+import * as keys from './keys';
+
+import HorizontalKeypad from './horizontal-keypad';
+
+import * as mq from './mq';
+
+export { keysForGrade, addBrackets, removeBrackets, keys, HorizontalKeypad, mq, updateSpans };

package/configure/node_modules/@pie-lib/math-input/src/keypad/__tests__/__snapshots__/index.test.jsx.snap

@@ -0,0 +1,193 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Keypad snapshot renders 1`] = `
+<div
+  className="className"
+  style={
+    Object {
+      "gridTemplateColumns": "repeat(4, minmax(min-content, 150px))",
+    }
+  }
+>
+  <WithStyles(Button)
+    aria-label="seven"
+    className=""
+    disabled={false}
+    key="7-0"
+    onClick={[Function]}
+  >
+    7
+  </WithStyles(Button)>
+  <WithStyles(Button)
+    aria-label="four"
+    className=""
+    disabled={false}
+    key="4-1"
+    onClick={[Function]}
+  >
+    4
+  </WithStyles(Button)>
+  <WithStyles(Button)
+    aria-label="one"
+    className=""
+    disabled={false}
+    key="1-2"
+    onClick={[Function]}
+  >
+    1
+  </WithStyles(Button)>
+  <WithStyles(Button)
+    aria-label="zero"
+    className=""
+    disabled={false}
+    key="0-3"
+    onClick={[Function]}
+  >
+    0
+  </WithStyles(Button)>
+  <WithStyles(Button)
+    aria-label="Move cursor left"
+    className=""
+    disabled={false}
+    key="◀-4"
+    onClick={[Function]}
+  >
+    ◀
+  </WithStyles(Button)>
+  <WithStyles(Button)
+    aria-label="eight"
+    className=""
+    disabled={false}
+    key="8-5"
+    onClick={[Function]}
+  >
+    8
+  </WithStyles(Button)>
+  <WithStyles(Button)
+    aria-label="five"
+    className=""
+    disabled={false}
+    key="5-6"
+    onClick={[Function]}
+  >
+    5
+  </WithStyles(Button)>
+  <WithStyles(Button)
+    aria-label="two"
+    className=""
+    disabled={false}
+    key="2-7"
+    onClick={[Function]}
+  >
+    2
+  </WithStyles(Button)>
+  <WithStyles(Button)
+    aria-label="decimal-point"
+    className=""
+    disabled={false}
+    key=".-8"
+    onClick={[Function]}
+  >
+    .
+  </WithStyles(Button)>
+  <WithStyles(Button)
+    aria-label="Move cursor right"
+    className=""
+    disabled={false}
+    key="▶-9"
+    onClick={[Function]}
+  >
+    ▶
+  </WithStyles(Button)>
+  <WithStyles(Button)
+    aria-label="nine"
+    className=""
+    disabled={false}
+    key="9-10"
+    onClick={[Function]}
+  >
+    9
+  </WithStyles(Button)>
+  <WithStyles(Button)
+    aria-label="six"
+    className=""
+    disabled={false}
+    key="6-11"
+    onClick={[Function]}
+  >
+    6
+  </WithStyles(Button)>
+  <WithStyles(Button)
+    aria-label="three"
+    className=""
+    disabled={false}
+    key="3-12"
+    onClick={[Function]}
+  >
+    3
+  </WithStyles(Button)>
+  <WithStyles(Button)
+    aria-label="comma"
+    className=""
+    disabled={false}
+    key=",-13"
+    onClick={[Function]}
+  >
+    ,
+  </WithStyles(Button)>
+  <WithStyles(Button)
+    aria-label="Delete"
+    className="undefined"
+    disabled={false}
+    key="⌫-14"
+    onClick={[Function]}
+  >
+    ⌫
+  </WithStyles(Button)>
+  <WithStyles(Button)
+    aria-label="divide"
+    className=""
+    disabled={false}
+    key="÷-15"
+    onClick={[Function]}
+  >
+    ÷
+  </WithStyles(Button)>
+  <WithStyles(Button)
+    aria-label="multiply"
+    className=""
+    disabled={false}
+    key="×-16"
+    onClick={[Function]}
+  >
+    ×
+  </WithStyles(Button)>
+  <WithStyles(Button)
+    aria-label="−"
+    className=""
+    disabled={false}
+    key="−-17"
+    onClick={[Function]}
+  >
+    −
+  </WithStyles(Button)>
+  <WithStyles(Button)
+    aria-label="+"
+    className=""
+    disabled={false}
+    key="+-18"
+    onClick={[Function]}
+  >
+    +
+  </WithStyles(Button)>
+  <WithStyles(Button)
+    aria-label="="
+    className=""
+    disabled={false}
+    key="=-19"
+    onClick={[Function]}
+  >
+    =
+  </WithStyles(Button)>
+</div>
+`;

package/configure/node_modules/@pie-lib/math-input/src/keypad/__tests__/index.test.jsx

@@ -0,0 +1,24 @@
+import { shallow } from 'enzyme';
+import React from 'react';
+import { KeyPad } from '../index';
+
+describe('Keypad', () => {
+  let w;
+  let onChange = jest.fn();
+  const wrapper = (extras) => {
+    const defaults = {
+      classes: {},
+      className: 'className',
+      onChange,
+      onPress: jest.fn(),
+    };
+    const props = { ...defaults, ...extras };
+    return shallow(<KeyPad {...props} />);
+  };
+  describe('snapshot', () => {
+    it('renders', () => {
+      w = wrapper();
+      expect(w).toMatchSnapshot();
+    });
+  });
+});

package/configure/node_modules/@pie-lib/math-input/src/keypad/__tests__/keys-layout.test.js

@@ -0,0 +1,15 @@
+import { sortKeys } from '../keys-layout';
+import { baseSet, comparison } from '../../keys';
+
+describe('keys-layout', () => {
+  describe('sortKeys', () => {
+    it('pads the rows', () => {
+      const result = sortKeys([[1, 2, 3]]);
+      expect(result).toEqual([
+        [1, undefined, undefined, undefined, undefined],
+        [2, undefined, undefined, undefined, undefined],
+        [3, undefined, undefined, undefined, undefined],
+      ]);
+    });
+  });
+});