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

package/module/configure.js

@@ -1,1306 +0,0 @@
-import {_dll_react, _dll_prop_types, _dll_material_ui__core, _dll_material_ui__core_styles, _dll_lodash, _dll_react_dom} from "../../../@pie-ui/shared-lib@^4.3.3/module/index.js";
-import {_dll_pie_lib__editable_html, _dll_pie_lib__config_ui, _dll_pie_framework__pie_configure_events} from "../../shared-config@^1.8.13/module/index.js";
-function createCommonjsModule(fn, module) {
-  return (module = {
-    exports: {}
-  }, fn(module, module.exports), module.exports);
-}
-var s = 1000;
-var m = s * 60;
-var h = m * 60;
-var d = h * 24;
-var w = d * 7;
-var y = d * 365.25;
-var ms = function (val, options) {
-  options = options || ({});
-  var type = typeof val;
-  if (type === 'string' && val.length > 0) {
-    return parse(val);
-  } else if (type === 'number' && isFinite(val)) {
-    return options.long ? fmtLong(val) : fmtShort(val);
-  }
-  throw new Error('val is not a non-empty string or a valid number. val=' + JSON.stringify(val));
-};
-function parse(str) {
-  str = String(str);
-  if (str.length > 100) {
-    return;
-  }
-  var match = (/^(-?(?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i).exec(str);
-  if (!match) {
-    return;
-  }
-  var n = parseFloat(match[1]);
-  var type = (match[2] || 'ms').toLowerCase();
-  switch (type) {
-    case 'years':
-    case 'year':
-    case 'yrs':
-    case 'yr':
-    case 'y':
-      return n * y;
-    case 'weeks':
-    case 'week':
-    case 'w':
-      return n * w;
-    case 'days':
-    case 'day':
-    case 'd':
-      return n * d;
-    case 'hours':
-    case 'hour':
-    case 'hrs':
-    case 'hr':
-    case 'h':
-      return n * h;
-    case 'minutes':
-    case 'minute':
-    case 'mins':
-    case 'min':
-    case 'm':
-      return n * m;
-    case 'seconds':
-    case 'second':
-    case 'secs':
-    case 'sec':
-    case 's':
-      return n * s;
-    case 'milliseconds':
-    case 'millisecond':
-    case 'msecs':
-    case 'msec':
-    case 'ms':
-      return n;
-    default:
-      return undefined;
-  }
-}
-function fmtShort(ms) {
-  var msAbs = Math.abs(ms);
-  if (msAbs >= d) {
-    return Math.round(ms / d) + 'd';
-  }
-  if (msAbs >= h) {
-    return Math.round(ms / h) + 'h';
-  }
-  if (msAbs >= m) {
-    return Math.round(ms / m) + 'm';
-  }
-  if (msAbs >= s) {
-    return Math.round(ms / s) + 's';
-  }
-  return ms + 'ms';
-}
-function fmtLong(ms) {
-  var msAbs = Math.abs(ms);
-  if (msAbs >= d) {
-    return plural(ms, msAbs, d, 'day');
-  }
-  if (msAbs >= h) {
-    return plural(ms, msAbs, h, 'hour');
-  }
-  if (msAbs >= m) {
-    return plural(ms, msAbs, m, 'minute');
-  }
-  if (msAbs >= s) {
-    return plural(ms, msAbs, s, 'second');
-  }
-  return ms + ' ms';
-}
-function plural(ms, msAbs, n, name) {
-  var isPlural = msAbs >= n * 1.5;
-  return Math.round(ms / n) + ' ' + name + (isPlural ? 's' : '');
-}
-function setup(env) {
-  createDebug.debug = createDebug;
-  createDebug.default = createDebug;
-  createDebug.coerce = coerce;
-  createDebug.disable = disable;
-  createDebug.enable = enable;
-  createDebug.enabled = enabled;
-  createDebug.humanize = ms;
-  createDebug.destroy = destroy;
-  Object.keys(env).forEach(key => {
-    createDebug[key] = env[key];
-  });
-  createDebug.names = [];
-  createDebug.skips = [];
-  createDebug.formatters = {};
-  function selectColor(namespace) {
-    let hash = 0;
-    for (let i = 0; i < namespace.length; i++) {
-      hash = (hash << 5) - hash + namespace.charCodeAt(i);
-      hash |= 0;
-    }
-    return createDebug.colors[Math.abs(hash) % createDebug.colors.length];
-  }
-  createDebug.selectColor = selectColor;
-  function createDebug(namespace) {
-    let prevTime;
-    let enableOverride = null;
-    function debug(...args) {
-      if (!debug.enabled) {
-        return;
-      }
-      const self = debug;
-      const curr = Number(new Date());
-      const ms = curr - (prevTime || curr);
-      self.diff = ms;
-      self.prev = prevTime;
-      self.curr = curr;
-      prevTime = curr;
-      args[0] = createDebug.coerce(args[0]);
-      if (typeof args[0] !== 'string') {
-        args.unshift('%O');
-      }
-      let index = 0;
-      args[0] = args[0].replace(/%([a-zA-Z%])/g, (match, format) => {
-        if (match === '%%') {
-          return '%';
-        }
-        index++;
-        const formatter = createDebug.formatters[format];
-        if (typeof formatter === 'function') {
-          const val = args[index];
-          match = formatter.call(self, val);
-          args.splice(index, 1);
-          index--;
-        }
-        return match;
-      });
-      createDebug.formatArgs.call(self, args);
-      const logFn = self.log || createDebug.log;
-      logFn.apply(self, args);
-    }
-    debug.namespace = namespace;
-    debug.useColors = createDebug.useColors();
-    debug.color = createDebug.selectColor(namespace);
-    debug.extend = extend;
-    debug.destroy = createDebug.destroy;
-    Object.defineProperty(debug, 'enabled', {
-      enumerable: true,
-      configurable: false,
-      get: () => enableOverride === null ? createDebug.enabled(namespace) : enableOverride,
-      set: v => {
-        enableOverride = v;
-      }
-    });
-    if (typeof createDebug.init === 'function') {
-      createDebug.init(debug);
-    }
-    return debug;
-  }
-  function extend(namespace, delimiter) {
-    const newDebug = createDebug(this.namespace + (typeof delimiter === 'undefined' ? ':' : delimiter) + namespace);
-    newDebug.log = this.log;
-    return newDebug;
-  }
-  function enable(namespaces) {
-    createDebug.save(namespaces);
-    createDebug.names = [];
-    createDebug.skips = [];
-    let i;
-    const split = (typeof namespaces === 'string' ? namespaces : '').split(/[\s,]+/);
-    const len = split.length;
-    for (i = 0; i < len; i++) {
-      if (!split[i]) {
-        continue;
-      }
-      namespaces = split[i].replace(/\*/g, '.*?');
-      if (namespaces[0] === '-') {
-        createDebug.skips.push(new RegExp('^' + namespaces.substr(1) + '$'));
-      } else {
-        createDebug.names.push(new RegExp('^' + namespaces + '$'));
-      }
-    }
-  }
-  function disable() {
-    const namespaces = [...createDebug.names.map(toNamespace), ...createDebug.skips.map(toNamespace).map(namespace => '-' + namespace)].join(',');
-    createDebug.enable('');
-    return namespaces;
-  }
-  function enabled(name) {
-    if (name[name.length - 1] === '*') {
-      return true;
-    }
-    let i;
-    let len;
-    for ((i = 0, len = createDebug.skips.length); i < len; i++) {
-      if (createDebug.skips[i].test(name)) {
-        return false;
-      }
-    }
-    for ((i = 0, len = createDebug.names.length); i < len; i++) {
-      if (createDebug.names[i].test(name)) {
-        return true;
-      }
-    }
-    return false;
-  }
-  function toNamespace(regexp) {
-    return regexp.toString().substring(2, regexp.toString().length - 2).replace(/\.\*\?$/, '*');
-  }
-  function coerce(val) {
-    if (val instanceof Error) {
-      return val.stack || val.message;
-    }
-    return val;
-  }
-  function destroy() {
-    console.warn('Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`.');
-  }
-  createDebug.enable(createDebug.load());
-  return createDebug;
-}
-var common = setup;
-var browser = createCommonjsModule(function (module, exports) {
-  exports.formatArgs = formatArgs;
-  exports.save = save;
-  exports.load = load;
-  exports.useColors = useColors;
-  exports.storage = localstorage();
-  exports.destroy = (() => {
-    let warned = false;
-    return () => {
-      if (!warned) {
-        warned = true;
-        console.warn('Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`.');
-      }
-    };
-  })();
-  exports.colors = ['#0000CC', '#0000FF', '#0033CC', '#0033FF', '#0066CC', '#0066FF', '#0099CC', '#0099FF', '#00CC00', '#00CC33', '#00CC66', '#00CC99', '#00CCCC', '#00CCFF', '#3300CC', '#3300FF', '#3333CC', '#3333FF', '#3366CC', '#3366FF', '#3399CC', '#3399FF', '#33CC00', '#33CC33', '#33CC66', '#33CC99', '#33CCCC', '#33CCFF', '#6600CC', '#6600FF', '#6633CC', '#6633FF', '#66CC00', '#66CC33', '#9900CC', '#9900FF', '#9933CC', '#9933FF', '#99CC00', '#99CC33', '#CC0000', '#CC0033', '#CC0066', '#CC0099', '#CC00CC', '#CC00FF', '#CC3300', '#CC3333', '#CC3366', '#CC3399', '#CC33CC', '#CC33FF', '#CC6600', '#CC6633', '#CC9900', '#CC9933', '#CCCC00', '#CCCC33', '#FF0000', '#FF0033', '#FF0066', '#FF0099', '#FF00CC', '#FF00FF', '#FF3300', '#FF3333', '#FF3366', '#FF3399', '#FF33CC', '#FF33FF', '#FF6600', '#FF6633', '#FF9900', '#FF9933', '#FFCC00', '#FFCC33'];
-  function useColors() {
-    if (typeof window !== 'undefined' && window.process && (window.process.type === 'renderer' || window.process.__nwjs)) {
-      return true;
-    }
-    if (typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/(edge|trident)\/(\d+)/)) {
-      return false;
-    }
-    return typeof document !== 'undefined' && document.documentElement && document.documentElement.style && document.documentElement.style.WebkitAppearance || typeof window !== 'undefined' && window.console && (window.console.firebug || window.console.exception && window.console.table) || typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/) && parseInt(RegExp.$1, 10) >= 31 || typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/);
-  }
-  function formatArgs(args) {
-    args[0] = (this.useColors ? '%c' : '') + this.namespace + (this.useColors ? ' %c' : ' ') + args[0] + (this.useColors ? '%c ' : ' ') + '+' + module.exports.humanize(this.diff);
-    if (!this.useColors) {
-      return;
-    }
-    const c = 'color: ' + this.color;
-    args.splice(1, 0, c, 'color: inherit');
-    let index = 0;
-    let lastC = 0;
-    args[0].replace(/%[a-zA-Z%]/g, match => {
-      if (match === '%%') {
-        return;
-      }
-      index++;
-      if (match === '%c') {
-        lastC = index;
-      }
-    });
-    args.splice(lastC, 0, c);
-  }
-  exports.log = console.debug || console.log || (() => {});
-  function save(namespaces) {
-    try {
-      if (namespaces) {
-        exports.storage.setItem('debug', namespaces);
-      } else {
-        exports.storage.removeItem('debug');
-      }
-    } catch (error) {}
-  }
-  function load() {
-    let r;
-    try {
-      r = exports.storage.getItem('debug');
-    } catch (error) {}
-    if (!r && typeof process !== 'undefined' && ('env' in process)) {
-      r = process.env.DEBUG;
-    }
-    return r;
-  }
-  function localstorage() {
-    try {
-      return localStorage;
-    } catch (error) {}
-  }
-  module.exports = common(exports);
-  const {formatters} = module.exports;
-  formatters.j = function (v) {
-    try {
-      return JSON.stringify(v);
-    } catch (error) {
-      return '[UnexpectedJSONParseError]: ' + error.message;
-    }
-  };
-});
-browser.formatArgs;
-browser.save;
-browser.load;
-browser.useColors;
-browser.storage;
-browser.destroy;
-browser.colors;
-browser.log;
-const LIKERT_SCALE = {
-  likert3: 'likert3',
-  likert5: 'likert5',
-  likert7: 'likert7'
-};
-const LIKERT_TYPE = {
-  agreement: 'agreement',
-  frequency: 'frequency',
-  yesNo: 'yesNo',
-  importance: 'importance',
-  likelihood: 'likelihood',
-  like: 'like'
-};
-const LIKERT_ORIENTATION = {
-  horizontal: 'horizontal',
-  vertical: 'vertical'
-};
-const likert3Agreement = [{
-  label: 'Disagree',
-  value: -1
-}, {
-  label: 'Unsure',
-  value: 0
-}, {
-  label: 'Agree',
-  value: 1
-}];
-const likert5Agreement = [{
-  label: 'Strongly Disagree',
-  value: -2
-}, ...likert3Agreement, {
-  label: 'Strongly Agree',
-  value: 2
-}];
-const likert7Agreement = [{
-  label: 'Extremely Disagree',
-  value: -3
-}, ...likert5Agreement, {
-  label: 'Extremely Agree',
-  value: 3
-}];
-const likert3Frequency = [{
-  label: 'Infrequently',
-  value: -1
-}, {
-  label: 'Unsure',
-  value: 0
-}, {
-  label: 'Frequently',
-  value: 1
-}];
-const likert5Frequency = [{
-  label: 'Very Infrequently',
-  value: -2
-}, ...likert3Frequency, {
-  label: 'Very Frequently',
-  value: 2
-}];
-const likert7Frequency = [{
-  label: 'Never',
-  value: -3
-}, ...likert5Frequency, {
-  label: 'Always',
-  value: 3
-}];
-const likert3YesNo = [{
-  label: 'No',
-  value: -1
-}, {
-  label: 'Unsure',
-  value: 0
-}, {
-  label: 'Yes',
-  value: 1
-}];
-const likert5YesNo = [{
-  label: 'No',
-  value: -2
-}, {
-  label: 'Not really',
-  value: -1
-}, {
-  label: 'Unsure',
-  value: 0
-}, {
-  label: 'Sometimes',
-  value: 1
-}, {
-  label: 'Yes',
-  value: 2
-}];
-const likert7YesNo = [{
-  label: 'No',
-  value: -3
-}, {
-  label: 'Rarely',
-  value: -2
-}, {
-  label: 'Not really',
-  value: -1
-}, {
-  label: 'Unsure',
-  value: 0
-}, {
-  label: 'Sometimes',
-  value: 1
-}, {
-  label: 'Very Often',
-  value: 2
-}, {
-  label: 'Always',
-  value: 3
-}];
-const likert3Likelihood = [{
-  label: 'Not Likely',
-  value: -1
-}, {
-  label: 'Unsure',
-  value: 0
-}, {
-  label: 'Likely',
-  value: 1
-}];
-const likert5Likelihood = [{
-  label: 'Very Unlikely',
-  value: -2
-}, ...likert3Likelihood, {
-  label: 'Very Likely',
-  value: 2
-}];
-const likert7Likelihood = [{
-  label: 'Extremely Unlikely',
-  value: -3
-}, ...likert5Likelihood, {
-  label: 'Extremely Likely',
-  value: 3
-}];
-const likert3Importance = [{
-  label: 'Not Important',
-  value: -1
-}, {
-  label: 'Unsure',
-  value: 0
-}, {
-  label: 'Important',
-  value: 1
-}];
-const likert5Importance = [{
-  label: 'Very Not Important',
-  value: -2
-}, ...likert3Importance, {
-  label: 'Very Important',
-  value: 2
-}];
-const likert7Importance = [{
-  label: 'Extremely Not Important',
-  value: -3
-}, ...likert5Importance, {
-  label: 'Extremely Important',
-  value: 3
-}];
-const likert3Like = [{
-  label: 'Dislike',
-  value: -1
-}, {
-  label: 'Unsure',
-  value: 0
-}, {
-  label: 'Like',
-  value: 1
-}];
-const likert5Like = [{
-  label: 'Really Dislike',
-  value: -2
-}, ...likert3Like, {
-  label: 'Really Like',
-  value: 2
-}];
-const likert7Like = [{
-  label: 'Extremely Dislike',
-  value: -3
-}, ...likert5Like, {
-  label: 'Extremely Like',
-  value: 3
-}];
-const generateChoices = (likertScale, likertType) => {
-  switch (`${likertScale}-${likertType}`) {
-    case `${LIKERT_SCALE.likert3}-${LIKERT_TYPE.agreement}`:
-      return [...likert3Agreement];
-    case `${LIKERT_SCALE.likert5}-${LIKERT_TYPE.agreement}`:
-      return [...likert5Agreement];
-    case `${LIKERT_SCALE.likert7}-${LIKERT_TYPE.agreement}`:
-      return [...likert7Agreement];
-    case `${LIKERT_SCALE.likert3}-${LIKERT_TYPE.frequency}`:
-      return [...likert3Frequency];
-    case `${LIKERT_SCALE.likert5}-${LIKERT_TYPE.frequency}`:
-      return [...likert5Frequency];
-    case `${LIKERT_SCALE.likert7}-${LIKERT_TYPE.frequency}`:
-      return [...likert7Frequency];
-    case `${LIKERT_SCALE.likert3}-${LIKERT_TYPE.yesNo}`:
-      return [...likert3YesNo];
-    case `${LIKERT_SCALE.likert5}-${LIKERT_TYPE.yesNo}`:
-      return [...likert5YesNo];
-    case `${LIKERT_SCALE.likert7}-${LIKERT_TYPE.yesNo}`:
-      return [...likert7YesNo];
-    case `${LIKERT_SCALE.likert3}-${LIKERT_TYPE.likelihood}`:
-      return [...likert3Likelihood];
-    case `${LIKERT_SCALE.likert5}-${LIKERT_TYPE.likelihood}`:
-      return [...likert5Likelihood];
-    case `${LIKERT_SCALE.likert7}-${LIKERT_TYPE.likelihood}`:
-      return [...likert7Likelihood];
-    case `${LIKERT_SCALE.likert3}-${LIKERT_TYPE.importance}`:
-      return [...likert3Importance];
-    case `${LIKERT_SCALE.likert5}-${LIKERT_TYPE.importance}`:
-      return [...likert5Importance];
-    case `${LIKERT_SCALE.likert7}-${LIKERT_TYPE.importance}`:
-      return [...likert7Importance];
-    case `${LIKERT_SCALE.likert3}-${LIKERT_TYPE.like}`:
-      return [...likert3Like];
-    case `${LIKERT_SCALE.likert5}-${LIKERT_TYPE.like}`:
-      return [...likert5Like];
-    case `${LIKERT_SCALE.likert7}-${LIKERT_TYPE.like}`:
-      return [...likert7Like];
-    default:
-      return [];
-  }
-};
-const React = _dll_react;
-const PropTypes = _dll_prop_types;
-const {Radio: Radio} = _dll_material_ui__core;
-const {RadioGroup: RadioGroup} = _dll_material_ui__core;
-const {FormControlLabel: FormControlLabel} = _dll_material_ui__core;
-const {withStyles: withStyles} = _dll_material_ui__core_styles;
-const {merge: merge} = _dll_lodash;
-const EditableHtml = _dll_pie_lib__editable_html;
-const {InputContainer: InputContainer} = _dll_pie_lib__config_ui;
-const {settings: settings} = _dll_pie_lib__config_ui;
-const {layout: layout} = _dll_pie_lib__config_ui;
-const {NumberTextField: NumberTextField} = _dll_pie_lib__config_ui;
-const _jsxFileName = "/home/ede/dev/github/pie-framework/pie-elements/packages/likert/configure/src/main.jsx";
-const {Panel, toggle, radio} = settings;
-const styles = theme => ({
-  promptHolder: {
-    width: '100%',
-    paddingBottom: theme.spacing.unit * 2,
-    marginBottom: theme.spacing.unit * 2
-  },
-  prompt: {
-    paddingTop: theme.spacing.unit * 2,
-    width: '100%'
-  },
-  radioButtonsWrapper: {
-    display: 'flex',
-    flexDirection: 'column'
-  },
-  radioButtonsColumnHeader: {
-    color: '#c3c3c3',
-    fontSize: '12px'
-  },
-  likertLabelHolder: {
-    display: 'flex',
-    width: '100%',
-    alignItems: 'flex-start'
-  },
-  likertOptionsHolder: {
-    display: 'flex',
-    width: '100%',
-    padding: '20px 0',
-    justifyContent: 'space-around'
-  },
-  likertLabelInput: {
-    width: 'calc(100% - 200px)',
-    marginRight: 0
-  },
-  errorMessage: {
-    color: '#b5000e',
-    fontSize: '10px'
-  },
-  width100: {
-    width: '100%'
-  },
-  flexRow: {
-    display: 'flex',
-    flexDirection: 'row'
-  },
-  likertValueHolder: {
-    paddingLeft: '20px',
-    width: '150px'
-  },
-  likertLabelEditableHtml: {
-    paddingTop: theme.spacing.unit * 2
-  },
-  design: {
-    paddingTop: theme.spacing.unit * 3
-  },
-  choiceConfigurationHolder: {
-    marginTop: theme.spacing.unit * 2,
-    display: 'flex',
-    flexDirection: 'column',
-    alignItems: 'start'
-  },
-  inputFormGroupIndex: {
-    width: '30px',
-    paddingTop: '30px'
-  }
-});
-const LikertOrientation = withStyles(styles)(props => {
-  const {classes, model, onChangeModel} = props;
-  const onChangeLikertOrientation = e => {
-    const likertOrientation = e.target.value;
-    onChangeModel({
-      ...model,
-      likertOrientation
-    });
-  };
-  return React.createElement('div', {
-    className: classes.radioButtonsWrapper,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 97
-    }
-  }, React.createElement('p', {
-    className: classes.radioButtonsColumnHeader,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 98
-    }
-  }, "Likert Orientation"), React.createElement(RadioGroup, {
-    'aria-label': "likertOrientation",
-    name: "likertOrientation",
-    value: model.likertOrientation,
-    onChange: onChangeLikertOrientation,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 101
-    }
-  }, React.createElement(FormControlLabel, {
-    value: LIKERT_ORIENTATION.horizontal,
-    control: React.createElement(Radio, {
-      __self: undefined,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 107
-      }
-    }),
-    label: "Horizontal",
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 107
-    }
-  }), React.createElement(FormControlLabel, {
-    value: LIKERT_ORIENTATION.vertical,
-    control: React.createElement(Radio, {
-      __self: undefined,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 108
-      }
-    }),
-    label: "Vertical",
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 108
-    }
-  })));
-});
-const LikertScale = withStyles(styles)(props => {
-  const {classes, model, onChangeModel} = props;
-  const onChangeLikertScale = e => {
-    const likertScale = e.target.value;
-    onChangeModel({
-      ...model,
-      likertScale,
-      choices: generateChoices(likertScale, model.likertType)
-    });
-  };
-  return React.createElement('div', {
-    className: classes.radioButtonsWrapper,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 125
-    }
-  }, React.createElement('p', {
-    className: classes.radioButtonsColumnHeader,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 126
-    }
-  }, "Likert Scale"), React.createElement(RadioGroup, {
-    'aria-label': "likertScale",
-    name: "likertScale",
-    value: model.likertScale,
-    onChange: onChangeLikertScale,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 129
-    }
-  }, React.createElement(FormControlLabel, {
-    value: LIKERT_SCALE.likert3,
-    control: React.createElement(Radio, {
-      __self: undefined,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 135
-      }
-    }),
-    label: "Likert 3",
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 135
-    }
-  }), React.createElement(FormControlLabel, {
-    value: LIKERT_SCALE.likert5,
-    control: React.createElement(Radio, {
-      __self: undefined,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 136
-      }
-    }),
-    label: "Likert 5",
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 136
-    }
-  }), React.createElement(FormControlLabel, {
-    value: LIKERT_SCALE.likert7,
-    control: React.createElement(Radio, {
-      __self: undefined,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 137
-      }
-    }),
-    label: "Likert 7",
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 137
-    }
-  })));
-});
-const LikertType = withStyles(styles)(props => {
-  const {classes, model, onChangeModel} = props;
-  const onChangeLikertType = e => {
-    const likertType = e.target.value;
-    onChangeModel({
-      ...model,
-      likertType,
-      choices: generateChoices(model.likertScale, likertType)
-    });
-  };
-  return React.createElement('div', {
-    className: classes.radioButtonsWrapper,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 154
-    }
-  }, React.createElement('p', {
-    className: classes.radioButtonsColumnHeader,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 155
-    }
-  }, "Label Type"), React.createElement('div', {
-    className: classes.flexRow,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 159
-    }
-  }, React.createElement(RadioGroup, {
-    'aria-label': "likertLabelType",
-    name: "likertLabelType",
-    value: model.likertType,
-    onChange: onChangeLikertType,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 160
-    }
-  }, React.createElement(FormControlLabel, {
-    value: LIKERT_TYPE.agreement,
-    control: React.createElement(Radio, {
-      __self: undefined,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 165
-      }
-    }),
-    label: "Agreement",
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 165
-    }
-  }), React.createElement(FormControlLabel, {
-    value: LIKERT_TYPE.frequency,
-    control: React.createElement(Radio, {
-      __self: undefined,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 166
-      }
-    }),
-    label: "Frequency",
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 166
-    }
-  }), React.createElement(FormControlLabel, {
-    value: LIKERT_TYPE.yesNo,
-    control: React.createElement(Radio, {
-      __self: undefined,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 167
-      }
-    }),
-    label: "Yes/No",
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 167
-    }
-  })), React.createElement(RadioGroup, {
-    'aria-label': "likertLabelType",
-    name: "likertLabelType",
-    value: model.likertType,
-    onChange: onChangeLikertType,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 170
-    }
-  }, React.createElement(FormControlLabel, {
-    value: LIKERT_TYPE.importance,
-    control: React.createElement(Radio, {
-      __self: undefined,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 175
-      }
-    }),
-    label: "Importance",
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 175
-    }
-  }), React.createElement(FormControlLabel, {
-    value: LIKERT_TYPE.likelihood,
-    control: React.createElement(Radio, {
-      __self: undefined,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 176
-      }
-    }),
-    label: "Likelihood",
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 176
-    }
-  }), React.createElement(FormControlLabel, {
-    value: LIKERT_TYPE.like,
-    control: React.createElement(Radio, {
-      __self: undefined,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 177
-      }
-    }),
-    label: "Like",
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 177
-    }
-  }))));
-});
-const buildValuesMap = model => model.choices.reduce((acc, choice) => {
-  const accClone = {
-    ...acc
-  };
-  const choiceValue = parseInt(choice.value);
-  if (!accClone[choiceValue]) {
-    accClone[choiceValue] = 0;
-  }
-  return {
-    ...accClone,
-    [choiceValue]: accClone[choiceValue] + 1
-  };
-}, {});
-const Design = withStyles(styles)(props => {
-  const {classes, model, configuration, onPromptChanged, onChoiceChanged, imageSupport, onChangeModel, onConfigurationChanged, onTeacherInstructionsChanged} = props;
-  const {prompt = {}, teacherInstructions = {}, scoringType = {}} = configuration || ({});
-  const {teacherInstructionsEnabled} = model || ({});
-  const valuesMap = buildValuesMap(model);
-  return React.createElement('div', {
-    className: classes.design,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 220
-    }
-  }, React.createElement(layout.ConfigLayout, {
-    settings: React.createElement(Panel, {
-      model: model,
-      onChangeModel: onChangeModel,
-      configuration: configuration,
-      onChangeConfiguration: onConfigurationChanged,
-      groups: {
-        Properties: {
-          teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
-          scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric'])
-        }
-      },
-      __self: undefined,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 223
-      }
-    }),
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 221
-    }
-  }, React.createElement('div', {
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 237
-    }
-  }, React.createElement('div', {
-    className: classes.likertOptionsHolder,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 238
-    }
-  }, React.createElement(LikertScale, {
-    model: model,
-    onChangeModel: onChangeModel,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 239
-    }
-  }), React.createElement(LikertType, {
-    model: model,
-    onChangeModel: onChangeModel,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 240
-    }
-  }), React.createElement(LikertOrientation, {
-    model: model,
-    onChangeModel: onChangeModel,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 241
-    }
-  })), teacherInstructionsEnabled && React.createElement(InputContainer, {
-    label: teacherInstructions.label,
-    className: classes.promptHolder,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 245
-    }
-  }, React.createElement(EditableHtml, {
-    className: classes.prompt,
-    markup: model.teacherInstructions || '',
-    onChange: onTeacherInstructionsChanged,
-    imageSupport: imageSupport,
-    nonEmpty: false,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 249
-    }
-  })), React.createElement(InputContainer, {
-    label: prompt.label,
-    className: classes.promptHolder,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 259
-    }
-  }, React.createElement(EditableHtml, {
-    className: classes.prompt,
-    markup: model.prompt,
-    onChange: onPromptChanged,
-    imageSupport: imageSupport,
-    nonEmpty: false,
-    disableUnderline: true,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 260
-    }
-  })), model.choices.map((choice, index) => React.createElement('div', {
-    key: `choice-${index}`,
-    className: classes.choiceConfigurationHolder,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 272
-    }
-  }, React.createElement('div', {
-    className: classes.likertLabelHolder,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 276
-    }
-  }, React.createElement('span', {
-    className: classes.inputFormGroupIndex,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 277
-    }
-  }, index + 1, "."), React.createElement(InputContainer, {
-    key: `likert-label-${index}`,
-    label: 'Likert Label',
-    className: classes.likertLabelInput,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 278
-    }
-  }, React.createElement(EditableHtml, {
-    className: classes.likertLabelEditableHtml,
-    markup: choice.label || '',
-    onChange: c => onChoiceChanged(index, {
-      ...choice,
-      label: c
-    }),
-    imageSupport: imageSupport,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 283
-    }
-  })), React.createElement('div', {
-    className: classes.likertValueHolder,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 296
-    }
-  }, React.createElement(NumberTextField, {
-    label: 'Likert Value',
-    value: choice.value,
-    className: classes.width100,
-    max: 100,
-    min: -100,
-    onChange: (e, t) => {
-      onChoiceChanged(index, {
-        ...choice,
-        value: t
-      });
-    },
-    imageSupport: imageSupport,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 297
-    }
-  }), valuesMap[choice.value] && valuesMap[choice.value] > 1 && React.createElement('p', {
-    className: classes.errorMessage,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 312
-    }
-  }, "Value should be unique"))))), React.createElement('br', {
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 318
-    }
-  }))));
-});
-class Main extends React.Component {
-  constructor(...args) {
-    super(...args);
-    Main.prototype.__init.call(this);
-    Main.prototype.__init2.call(this);
-    Main.prototype.__init3.call(this);
-  }
-  static __initStatic() {
-    this.propTypes = {
-      model: PropTypes.object.isRequired,
-      disableSidePanel: PropTypes.bool,
-      onModelChanged: PropTypes.func.isRequired,
-      onConfigurationChanged: PropTypes.func.isRequired,
-      classes: PropTypes.object.isRequired,
-      imageSupport: PropTypes.shape({
-        add: PropTypes.func.isRequired,
-        delete: PropTypes.func.isRequired
-      })
-    };
-  }
-  __init() {
-    this.onChoiceChanged = (index, choice) => {
-      const {model} = this.props;
-      model.choices = model.choices.map(choice => {
-        return merge({}, choice);
-      });
-      model.choices.splice(index, 1, choice);
-      this.props.onModelChanged(model);
-    };
-  }
-  __init2() {
-    this.onPromptChanged = prompt => {
-      this.props.onModelChanged({
-        ...this.props.model,
-        prompt
-      });
-    };
-  }
-  __init3() {
-    this.onTeacherInstructionsChanged = teacherInstructions => {
-      this.props.onModelChanged({
-        ...this.props.model,
-        teacherInstructions
-      });
-    };
-  }
-  render() {
-    return React.createElement(Design, {
-      ...this.props,
-      onChangeModel: this.props.onModelChanged,
-      onChoiceChanged: this.onChoiceChanged,
-      onPromptChanged: this.onPromptChanged,
-      onTeacherInstructionsChanged: this.onTeacherInstructionsChanged,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 365
-      }
-    });
-  }
-}
-Main.__initStatic();
-const Styled = withStyles(styles)(Main);
-var sensibleDefaults = {
-  model: {
-    likertScale: 'likert3',
-    likertType: 'agreement',
-    likertOrientation: 'horizontal',
-    choices: [],
-    teacherInstructionsEnabled: true
-  },
-  configuration: {
-    teacherInstructions: {
-      settings: true,
-      label: 'Teacher Instructions'
-    },
-    prompt: {
-      settings: true,
-      label: 'Prompt'
-    }
-  }
-};
-const React$1 = _dll_react;
-const ReactDOM = _dll_react_dom;
-const {defaults: defaults} = _dll_lodash;
-const {ModelUpdatedEvent: ModelUpdatedEvent} = _dll_pie_framework__pie_configure_events;
-const log = browser('likert:configure');
-const prepareCustomizationObject = (config, model) => {
-  const configuration = defaults(config, sensibleDefaults.configuration);
-  return {
-    configuration,
-    model
-  };
-};
-class Likert extends HTMLElement {
-  static __initStatic() {
-    this.createDefaultModel = (model = {}) => ({
-      ...sensibleDefaults.model,
-      ...model,
-      choices: model && model.choices || []
-    });
-  }
-  constructor() {
-    super();
-    this._model = Likert.createDefaultModel();
-    this._configuration = sensibleDefaults.configuration;
-    this.onModelChanged = this.onModelChanged.bind(this);
-    this.onConfigurationChanged = this.onConfigurationChanged.bind(this);
-  }
-  set model(s) {
-    this._model = Likert.createDefaultModel(s);
-    this._model = {
-      ...this._model,
-      choices: this._model.choices.map(choice => ({
-        ...choice,
-        value: parseInt(choice.value)
-      }))
-    };
-    this._render();
-  }
-  set configuration(c) {
-    const info = prepareCustomizationObject(c, this._model);
-    this.onModelChanged(info.model);
-    this._configuration = info.configuration;
-    this._render();
-  }
-  set disableSidePanel(s) {
-    this._disableSidePanel = s;
-    this._render();
-  }
-  dispatchModelUpdated(reset) {
-    const resetValue = !!reset;
-    this.dispatchEvent(new ModelUpdatedEvent(this._model, resetValue));
-  }
-  onModelChanged(m, reset) {
-    this._model = m;
-    this._render();
-    this.dispatchModelUpdated(reset);
-  }
-  onConfigurationChanged(c) {
-    this._configuration = prepareCustomizationObject(c, this._model).configuration;
-    if (this._model) {
-      this.onModelChanged(this._model);
-    }
-    this._render();
-  }
-  _render() {
-    log('_render');
-    let element = React$1.createElement(Styled, {
-      model: this._model,
-      configuration: this._configuration,
-      onModelChanged: this.onModelChanged,
-      onConfigurationChanged: this.onConfigurationChanged,
-      disableSidePanel: this._disableSidePanel
-    });
-    ReactDOM.render(element, this);
-  }
-}
-Likert.__initStatic();
-export default Likert;