@pie-element/likert 0.1.3 → 0.1.4-next.1016

package/module/controller.js

@@ -1,55 +0,0 @@
-var defaults = {
-  choices: []
-};
-
-const prepareChoice = choice => {
-  return {
-    label: choice.label,
-    value: choice.value
-  };
-};
-
-function createDefaultModel(model = {}) {
-  return new Promise(resolve => resolve({ ...defaults, ...model }));
-}
-
-const normalize = question => ({ ...defaults, ...question });
-
-/**
- *
- * @param {*} question
- * @param {*} session
- * @param {*} env
- */
-async function model(question, session, env) {
-  const normalizedQuestion = normalize(question);
-
-  let choices = normalizedQuestion.choices.map(prepareChoice);
-
-  const out = {
-    ...normalizedQuestion,
-    choices,
-    disabled: env.mode !== 'gather',
-    mode: env.mode
-  };
-
-  const { role, mode } = env || {};
-
-  if (role === 'instructor' && (mode === 'view' || mode === 'evaluate')) {
-    out.teacherInstructions = normalizedQuestion.teacherInstructionsEnabled
-      ? normalizedQuestion.teacherInstructions
-      : null;
-  } else {
-    out.teacherInstructions = null;
-  }
-
-  return out;
-}
-
-function outcome() {
-  return new Promise(resolve => {
-    resolve({ score: 0, empty: false });
-  });
-}
-
-export { createDefaultModel, model, normalize, outcome };

package/module/demo.js

@@ -1,49 +0,0 @@
-import Configure from './configure.js';
-import Element from './element.js';
-import * as controller from './controller.js';
-
-var model = (id, element) => ({
-  id,
-  element,
-  likertScale: 'likert3',
-  likertType: 'agreement',
-  likertOrientation: 'horizontal',
-  choices: [
-    {
-      label: 'Disagree',
-      value: -1
-    },
-    {
-      label: 'Unsure',
-      value: 0
-    },
-    {
-      label: 'Agree',
-      value: 1
-    }
-  ],
-  prompt: 'How likely are you to report a problem?'
-});
-
-var generate = {
-	model: model
-};
-
-const { model: model$1 } = generate;
-
-var config = {
-  elements: {
-    'likert-element': '../..'
-  },
-  models: [model$1('1', 'likert-element')]
-};
-
-//Note: demo-el is a custom element loaded in the markup.
-      customElements.whenDefined('demo-el').then(() => {
-        config.models.forEach(m => {
-          const de = document.createElement('demo-el');
-          document.body.appendChild(de);
-          de.def = { tagName: m.element, Element, Configure, controller };
-          de.model = m;
-        });
-      });

package/module/element.js

