@pie-lib/config-ui 11.4.1-next.0 → 11.5.2

package/lib/settings/panel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/settings/panel.jsx"],"names":["log","labelValue","label","PropTypes","string","value","baseTypes","onChange","func","CheckboxChoice","event","target","checked","propTypes","bool","Radio","classes","choices","radioSettings","SettingsRadioLabel","arrayOf","shape","StyledRadio","theme","marginTop","spacing","unit","paddingBottom","width","color","transform","fontSize","display","Dropdown","margin","typography","wrapper","border","borderRadius","padding","map","l","index","NumberField","field","marginRight","suffix","min","max","ev","object","number","ToggleWrapper","tagMap","toggle","radio","dropdown","numberField","checkbox","Group","group","groupHeader","fontWeight","marginBottom","numberFields","props","model","configuration","getTag","key","innerKey","isConfigProperty","properties","tagProps","Tag","type","v","content","currentGroup","fields","Object","keys","fieldKey","choiceKey","Panel","onChangeModel","onChangeConfiguration","groups","renderedGroups","showGroup","entries","some","propName","propVal","change","React","Component"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport get from 'lodash/get';\nimport set from 'lodash/set';\nimport Select from '@material-ui/core/Select';\nimport Input from '@material-ui/core/Input';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport debug from 'debug';\n\nimport Toggle from './toggle';\nimport { NChoice } from '../two-choice';\nimport SettingsRadioLabel from './settings-radio-label';\nimport { NumberTextField } from '../index';\nimport Checkbox from '../checkbox';\n\nconst log = debug('pie-lib:config-ui:settings:panel');\n\nconst labelValue = {\n  label: PropTypes.string,\n  value: PropTypes.string,\n};\n\nconst baseTypes = {\n  label: PropTypes.string,\n  value: PropTypes.string,\n  onChange: PropTypes.func,\n};\n\nconst CheckboxChoice = ({ label, value, onChange }) => {\n  return (\n    <Checkbox\n      checked={value}\n      label={label}\n      onChange={(event) => {\n        onChange(event.target.checked);\n      }}\n    />\n  );\n};\n\nCheckboxChoice.propTypes = {\n  label: PropTypes.string,\n  value: PropTypes.bool,\n  onChange: PropTypes.func,\n};\n\nconst Radio = ({ classes, label, value, onChange, choices }) => {\n  return (\n    <NChoice\n      className={classes.radioSettings}\n      direction=\"horizontal\"\n      customLabel={SettingsRadioLabel}\n      value={value}\n      header={label}\n      opts={choices}\n      onChange={onChange}\n    />\n  );\n};\n\nRadio.propTypes = { ...baseTypes, choices: PropTypes.arrayOf(PropTypes.shape(labelValue)) };\n\nconst StyledRadio = withStyles((theme) => ({\n  radioSettings: {\n    marginTop: theme.spacing.unit / 2,\n    paddingBottom: theme.spacing.unit / 2,\n    width: '100%',\n    '& > label': {\n      color: 'rgba(0, 0, 0, 0.89)',\n      transform: 'translate(0, 10px) scale(1)',\n      fontSize: '14px',\n    },\n    '& > div': {\n      marginTop: theme.spacing.unit * 2.5,\n    },\n  },\n  label: {\n    display: 'none',\n  },\n}))(Radio);\n\nconst Dropdown = withStyles((theme) => ({\n  label: {\n    margin: 0,\n    fontSize: theme.typography.fontSize,\n  },\n  wrapper: {\n    marginTop: theme.spacing.unit / 2,\n    border: '2px solid lightgrey',\n    borderRadius: '4px',\n    padding: `0 ${theme.spacing.unit}px`,\n  },\n}))(({ classes, label, value, onChange, choices = [] }) => {\n  return (\n    <div>\n      {label && <p className={classes.label}>{label}</p>}\n      <Select\n        className={classes.wrapper}\n        value={value || (choices && choices[0])}\n        onChange={({ target }) => onChange(target.value)}\n        input={<Input id={`dropdown-${label}`} />}\n        disableUnderline\n      >\n        {choices.map((l, index) => (\n          <MenuItem key={index} value={l}>\n            {l}\n          </MenuItem>\n        ))}\n      </Select>\n    </div>\n  );\n});\n\nDropdown.propTypes = { ...baseTypes, choices: PropTypes.arrayOf(PropTypes.string) };\n\nconst NumberField = withStyles((theme) => ({\n  field: {\n    width: '35%',\n    marginRight: theme.spacing.unit * 3,\n    marginTop: theme.spacing.unit,\n  },\n  wrapper: {\n    marginTop: theme.spacing.unit / 2,\n    border: '2px solid lightgrey',\n    borderRadius: '4px',\n    padding: `0 ${theme.spacing.unit}px`,\n  },\n}))(({ classes, label, value, onChange = () => {}, suffix, min, max }) => {\n  return (\n    <NumberTextField\n      label={label || 'Label'}\n      value={value}\n      max={max}\n      min={min}\n      onChange={(ev, value) => onChange(value)}\n      suffix={suffix}\n      className={classes.field}\n      showErrorWhenOutsideRange\n      inputClassName={classes.wrapper}\n      disableUnderline\n    />\n  );\n});\n\nNumberField.propTypes = {\n  ...baseTypes,\n  classes: PropTypes.object,\n  suffix: PropTypes.string,\n  min: PropTypes.number,\n  max: PropTypes.number,\n  value: PropTypes.number,\n};\n\nconst ToggleWrapper = ({ label, value, onChange }) => <Toggle label={label} checked={!!value} toggle={onChange} />;\n\nToggleWrapper.propTypes = { ...baseTypes, value: PropTypes.bool };\n\nconst tagMap = {\n  toggle: ToggleWrapper,\n  radio: StyledRadio,\n  dropdown: Dropdown,\n  numberField: NumberField,\n  checkbox: CheckboxChoice,\n};\n\nconst Group = withStyles((theme) => ({\n  group: {\n    margin: `0 0 ${theme.spacing.unit * 2}px 0`,\n  },\n  groupHeader: {\n    color: '#495B8F',\n    fontSize: theme.typography.fontSize + 2,\n    fontWeight: 600,\n    marginBottom: theme.spacing.unit,\n  },\n  numberFields: {\n    fontSize: theme.typography.fontSize,\n    marginBottom: 0,\n  },\n}))((props) => {\n  const { classes, model, label, group, configuration, onChange } = props;\n\n  /**\n   * @param group - the group of settings\n   * @param key - the key(or path) to be used to set or get from model or configuration\n   * @param innerKey - the key(or path) to be used to get from the group (used only for numberField type)\n   * @returns tag that corresponds to element type */\n  const getTag = (group, key, innerKey) => {\n    const { isConfigProperty, ...properties } = get(group, innerKey || key);\n    const value = isConfigProperty ? get(configuration, key) : get(model, key);\n    const tagProps = { ...properties, key, value };\n    const Tag = tagMap[tagProps.type];\n\n    return <Tag key={key} {...tagProps} onChange={(v) => onChange(key, v, isConfigProperty)} />;\n  };\n\n  const content = (group, key) => {\n    const currentGroup = group[key];\n\n    if (!currentGroup) {\n      return null;\n    }\n\n    const { type, label, fields, choices } = currentGroup;\n\n    if (type === 'numberFields') {\n      return (\n        <div key={`numberField-${label}`}>\n          <p className={classes.numberFields}>{label}</p>\n          {Object.keys(fields).map((fieldKey) => {\n            return getTag(group, `${key}.${fieldKey}`, `${key}.fields.${fieldKey}`);\n          })}\n        </div>\n      );\n    }\n\n    if (type === 'checkboxes') {\n      return (\n        <div key={`checkbox-${label}`}>\n          <p>{label}</p>\n          {Object.keys(choices).map((choiceKey) => {\n            return getTag(group, `${key}.${choiceKey}`, `${key}.choices.${choiceKey}`);\n          })}\n        </div>\n      );\n    }\n\n    // if type is toggle, radio, dropdown or numberField\n    return getTag(group, key);\n  };\n\n  return (\n    <div className={classes.group}>\n      <div className={classes.groupHeader}>{label}</div>\n\n      {Object.keys(group).map((key) => {\n        return content(group, key);\n      })}\n    </div>\n  );\n});\n\nexport class Panel extends React.Component {\n  static propTypes = {\n    model: PropTypes.object,\n    configuration: PropTypes.object,\n    groups: PropTypes.object,\n    onChangeModel: PropTypes.func,\n    onChangeConfiguration: PropTypes.func,\n  };\n\n  static defaultProps = {\n    onChangeModel: () => {},\n    onChangeConfiguration: () => {},\n  };\n\n  change = (key, value, isConfigProperty = false) => {\n    log('[changeModel]', key, value);\n\n    const { onChangeModel, onChangeConfiguration } = this.props;\n    const model = { ...this.props.model };\n    const configuration = { ...this.props.configuration };\n\n    if (isConfigProperty) {\n      set(configuration, key, value);\n      onChangeConfiguration(configuration, key);\n    } else {\n      set(model, key, value);\n      onChangeModel(model, key);\n    }\n  };\n\n  render() {\n    const { groups, model, configuration } = this.props;\n\n    log('render:', model);\n\n    const renderedGroups = Object.keys(groups || {}).map((group) => {\n      const showGroup = Object.entries(groups[group]).some(([propName, propVal]) => !!propVal);\n\n      if (showGroup) {\n        return (\n          <Group\n            label={group}\n            key={group}\n            model={model}\n            configuration={configuration}\n            group={groups[group]}\n            onChange={this.change}\n          />\n        );\n      }\n\n      return null;\n    });\n\n    return <div>{renderedGroups}</div>;\n  }\n}\n\nexport default Panel;\n"],"file":"panel.js"}
+{"version":3,"sources":["../../src/settings/panel.jsx"],"names":["log","labelValue","label","PropTypes","string","value","baseTypes","onChange","func","CheckboxChoice","event","target","checked","propTypes","bool","Radio","classes","choices","radioSettings","SettingsRadioLabel","arrayOf","shape","StyledRadio","theme","marginTop","spacing","unit","paddingBottom","width","color","transform","fontSize","display","Dropdown","margin","typography","wrapper","border","borderRadius","padding","map","l","index","TextField","field","marginRight","NumberField","suffix","min","max","ev","object","number","ToggleWrapper","tagMap","toggle","radio","dropdown","numberField","checkbox","textField","Group","group","groupHeader","fontWeight","marginBottom","numberFields","props","model","configuration","getTag","key","innerKey","isConfigProperty","properties","tagProps","Tag","type","v","content","currentGroup","fields","Object","keys","fieldKey","choiceKey","Panel","onChangeModel","onChangeConfiguration","groups","renderedGroups","showGroup","entries","some","propName","propVal","change","React","Component"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport get from 'lodash/get';\nimport set from 'lodash/set';\nimport Select from '@material-ui/core/Select';\nimport Input from '@material-ui/core/Input';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport debug from 'debug';\n\nimport Toggle from './toggle';\nimport { NChoice } from '../two-choice';\nimport SettingsRadioLabel from './settings-radio-label';\nimport { NumberTextField } from '../index';\nimport Checkbox from '../checkbox';\nimport Typography from '@material-ui/core/Typography';\n\nconst log = debug('pie-lib:config-ui:settings:panel');\n\nconst labelValue = {\n  label: PropTypes.string,\n  value: PropTypes.string,\n};\n\nconst baseTypes = {\n  label: PropTypes.string,\n  value: PropTypes.string,\n  onChange: PropTypes.func,\n};\n\nconst CheckboxChoice = ({ label, value, onChange }) => {\n  return (\n    <Checkbox\n      checked={value}\n      label={label}\n      onChange={(event) => {\n        onChange(event.target.checked);\n      }}\n    />\n  );\n};\n\nCheckboxChoice.propTypes = {\n  label: PropTypes.string,\n  value: PropTypes.bool,\n  onChange: PropTypes.func,\n};\n\nconst Radio = ({ classes, label, value, onChange, choices }) => {\n  return (\n    <NChoice\n      className={classes.radioSettings}\n      direction=\"horizontal\"\n      customLabel={SettingsRadioLabel}\n      value={value}\n      header={label}\n      opts={choices}\n      onChange={onChange}\n    />\n  );\n};\n\nRadio.propTypes = { ...baseTypes, choices: PropTypes.arrayOf(PropTypes.shape(labelValue)) };\n\nconst StyledRadio = withStyles((theme) => ({\n  radioSettings: {\n    marginTop: theme.spacing.unit / 2,\n    paddingBottom: theme.spacing.unit / 2,\n    width: '100%',\n    '& > label': {\n      color: 'rgba(0, 0, 0, 0.89)',\n      transform: 'translate(0, 10px) scale(1)',\n      fontSize: '14px',\n    },\n    '& > div': {\n      marginTop: theme.spacing.unit * 2.5,\n    },\n  },\n  label: {\n    display: 'none',\n  },\n}))(Radio);\n\nconst Dropdown = withStyles((theme) => ({\n  label: {\n    margin: 0,\n    fontSize: theme.typography.fontSize,\n  },\n  wrapper: {\n    marginTop: theme.spacing.unit / 2,\n    border: '2px solid lightgrey',\n    borderRadius: '4px',\n    padding: `0 ${theme.spacing.unit}px`,\n  },\n}))(({ classes, label, value, onChange, choices = [] }) => {\n  return (\n    <div>\n      {label && <p className={classes.label}>{label}</p>}\n      <Select\n        className={classes.wrapper}\n        value={value || (choices && choices[0])}\n        onChange={({ target }) => onChange(target.value)}\n        input={<Input id={`dropdown-${label}`} />}\n        disableUnderline\n      >\n        {choices.map((l, index) => (\n          <MenuItem key={index} value={l}>\n            {l}\n          </MenuItem>\n        ))}\n      </Select>\n    </div>\n  );\n});\n\nDropdown.propTypes = { ...baseTypes, choices: PropTypes.arrayOf(PropTypes.string) };\n\nconst TextField = withStyles((theme) => ({\n  field: {\n    marginRight: theme.spacing.unit * 3,\n    marginTop: theme.spacing.unit,\n  },\n}))(({ classes, label }) => {\n  return <Typography className={classes.field}>{label}</Typography>;\n});\n\nconst NumberField = withStyles((theme) => ({\n  field: {\n    width: '35%',\n    marginRight: theme.spacing.unit * 3,\n    marginTop: theme.spacing.unit,\n  },\n  wrapper: {\n    marginTop: theme.spacing.unit / 2,\n    border: '2px solid lightgrey',\n    borderRadius: '4px',\n    padding: `0 ${theme.spacing.unit}px`,\n  },\n}))(({ classes, label, value, onChange = () => {}, suffix, min, max }) => {\n  return (\n    <NumberTextField\n      label={label || 'Label'}\n      value={value}\n      max={max}\n      min={min}\n      onChange={(ev, value) => onChange(value)}\n      suffix={suffix}\n      className={classes.field}\n      showErrorWhenOutsideRange\n      inputClassName={classes.wrapper}\n      disableUnderline\n    />\n  );\n});\n\nNumberField.propTypes = {\n  ...baseTypes,\n  classes: PropTypes.object,\n  suffix: PropTypes.string,\n  min: PropTypes.number,\n  max: PropTypes.number,\n  value: PropTypes.number,\n};\n\nTextField.propTypes = {\n  ...baseTypes,\n};\n\nconst ToggleWrapper = ({ label, value, onChange }) => <Toggle label={label} checked={!!value} toggle={onChange} />;\n\nToggleWrapper.propTypes = { ...baseTypes, value: PropTypes.bool };\n\nconst tagMap = {\n  toggle: ToggleWrapper,\n  radio: StyledRadio,\n  dropdown: Dropdown,\n  numberField: NumberField,\n  checkbox: CheckboxChoice,\n  textField: TextField,\n};\n\nconst Group = withStyles((theme) => ({\n  group: {\n    margin: `0 0 ${theme.spacing.unit * 2}px 0`,\n  },\n  groupHeader: {\n    color: '#495B8F',\n    fontSize: theme.typography.fontSize + 2,\n    fontWeight: 600,\n    marginBottom: theme.spacing.unit,\n  },\n  numberFields: {\n    fontSize: theme.typography.fontSize,\n    marginBottom: 0,\n  },\n}))((props) => {\n  const { classes, model, label, group, configuration, onChange } = props;\n\n  /**\n   * @param group - the group of settings\n   * @param key - the key(or path) to be used to set or get from model or configuration\n   * @param innerKey - the key(or path) to be used to get from the group (used only for numberField type)\n   * @returns tag that corresponds to element type */\n  const getTag = (group, key, innerKey) => {\n    const { isConfigProperty, ...properties } = get(group, innerKey || key);\n    const value = isConfigProperty ? get(configuration, key) : get(model, key);\n    const tagProps = { ...properties, key, value };\n    const Tag = tagMap[tagProps.type];\n\n    return <Tag key={key} {...tagProps} onChange={(v) => onChange(key, v, isConfigProperty)} />;\n  };\n\n  const content = (group, key) => {\n    const currentGroup = group[key];\n\n    if (!currentGroup) {\n      return null;\n    }\n\n    const { type, label, fields, choices } = currentGroup;\n\n    if (type === 'numberFields') {\n      return (\n        <div key={`numberField-${label}`}>\n          <p className={classes.numberFields}>{label}</p>\n          {Object.keys(fields).map((fieldKey) => {\n            return getTag(group, `${key}.${fieldKey}`, `${key}.fields.${fieldKey}`);\n          })}\n        </div>\n      );\n    }\n\n    if (type === 'checkboxes') {\n      return (\n        <div key={`checkbox-${label}`}>\n          <p>{label}</p>\n          {Object.keys(choices).map((choiceKey) => {\n            return getTag(group, `${key}.${choiceKey}`, `${key}.choices.${choiceKey}`);\n          })}\n        </div>\n      );\n    }\n\n    // if type is toggle, radio, dropdown, numberField or numberText\n    return getTag(group, key);\n  };\n\n  return (\n    <div className={classes.group}>\n      <div className={classes.groupHeader}>{label}</div>\n\n      {Object.keys(group).map((key) => {\n        return content(group, key);\n      })}\n    </div>\n  );\n});\n\nexport class Panel extends React.Component {\n  static propTypes = {\n    model: PropTypes.object,\n    configuration: PropTypes.object,\n    groups: PropTypes.object,\n    onChangeModel: PropTypes.func,\n    onChangeConfiguration: PropTypes.func,\n  };\n\n  static defaultProps = {\n    onChangeModel: () => {},\n    onChangeConfiguration: () => {},\n  };\n\n  change = (key, value, isConfigProperty = false) => {\n    log('[changeModel]', key, value);\n\n    const { onChangeModel, onChangeConfiguration } = this.props;\n    const model = { ...this.props.model };\n    const configuration = { ...this.props.configuration };\n\n    if (isConfigProperty) {\n      set(configuration, key, value);\n      onChangeConfiguration(configuration, key);\n    } else {\n      set(model, key, value);\n      onChangeModel(model, key);\n    }\n  };\n\n  render() {\n    const { groups, model, configuration } = this.props;\n\n    log('render:', model);\n\n    const renderedGroups = Object.keys(groups || {}).map((group) => {\n      const showGroup = Object.entries(groups[group]).some(([propName, propVal]) => !!propVal);\n\n      if (showGroup) {\n        return (\n          <Group\n            label={group}\n            key={group}\n            model={model}\n            configuration={configuration}\n            group={groups[group]}\n            onChange={this.change}\n          />\n        );\n      }\n\n      return null;\n    });\n\n    return <div>{renderedGroups}</div>;\n  }\n}\n\nexport default Panel;\n"],"file":"panel.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/config-ui",
-  "version": "11.4.1-next.0+8186473c",
+  "version": "11.5.2",
   "main": "lib/index.js",
   "module": "src/index.js",
   "publishConfig": {
@@ -10,9 +10,9 @@
   "dependencies": {
     "@material-ui/core": "^3.8.3",
     "@material-ui/icons": "^3.0.2",
-    "@pie-lib/editable-html": "^9.5.12",
+    "@pie-lib/editable-html": "^9.5.15",
     "@pie-lib/icons": "^2.4.42",
-    "@pie-lib/render-ui": "^4.14.12",
+    "@pie-lib/render-ui": "^4.14.15",
     "classnames": "^2.2.6",
     "debug": "^4.1.1",
     "lodash": "^4.17.11",
@@ -26,5 +26,5 @@
   "peerDependencies": {
     "react": "^16.8.1"
   },
-  "gitHead": "8186473c8e098f2afb2bcf4e240c9b02277c0aad"
+  "gitHead": "2ff82d312651c2088d006b19594e3fe63d2f9090"
 }

package/src/choice-configuration/index.jsx

@@ -232,6 +232,7 @@ export class ChoiceConfiguration extends React.Component {
 
           <div className={classes.middleColumn}>
             <EditableHtmlContainer
+              className={classes.input}
               label={!noLabels ? 'Label' : ''}
               value={data.label}
               onChange={this.onLabelChange}
@@ -284,7 +285,8 @@ export class ChoiceConfiguration extends React.Component {
 
 const styles = (theme) => ({
   index: {
-    padding: '24px 8px 0 0',
+    paddingRight: theme.spacing.unit,
+    paddingTop: theme.spacing.unit * 3.5,
   },
   choiceConfiguration: {},
   topRow: {
@@ -299,17 +301,20 @@ const styles = (theme) => ({
   },
   toggle: {
     flex: '0 1 auto',
+    paddingTop: theme.spacing.unit / 2,
+    paddingBottom: 0,
+    marginRight: 0,
+    marginLeft: theme.spacing.unit,
   },
   feedback: {
     flex: '0 1 auto',
-    paddingTop: theme.spacing.unit,
+    paddingTop: theme.spacing.unit * 2,
     paddingLeft: 0,
     marginLeft: 0,
-    paddingRight: theme.spacing.unit * 3,
+    marginRight: theme.spacing.unit,
   },
   feedbackIcon: {
     margin: 0,
-    paddingLeft: 0,
     width: 'inherit',
   },
   deleteIcon: {
@@ -318,7 +323,7 @@ const styles = (theme) => ({
   },
   delete: {
     flex: '0 1 auto',
-    paddingTop: theme.spacing.unit,
+    paddingTop: theme.spacing.unit * 2,
     paddingLeft: 0,
     marginLeft: 0,
   },
@@ -326,6 +331,10 @@ const styles = (theme) => ({
     display: 'flex',
     flex: 1,
     flexDirection: 'column',
+    marginRight: theme.spacing.unit,
+  },
+  input: {
+    marginRight: 0,
   },
   errorText: {
     fontSize: theme.typography.fontSize - 2,

package/src/feedback-config/feedback-selector.jsx

@@ -34,11 +34,12 @@ const style = (theme) => ({
     paddingBottom: 0,
   },
   customHolder: holder(theme, {
-    background: theme.palette.grey[400],
+    background: theme.palette.grey[300],
     padding: 0,
   }),
   defaultHolder: holder(theme, {
     fontFamily: theme.typography.fontFamily,
+    padding: theme.spacing.unit * 2,
     cursor: 'default',
   }),
   editor: {

package/src/feedback-config/index.jsx

@@ -14,8 +14,13 @@ export { FeedbackSelector };
 const style = {
   feedbackContainer: {
     display: 'flex',
+    flex: 1,
     flexDirection: 'column',
   },
+  panelDetails: {
+    paddingTop: 0,
+    paddingBottom: 0,
+  },
 };
 
 export const buildDefaults = (input) => {
@@ -62,41 +67,43 @@ export class FeedbackConfig extends React.Component {
   onPartialChange = this.onChange.bind(this, 'partial');
 
   render() {
-    const { classes, allowPartial, feedback, toolbarOpts } = this.props;
+    const { classes, className, allowPartial, feedback, toolbarOpts } = this.props;
 
     return (
-      <ExpansionPanel>
-        <ExpansionPanelSummary expandIcon={<ExpandMoreIcon />}>
-          <Typography className={classes.heading}>Feedback</Typography>
-        </ExpansionPanelSummary>
-
-        <ExpansionPanelDetails>
-          <div className={classes.feedbackContainer}>
-            <FeedbackSelector
-              label="If correct, show"
-              feedback={feedback.correct}
-              onChange={this.onCorrectChange}
-              toolbarOpts={toolbarOpts}
-            />
-
-            {allowPartial && (
+      <div className={className}>
+        <ExpansionPanel>
+          <ExpansionPanelSummary expandIcon={<ExpandMoreIcon />}>
+            <Typography className={classes.heading}>Feedback</Typography>
+          </ExpansionPanelSummary>
+
+          <ExpansionPanelDetails className={classes.panelDetails}>
+            <div className={classes.feedbackContainer}>
+              <FeedbackSelector
+                label="If correct, show"
+                feedback={feedback.correct}
+                onChange={this.onCorrectChange}
+                toolbarOpts={toolbarOpts}
+              />
+
+              {allowPartial && (
+                <FeedbackSelector
+                  label="If partially correct, show"
+                  feedback={feedback.partial}
+                  onChange={this.onPartialChange}
+                  toolbarOpts={toolbarOpts}
+                />
+              )}
+
               <FeedbackSelector
-                label="If partially correct, show"
-                feedback={feedback.partial}
-                onChange={this.onPartialChange}
+                label="If incorrect, show"
+                feedback={feedback.incorrect}
+                onChange={this.onIncorrectChange}
                 toolbarOpts={toolbarOpts}
               />
-            )}
-
-            <FeedbackSelector
-              label="If incorrect, show"
-              feedback={feedback.incorrect}
-              onChange={this.onIncorrectChange}
-              toolbarOpts={toolbarOpts}
-            />
-          </div>
-        </ExpansionPanelDetails>
-      </ExpansionPanel>
+            </div>
+          </ExpansionPanelDetails>
+        </ExpansionPanel>
+      </div>
     );
   }
 }

package/src/number-text-field.jsx

@@ -9,7 +9,10 @@ import InputAdornment from '@material-ui/core/InputAdornment';
 const log = debug('@pie-lib:config-ui:number-text-field');
 
 const styles = (theme) => ({
-  root: { marginRight: theme.spacing.unit },
+  marginRight: theme.spacing.unit,
+  '& label': {
+    width: 'max-content',
+  },
 });
 
 const fallbackNumber = (min, max) => {

package/src/settings/index.js

@@ -2,6 +2,12 @@ import Panel from './panel';
 
 export { Panel };
 
+export const textField = (label, isConfigProperty = true) => ({
+  label,
+  type: 'textField',
+  isConfigProperty,
+});
+
 export const toggle = (label, isConfigProperty = false) => ({
   type: 'toggle',
   label,

package/src/settings/panel.jsx

@@ -13,6 +13,7 @@ import { NChoice } from '../two-choice';
 import SettingsRadioLabel from './settings-radio-label';
 import { NumberTextField } from '../index';
 import Checkbox from '../checkbox';
+import Typography from '@material-ui/core/Typography';
 
 const log = debug('pie-lib:config-ui:settings:panel');
 
@@ -114,6 +115,15 @@ const Dropdown = withStyles((theme) => ({
 
 Dropdown.propTypes = { ...baseTypes, choices: PropTypes.arrayOf(PropTypes.string) };
 
+const TextField = withStyles((theme) => ({
+  field: {
+    marginRight: theme.spacing.unit * 3,
+    marginTop: theme.spacing.unit,
+  },
+}))(({ classes, label }) => {
+  return <Typography className={classes.field}>{label}</Typography>;
+});
+
 const NumberField = withStyles((theme) => ({
   field: {
     width: '35%',
@@ -152,6 +162,10 @@ NumberField.propTypes = {
   value: PropTypes.number,
 };
 
+TextField.propTypes = {
+  ...baseTypes,
+};
+
 const ToggleWrapper = ({ label, value, onChange }) => <Toggle label={label} checked={!!value} toggle={onChange} />;
 
 ToggleWrapper.propTypes = { ...baseTypes, value: PropTypes.bool };
@@ -162,6 +176,7 @@ const tagMap = {
   dropdown: Dropdown,
   numberField: NumberField,
   checkbox: CheckboxChoice,
+  textField: TextField,
 };
 
 const Group = withStyles((theme) => ({
@@ -226,7 +241,7 @@ const Group = withStyles((theme) => ({
       );
     }
 
-    // if type is toggle, radio, dropdown or numberField
+    // if type is toggle, radio, dropdown, numberField or numberText
     return getTag(group, key);
   };