@@ -1,408 +0,0 @@
-import {_dll_react, _dll_material_ui__core, _dll_prop_types, _dll_material_ui__core_styles, _dll_pie_lib__render_ui, _dll_react_dom, _dll_pie_framework__pie_player_events, _dll_pie_lib__math_rendering} from "../../../@pie-ui/shared-lib@^4.3.3/module/index.js";
-function createCommonjsModule(fn, module) {
-  return (module = {
-    exports: {}
-  }, fn(module, module.exports), module.exports);
-}
-var classnames = createCommonjsModule(function (module) {
-  (function () {
-    var hasOwn = ({}).hasOwnProperty;
-    function classNames() {
-      var classes = [];
-      for (var i = 0; i < arguments.length; i++) {
-        var arg = arguments[i];
-        if (!arg) continue;
-        var argType = typeof arg;
-        if (argType === 'string' || argType === 'number') {
-          classes.push(arg);
-        } else if (Array.isArray(arg) && arg.length) {
-          var inner = classNames.apply(null, arg);
-          if (inner) {
-            classes.push(inner);
-          }
-        } else if (argType === 'object') {
-          for (var key in arg) {
-            if (hasOwn.call(arg, key) && arg[key]) {
-              classes.push(key);
-            }
-          }
-        }
-      }
-      return classes.join(' ');
-    }
-    if (module.exports) {
-      classNames.default = classNames;
-      module.exports = classNames;
-    } else {
-      window.classNames = classNames;
-    }
-  })();
-});
-const LIKERT_ORIENTATION = {
-  horizontal: 'horizontal',
-  vertical: 'vertical'
-};
-const React = _dll_react;
-const {FormControlLabel: FormControlLabel} = _dll_material_ui__core;
-const {Radio: Radio} = _dll_material_ui__core;
-const PropTypes = _dll_prop_types;
-const {withStyles: withStyles} = _dll_material_ui__core_styles;
-const {color: color} = _dll_pie_lib__render_ui;
-const _jsxFileName = "/home/ede/dev/github/pie-framework/pie-elements/node_modules/@pie-ui/likert/src/choice-input.jsx";
-const radioStyles = {
-  root: {
-    color: `var(--choice-input-color, ${color.text()})`
-  },
-  checked: {
-    color: `var(--choice-input-selected-color, ${color.text()})`
-  }
-};
-const RadioStyled = withStyles(radioStyles)(props => {
-  const {classes, checked, onChange, disabled} = props;
-  return React.createElement(Radio, {
-    checked: checked,
-    onChange: onChange,
-    disabled: disabled,
-    classes: {
-      root: classes.root,
-      checked: classes.checked
-    },
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 23
-    }
-  });
-});
-const choiceInputStyles = () => ({
-  labelRoot: {
-    color: color.text(),
-    textAlign: 'center',
-    cursor: 'pointer'
-  },
-  checkboxHolderRoot: {
-    display: 'flex',
-    alignItems: 'center',
-    flex: 1,
-    padding: '0 5px',
-    '& label': {}
-  },
-  formControlLabelRoot: {
-    margin: 0
-  }
-});
-class ChoiceInput extends React.Component {
-  constructor(...args) {
-    super(...args);
-    ChoiceInput.prototype.__init.call(this);
-  }
-  static __initStatic() {
-    this.propTypes = {
-      checked: PropTypes.bool.isRequired,
-      disabled: PropTypes.bool.isRequired,
-      label: PropTypes.string.isRequired,
-      likertOrientation: PropTypes.string.isRequired,
-      onChange: PropTypes.func.isRequired,
-      value: PropTypes.number.isRequired,
-      classes: PropTypes.object
-    };
-  }
-  static __initStatic2() {
-    this.defaultProps = {
-      checked: false
-    };
-  }
-  __init() {
-    this.onToggleChoice = () => {
-      this.props.onChange({
-        value: this.props.value,
-        selected: !this.props.checked
-      });
-    };
-  }
-  render() {
-    const {disabled, label, checked, likertOrientation, classes} = this.props;
-    const flexDirection = likertOrientation === LIKERT_ORIENTATION.vertical ? 'row' : 'column';
-    return React.createElement('div', {
-      className: classes.checkboxHolderRoot,
-      style: {
-        flexDirection
-      },
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 88
-      }
-    }, React.createElement(FormControlLabel, {
-      disabled: disabled,
-      className: classes.formControlLabelRoot,
-      control: React.createElement(RadioStyled, {
-        checked: checked,
-        onChange: this.onToggleChoice,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 93
-        }
-      }),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 89
-      }
-    }), React.createElement('p', {
-      className: classes.labelRoot,
-      onClick: this.onToggleChoice,
-      dangerouslySetInnerHTML: {
-        __html: label
-      },
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 99
-      }
-    }));
-  }
-}
-ChoiceInput.__initStatic();
-ChoiceInput.__initStatic2();
-var ChoiceInput$1 = withStyles(choiceInputStyles)(ChoiceInput);
-const React$1 = _dll_react;
-const PropTypes$1 = _dll_prop_types;
-const {withStyles: withStyles$1} = _dll_material_ui__core_styles;
-const {Collapsible: Collapsible} = _dll_pie_lib__render_ui;
-const _jsxFileName$1 = "/home/ede/dev/github/pie-framework/pie-elements/node_modules/@pie-ui/likert/src/likert.jsx";
-const styles = {
-  corespringChoice: {
-    '& *': {
-      fontFamily: 'Roboto, Arial, Helvetica, sans-serif',
-      '-webkit-font-smoothing': 'antialiased'
-    }
-  },
-  prompt: {
-    verticalAlign: 'middle',
-    color: 'var(--pie-primary-text, var(--pie-text, #000000))',
-    paddingBottom: '20px'
-  },
-  choicesWrapper: {
-    display: 'flex'
-  }
-};
-class Likert extends React$1.Component {
-  static __initStatic() {
-    this.propTypes = {
-      choices: PropTypes$1.array,
-      prompt: PropTypes$1.string,
-      teacherInstructions: PropTypes$1.string,
-      session: PropTypes$1.object,
-      disabled: PropTypes$1.bool.isRequired,
-      onSessionChange: PropTypes$1.func.isRequired,
-      likertOrientation: PropTypes$1.string.isRequired,
-      classes: PropTypes$1.object.isRequired
-    };
-  }
-  UNSAFE_componentWillReceiveProps() {}
-  isSelected(value) {
-    return this.props.session && this.props.session.value === value;
-  }
-  render() {
-    const {disabled, choices = [], prompt, onSessionChange, teacherInstructions, classes, likertOrientation} = this.props;
-    const flexDirection = likertOrientation === LIKERT_ORIENTATION.vertical ? 'column' : 'row';
-    return React$1.createElement('div', {
-      className: classes.corespringChoice,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$1,
-        lineNumber: 58
-      }
-    }, teacherInstructions && React$1.createElement(Collapsible, {
-      labels: {
-        hidden: 'Show Teacher Instructions',
-        visible: 'Hide Teacher Instructions'
-      },
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$1,
-        lineNumber: 60
-      }
-    }, React$1.createElement('div', {
-      dangerouslySetInnerHTML: {
-        __html: teacherInstructions
-      },
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$1,
-        lineNumber: 66
-      }
-    })), React$1.createElement('br', {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$1,
-        lineNumber: 69
-      }
-    }), React$1.createElement('br', {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$1,
-        lineNumber: 70
-      }
-    }), React$1.createElement('div', {
-      className: classes.prompt,
-      dangerouslySetInnerHTML: {
-        __html: prompt
-      },
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$1,
-        lineNumber: 71
-      }
-    }), React$1.createElement('div', {
-      className: classes.choicesWrapper,
-      style: {
-        flexDirection
-      },
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$1,
-        lineNumber: 75
-      }
-    }, choices.map((choice, index) => React$1.createElement(ChoiceInput$1, {
-      key: `choice-${index}`,
-      label: choice.label,
-      value: choice.value,
-      index: index,
-      disabled: disabled,
-      onChange: onSessionChange,
-      likertOrientation: likertOrientation,
-      checked: this.isSelected(choice.value),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$1,
-        lineNumber: 77
-      }
-    }))));
-  }
-}
-Likert.__initStatic();
-Likert.defaultProps = {
-  session: {
-    value: []
-  }
-};
-var Likert$1 = withStyles$1(styles)(Likert);
-const React$2 = _dll_react;
-const PropTypes$2 = _dll_prop_types;
-const {withStyles: withStyles$2} = _dll_material_ui__core_styles;
-const {createMuiTheme: createMuiTheme} = _dll_material_ui__core_styles;
-const {MuiThemeProvider: MuiThemeProvider} = _dll_material_ui__core_styles;
-const {PreviewLayout: PreviewLayout} = _dll_pie_lib__render_ui;
-const _jsxFileName$2 = "/home/ede/dev/github/pie-framework/pie-elements/node_modules/@pie-ui/likert/src/main.jsx";
-class Main extends React$2.Component {
-  static __initStatic() {
-    this.propTypes = {
-      model: PropTypes$2.object,
-      session: PropTypes$2.object,
-      onSessionChange: PropTypes$2.func,
-      classes: PropTypes$2.object.isRequired
-    };
-  }
-  static __initStatic2() {
-    this.defaultProps = {
-      model: {},
-      session: {}
-    };
-  }
-  render() {
-    const {model, onSessionChange, session, classes} = this.props;
-    return React$2.createElement(PreviewLayout, {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 25
-      }
-    }, React$2.createElement('div', {
-      className: classnames(classes.root, classes[model.className]),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 26
-      }
-    }, React$2.createElement(Likert$1, {
-      ...model,
-      session: session,
-      onSessionChange: onSessionChange,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 27
-      }
-    })));
-  }
-}
-Main.__initStatic();
-Main.__initStatic2();
-const Styled = withStyles$2({}, {
-  name: 'Main'
-})(Main);
-const theme = createMuiTheme({
-  typography: {
-    useNextVariants: true
-  }
-});
-const Root = props => React$2.createElement(MuiThemeProvider, {
-  theme: theme,
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$2,
-    lineNumber: 47
-  }
-}, React$2.createElement(Styled, {
-  ...props,
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$2,
-    lineNumber: 48
-  }
-}));
-const React$3 = _dll_react;
-const ReactDOM = _dll_react_dom;
-const {SessionChangedEvent: SessionChangedEvent} = _dll_pie_framework__pie_player_events;
-const {renderMath: renderMath} = _dll_pie_lib__math_rendering;
-const isComplete = session => !!(session && session.value && session.value.length);
-class Likert$2 extends HTMLElement {
-  constructor() {
-    super();
-  }
-  set model(m) {
-    this._model = m;
-    this._render();
-  }
-  set session(s) {
-    this._session = s;
-    this._render();
-  }
-  sessionChanged(s) {
-    this._session.value = s.value;
-    const complete = isComplete(this._session, this._model);
-    this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), complete));
-    this._render();
-  }
-  connectedCallback() {
-    this._render();
-  }
-  _render() {
-    if (!this._model || !this._session) {
-      return;
-    }
-    const el = React$3.createElement(Root, {
-      model: this._model,
-      session: this._session,
-      onSessionChange: this.sessionChanged.bind(this)
-    });
-    ReactDOM.render(el, this, () => {
-      renderMath(this);
-    });
-  }
-}
-export default Likert$2;
-export {isComplete};

package/module/index.html

@@ -1,16 +0,0 @@
-
-  <!doctype html>
-  <html>
-    <head>
-      <title>@pie-element/likert@0.0.9</title>
-      <link
-        href="https://fonts.googleapis.com/css?family=Roboto&display=swap"
-        rel="stylesheet"
-      />
-      <script
-        type="module"
-        src="https://unpkg.com/@pslb/demo-el@^1.0.0/dist/demo-el/demo-el.esm.js"></script>
-      <script type="module" src="./demo.js"></script> 
-    </head>
-    <body></body>
-  </html>

package/module/manifest.json

@@ -1,10 +0,0 @@
-{
-  "name": "@pie-element/likert",
-  "version": "0.0.9",
-  "modules": [
-    {
-      "name": "@pie-ui/shared-lib",
-      "version": "^4.3.3"
-    }
-  ]
-}