@pie-lib/config-ui 11.30.0-mui-update.0 → 11.30.1-beta-1

package/lib/settings/panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"panel.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_get2","_set","_Select","_Input","_MenuItem","_debug","_toggle","_twoChoice","_settingsRadioLabel","_numberTextField","_checkbox","_Typography","_excluded","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ownKeys","r","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","log","debug","labelValue","label","PropTypes","string","value","baseTypes","onChange","func","CheckboxChoice","_ref","createElement","checked","event","target","propTypes","bool","StyledNChoice","styled","NChoice","_ref2","theme","marginTop","spacing","paddingBottom","width","color","transform","fontSize","Radio","_ref3","choices","direction","customLabel","SettingsRadioLabel","header","opts","arrayOf","shape","StyledRadio","StyledLabel","_ref4","margin","typography","StyledSelect","Select","_ref5","border","borderRadius","padding","concat","Dropdown","_ref6","_ref6$choices","getItemLabel","l","getItemValue","_ref7","input","id","disableUnderline","map","index","key","StyledTypography","Typography","_ref8","marginRight","TextField","_ref9","StyledNumberTextField","NumberTextField","_ref0","NumberField","_ref1","_ref1$onChange","suffix","min","max","ev","showErrorWhenOutsideRange","number","ToggleWrapper","_ref10","disabled","toggle","tagMap","radio","dropdown","numberField","checkbox","textField","StyledGroup","_ref11","StyledGroupHeader","_ref12","fontWeight","marginBottom","StyledNumberFields","_ref13","Group","props","model","group","configuration","getTag","innerKey","_get","get","isConfigProperty","properties","_objectWithoutProperties2","tagProps","Tag","type","_extends2","v","content","currentGroup","fields","fieldKey","choiceKey","Panel","exports","_React$Component","_this","_classCallCheck2","_len","args","Array","_key","undefined","_this$props","onChangeModel","onChangeConfiguration","set","_inherits2","_createClass2","render","_this2","_this$props2","groups","modal","renderedGroups","showGroup","entries","some","_ref14","_ref15","_slicedToArray2","propVal","change","React","Component","object","_default"],"sources":["../../src/settings/panel.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport get from 'lodash/get';\nimport set from 'lodash/set';\nimport Select from '@mui/material/Select';\nimport Input from '@mui/material/Input';\nimport MenuItem from '@mui/material/MenuItem';\nimport debug from 'debug';\n\nimport Toggle from './toggle';\nimport { NChoice } from '../two-choice';\nimport SettingsRadioLabel from './settings-radio-label';\nimport NumberTextField from '../number-text-field';\nimport Checkbox from '../checkbox';\nimport Typography from '@mui/material/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 StyledNChoice = styled(NChoice)(({ theme }) => ({\n  marginTop: theme.spacing(0.5),\n  paddingBottom: theme.spacing(0.5),\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(2.5),\n  },\n}));\n\nconst Radio = ({ label, value, onChange, choices }) => {\n  return (\n    <StyledNChoice\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 = Radio;\n\nconst StyledLabel = styled('p')(({ theme }) => ({\n  margin: 0,\n  fontSize: theme.typography.fontSize,\n}));\n\nconst StyledSelect = styled(Select)(({ theme }) => ({\n  marginTop: theme.spacing(0.5),\n  border: '2px solid lightgrey',\n  borderRadius: '4px',\n  padding: `0 ${theme.spacing(1)}px`,\n}));\n\nconst Dropdown = ({ label, value, onChange, choices = [] }) => {\n  const getItemLabel = (l) => (typeof l === 'string' ? l : l.label);\n  const getItemValue = (l) => (typeof l === 'string' ? l : l.value);\n  return (\n    <div>\n      {label && <StyledLabel>{label}</StyledLabel>}\n      <StyledSelect\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={getItemValue(l)}>\n            {getItemLabel(l)}\n          </MenuItem>\n        ))}\n      </StyledSelect>\n    </div>\n  );\n};\n\nDropdown.propTypes = { ...baseTypes, choices: PropTypes.arrayOf(PropTypes.string) };\n\nconst StyledTypography = styled(Typography)(({ theme }) => ({\n  marginRight: theme.spacing(3),\n  marginTop: theme.spacing(1),\n}));\n\nconst TextField = ({ label }) => {\n  return <StyledTypography>{label}</StyledTypography>;\n};\n\nconst StyledNumberTextField = styled(NumberTextField)(({ theme }) => ({\n  width: '35%',\n  marginRight: theme.spacing(3),\n  marginTop: theme.spacing(1),\n  '& .MuiInputBase-root': {\n    marginTop: theme.spacing(0.5),\n    border: '2px solid lightgrey',\n    borderRadius: '4px',\n    padding: `0 ${theme.spacing(1)}px`,\n  },\n}));\n\nconst NumberField = ({ label, value, onChange = () => {}, suffix, min, max }) => {\n  return (\n    <StyledNumberTextField\n      label={label || 'Label'}\n      value={value}\n      max={max}\n      min={min}\n      onChange={(ev, value) => onChange(value)}\n      suffix={suffix}\n      showErrorWhenOutsideRange\n      disableUnderline\n    />\n  );\n};\n\nNumberField.propTypes = {\n  ...baseTypes,\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 = ({ disabled, label, value, onChange }) => (\n  <Toggle label={label} checked={!!value} disabled={!!disabled} toggle={onChange} />\n);\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 StyledGroup = styled('div')(({ theme }) => ({\n  margin: `0 0 ${theme.spacing(2)}px 0`,\n}));\n\nconst StyledGroupHeader = styled('div')(({ theme }) => ({\n  color: '#495B8F',\n  fontSize: theme.typography.fontSize + 2,\n  fontWeight: 600,\n  marginBottom: theme.spacing(1),\n}));\n\nconst StyledNumberFields = styled('p')(({ theme }) => ({\n  fontSize: theme.typography.fontSize,\n  marginBottom: 0,\n}));\n\nconst Group = (props) => {\n  const { 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          <StyledNumberFields>{label}</StyledNumberFields>\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    <StyledGroup>\n      <StyledGroupHeader>{label}</StyledGroupHeader>\n\n      {Object.keys(group).map((key) => {\n        return content(group, key);\n      })}\n    </StyledGroup>\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    modal: PropTypes.object,\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, modal } = this.props;\n\n    log('render:', model);\n\n    const renderedGroups = Object.keys(groups || {}).map((group) => {\n      const showGroup = Object.entries(groups[group]).some(([, 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 (\n      <div>\n        {renderedGroups}\n        {modal}\n      </div>\n    );\n  }\n}\n\nexport default Panel;\n"],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,IAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,OAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,MAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,SAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,MAAA,GAAAT,sBAAA,CAAAC,OAAA;AAEA,IAAAS,OAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,UAAA,GAAAV,OAAA;AACA,IAAAW,mBAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,gBAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,SAAA,GAAAd,sBAAA,CAAAC,OAAA;AACA,IAAAc,WAAA,GAAAf,sBAAA,CAAAC,OAAA;AAAkD,IAAAe,SAAA;AAAA,SAAAC,WAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,WAAAD,CAAA,OAAAE,gBAAA,aAAAF,CAAA,OAAAG,2BAAA,aAAAJ,CAAA,EAAAK,yBAAA,KAAAC,OAAA,CAAAC,SAAA,CAAAN,CAAA,EAAAC,CAAA,YAAAC,gBAAA,aAAAH,CAAA,EAAAQ,WAAA,IAAAP,CAAA,CAAAQ,KAAA,CAAAT,CAAA,EAAAE,CAAA;AAAA,SAAAG,0BAAA,cAAAL,CAAA,IAAAU,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAP,OAAA,CAAAC,SAAA,CAAAG,OAAA,iCAAAV,CAAA,aAAAK,yBAAA,YAAAA,0BAAA,aAAAL,CAAA;AAAA,SAAAc,QAAAZ,CAAA,EAAAa,CAAA,QAAAf,CAAA,GAAAgB,MAAA,CAAAC,IAAA,CAAAf,CAAA,OAAAc,MAAA,CAAAE,qBAAA,QAAAjB,CAAA,GAAAe,MAAA,CAAAE,qBAAA,CAAAhB,CAAA,GAAAa,CAAA,KAAAd,CAAA,GAAAA,CAAA,CAAAkB,MAAA,WAAAJ,CAAA,WAAAC,MAAA,CAAAI,wBAAA,CAAAlB,CAAA,EAAAa,CAAA,EAAAM,UAAA,OAAArB,CAAA,CAAAsB,IAAA,CAAAb,KAAA,CAAAT,CAAA,EAAAC,CAAA,YAAAD,CAAA;AAAA,SAAAuB,cAAArB,CAAA,aAAAa,CAAA,MAAAA,CAAA,GAAAS,SAAA,CAAAC,MAAA,EAAAV,CAAA,UAAAf,CAAA,WAAAwB,SAAA,CAAAT,CAAA,IAAAS,SAAA,CAAAT,CAAA,QAAAA,CAAA,OAAAD,OAAA,CAAAE,MAAA,CAAAhB,CAAA,OAAA0B,OAAA,WAAAX,CAAA,QAAAY,gBAAA,aAAAzB,CAAA,EAAAa,CAAA,EAAAf,CAAA,CAAAe,CAAA,SAAAC,MAAA,CAAAY,yBAAA,GAAAZ,MAAA,CAAAa,gBAAA,CAAA3B,CAAA,EAAAc,MAAA,CAAAY,yBAAA,CAAA5B,CAAA,KAAAc,OAAA,CAAAE,MAAA,CAAAhB,CAAA,GAAA0B,OAAA,WAAAX,CAAA,IAAAC,MAAA,CAAAc,cAAA,CAAA5B,CAAA,EAAAa,CAAA,EAAAC,MAAA,CAAAI,wBAAA,CAAApB,CAAA,EAAAe,CAAA,iBAAAb,CAAA;AAElD,IAAM6B,GAAG,GAAG,IAAAC,iBAAK,EAAC,kCAAkC,CAAC;AAErD,IAAMC,UAAU,GAAG;EACjBC,KAAK,EAAEC,qBAAS,CAACC,MAAM;EACvBC,KAAK,EAAEF,qBAAS,CAACC;AACnB,CAAC;AAED,IAAME,SAAS,GAAG;EAChBJ,KAAK,EAAEC,qBAAS,CAACC,MAAM;EACvBC,KAAK,EAAEF,qBAAS,CAACC,MAAM;EACvBG,QAAQ,EAAEJ,qBAAS,CAACK;AACtB,CAAC;AAED,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAAmC;EAAA,IAA7BR,KAAK,GAAAQ,IAAA,CAALR,KAAK;IAAEG,KAAK,GAAAK,IAAA,CAALL,KAAK;IAAEE,SAAQ,GAAAG,IAAA,CAARH,QAAQ;EAC9C,oBACE1D,MAAA,YAAA8D,aAAA,CAAC/C,SAAA,WAAQ;IACPgD,OAAO,EAAEP,KAAM;IACfH,KAAK,EAAEA,KAAM;IACbK,QAAQ,EAAE,SAAVA,QAAQA,CAAGM,KAAK,EAAK;MACnBN,SAAQ,CAACM,KAAK,CAACC,MAAM,CAACF,OAAO,CAAC;IAChC;EAAE,CACH,CAAC;AAEN,CAAC;AAEDH,cAAc,CAACM,SAAS,GAAG;EACzBb,KAAK,EAAEC,qBAAS,CAACC,MAAM;EACvBC,KAAK,EAAEF,qBAAS,CAACa,IAAI;EACrBT,QAAQ,EAAEJ,qBAAS,CAACK;AACtB,CAAC;AAED,IAAMS,aAAa,GAAG,IAAAC,cAAM,EAACC,kBAAO,CAAC,CAAC,UAAAC,KAAA;EAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;EAAA,OAAQ;IACpDC,SAAS,EAAED,KAAK,CAACE,OAAO,CAAC,GAAG,CAAC;IAC7BC,aAAa,EAAEH,KAAK,CAACE,OAAO,CAAC,GAAG,CAAC;IACjCE,KAAK,EAAE,MAAM;IACb,WAAW,EAAE;MACXC,KAAK,EAAE,qBAAqB;MAC5BC,SAAS,EAAE,6BAA6B;MACxCC,QAAQ,EAAE;IACZ,CAAC;IACD,SAAS,EAAE;MACTN,SAAS,EAAED,KAAK,CAACE,OAAO,CAAC,GAAG;IAC9B;EACF,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMM,KAAK,GAAG,SAARA,KAAKA,CAAAC,KAAA,EAA4C;EAAA,IAAtC5B,KAAK,GAAA4B,KAAA,CAAL5B,KAAK;IAAEG,KAAK,GAAAyB,KAAA,CAALzB,KAAK;IAAEE,QAAQ,GAAAuB,KAAA,CAARvB,QAAQ;IAAEwB,OAAO,GAAAD,KAAA,CAAPC,OAAO;EAC9C,oBACElF,MAAA,YAAA8D,aAAA,CAACM,aAAa;IACZe,SAAS,EAAC,YAAY;IACtBC,WAAW,EAAEC,8BAAmB;IAChC7B,KAAK,EAAEA,KAAM;IACb8B,MAAM,EAAEjC,KAAM;IACdkC,IAAI,EAAEL,OAAQ;IACdxB,QAAQ,EAAEA;EAAS,CACpB,CAAC;AAEN,CAAC;AAEDsB,KAAK,CAACd,SAAS,GAAAxB,aAAA,CAAAA,aAAA,KAAQe,SAAS;EAAEyB,OAAO,EAAE5B,qBAAS,CAACkC,OAAO,CAAClC,qBAAS,CAACmC,KAAK,CAACrC,UAAU,CAAC;AAAC,EAAE;AAE3F,IAAMsC,WAAW,GAAGV,KAAK;AAEzB,IAAMW,WAAW,GAAG,IAAAtB,cAAM,EAAC,GAAG,CAAC,CAAC,UAAAuB,KAAA;EAAA,IAAGpB,KAAK,GAAAoB,KAAA,CAALpB,KAAK;EAAA,OAAQ;IAC9CqB,MAAM,EAAE,CAAC;IACTd,QAAQ,EAAEP,KAAK,CAACsB,UAAU,CAACf;EAC7B,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMgB,YAAY,GAAG,IAAA1B,cAAM,EAAC2B,kBAAM,CAAC,CAAC,UAAAC,KAAA;EAAA,IAAGzB,KAAK,GAAAyB,KAAA,CAALzB,KAAK;EAAA,OAAQ;IAClDC,SAAS,EAAED,KAAK,CAACE,OAAO,CAAC,GAAG,CAAC;IAC7BwB,MAAM,EAAE,qBAAqB;IAC7BC,YAAY,EAAE,KAAK;IACnBC,OAAO,OAAAC,MAAA,CAAO7B,KAAK,CAACE,OAAO,CAAC,CAAC,CAAC;EAChC,CAAC;AAAA,CAAC,CAAC;AAEH,IAAM4B,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,KAAA,EAAiD;EAAA,IAA3ClD,KAAK,GAAAkD,KAAA,CAALlD,KAAK;IAAEG,KAAK,GAAA+C,KAAA,CAAL/C,KAAK;IAAEE,UAAQ,GAAA6C,KAAA,CAAR7C,QAAQ;IAAA8C,aAAA,GAAAD,KAAA,CAAErB,OAAO;IAAPA,OAAO,GAAAsB,aAAA,cAAG,EAAE,GAAAA,aAAA;EACtD,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAIC,CAAC;IAAA,OAAM,OAAOA,CAAC,KAAK,QAAQ,GAAGA,CAAC,GAAGA,CAAC,CAACrD,KAAK;EAAA,CAAC;EACjE,IAAMsD,YAAY,GAAG,SAAfA,YAAYA,CAAID,CAAC;IAAA,OAAM,OAAOA,CAAC,KAAK,QAAQ,GAAGA,CAAC,GAAGA,CAAC,CAAClD,KAAK;EAAA,CAAC;EACjE,oBACExD,MAAA,YAAA8D,aAAA,cACGT,KAAK,iBAAIrD,MAAA,YAAA8D,aAAA,CAAC6B,WAAW,QAAEtC,KAAmB,CAAC,eAC5CrD,MAAA,YAAA8D,aAAA,CAACiC,YAAY;IACXvC,KAAK,EAAEA,KAAK,IAAK0B,OAAO,IAAIA,OAAO,CAAC,CAAC,CAAG;IACxCxB,QAAQ,EAAE,SAAVA,QAAQA,CAAAkD,KAAA;MAAA,IAAK3C,MAAM,GAAA2C,KAAA,CAAN3C,MAAM;MAAA,OAAOP,UAAQ,CAACO,MAAM,CAACT,KAAK,CAAC;IAAA,CAAC;IACjDqD,KAAK,eAAE7G,MAAA,YAAA8D,aAAA,CAACtD,MAAA,WAAK;MAACsG,EAAE,cAAAT,MAAA,CAAchD,KAAK;IAAG,CAAE,CAAE;IAC1C0D,gBAAgB;EAAA,GAEf7B,OAAO,CAAC8B,GAAG,CAAC,UAACN,CAAC,EAAEO,KAAK;IAAA,oBACpBjH,MAAA,YAAA8D,aAAA,CAACrD,SAAA,WAAQ;MAACyG,GAAG,EAAED,KAAM;MAACzD,KAAK,EAAEmD,YAAY,CAACD,CAAC;IAAE,GAC1CD,YAAY,CAACC,CAAC,CACP,CAAC;EAAA,CACZ,CACW,CACX,CAAC;AAEV,CAAC;AAEDJ,QAAQ,CAACpC,SAAS,GAAAxB,aAAA,CAAAA,aAAA,KAAQe,SAAS;EAAEyB,OAAO,EAAE5B,qBAAS,CAACkC,OAAO,CAAClC,qBAAS,CAACC,MAAM;AAAC,EAAE;AAEnF,IAAM4D,gBAAgB,GAAG,IAAA9C,cAAM,EAAC+C,sBAAU,CAAC,CAAC,UAAAC,KAAA;EAAA,IAAG7C,KAAK,GAAA6C,KAAA,CAAL7C,KAAK;EAAA,OAAQ;IAC1D8C,WAAW,EAAE9C,KAAK,CAACE,OAAO,CAAC,CAAC,CAAC;IAC7BD,SAAS,EAAED,KAAK,CAACE,OAAO,CAAC,CAAC;EAC5B,CAAC;AAAA,CAAC,CAAC;AAEH,IAAM6C,SAAS,GAAG,SAAZA,SAASA,CAAAC,KAAA,EAAkB;EAAA,IAAZnE,KAAK,GAAAmE,KAAA,CAALnE,KAAK;EACxB,oBAAOrD,MAAA,YAAA8D,aAAA,CAACqD,gBAAgB,QAAE9D,KAAwB,CAAC;AACrD,CAAC;AAED,IAAMoE,qBAAqB,GAAG,IAAApD,cAAM,EAACqD,2BAAe,CAAC,CAAC,UAAAC,KAAA;EAAA,IAAGnD,KAAK,GAAAmD,KAAA,CAALnD,KAAK;EAAA,OAAQ;IACpEI,KAAK,EAAE,KAAK;IACZ0C,WAAW,EAAE9C,KAAK,CAACE,OAAO,CAAC,CAAC,CAAC;IAC7BD,SAAS,EAAED,KAAK,CAACE,OAAO,CAAC,CAAC,CAAC;IAC3B,sBAAsB,EAAE;MACtBD,SAAS,EAAED,KAAK,CAACE,OAAO,CAAC,GAAG,CAAC;MAC7BwB,MAAM,EAAE,qBAAqB;MAC7BC,YAAY,EAAE,KAAK;MACnBC,OAAO,OAAAC,MAAA,CAAO7B,KAAK,CAACE,OAAO,CAAC,CAAC,CAAC;IAChC;EACF,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMkD,WAAW,GAAG,SAAdA,WAAWA,CAAAC,KAAA,EAAgE;EAAA,IAA1DxE,KAAK,GAAAwE,KAAA,CAALxE,KAAK;IAAEG,KAAK,GAAAqE,KAAA,CAALrE,KAAK;IAAAsE,cAAA,GAAAD,KAAA,CAAEnE,QAAQ;IAARA,UAAQ,GAAAoE,cAAA,cAAG,YAAM,CAAC,CAAC,GAAAA,cAAA;IAAEC,MAAM,GAAAF,KAAA,CAANE,MAAM;IAAEC,GAAG,GAAAH,KAAA,CAAHG,GAAG;IAAEC,GAAG,GAAAJ,KAAA,CAAHI,GAAG;EACxE,oBACEjI,MAAA,YAAA8D,aAAA,CAAC2D,qBAAqB;IACpBpE,KAAK,EAAEA,KAAK,IAAI,OAAQ;IACxBG,KAAK,EAAEA,KAAM;IACbyE,GAAG,EAAEA,GAAI;IACTD,GAAG,EAAEA,GAAI;IACTtE,QAAQ,EAAE,SAAVA,QAAQA,CAAGwE,EAAE,EAAE1E,KAAK;MAAA,OAAKE,UAAQ,CAACF,KAAK,CAAC;IAAA,CAAC;IACzCuE,MAAM,EAAEA,MAAO;IACfI,yBAAyB;IACzBpB,gBAAgB;EAAA,CACjB,CAAC;AAEN,CAAC;AAEDa,WAAW,CAAC1D,SAAS,GAAAxB,aAAA,CAAAA,aAAA,KAChBe,SAAS;EACZsE,MAAM,EAAEzE,qBAAS,CAACC,MAAM;EACxByE,GAAG,EAAE1E,qBAAS,CAAC8E,MAAM;EACrBH,GAAG,EAAE3E,qBAAS,CAAC8E,MAAM;EACrB5E,KAAK,EAAEF,qBAAS,CAAC8E;AAAM,EACxB;AAEDb,SAAS,CAACrD,SAAS,GAAAxB,aAAA,KACde,SAAS,CACb;AAED,IAAM4E,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,MAAA;EAAA,IAAMC,QAAQ,GAAAD,MAAA,CAARC,QAAQ;IAAElF,KAAK,GAAAiF,MAAA,CAALjF,KAAK;IAAEG,KAAK,GAAA8E,MAAA,CAAL9E,KAAK;IAAEE,QAAQ,GAAA4E,MAAA,CAAR5E,QAAQ;EAAA,oBACvD1D,MAAA,YAAA8D,aAAA,CAACnD,OAAA,WAAM;IAAC0C,KAAK,EAAEA,KAAM;IAACU,OAAO,EAAE,CAAC,CAACP,KAAM;IAAC+E,QAAQ,EAAE,CAAC,CAACA,QAAS;IAACC,MAAM,EAAE9E;EAAS,CAAE,CAAC;AAAA,CACnF;AAED2E,aAAa,CAACnE,SAAS,GAAAxB,aAAA,CAAAA,aAAA,KAAQe,SAAS;EAAED,KAAK,EAAEF,qBAAS,CAACa;AAAI,EAAE;AAEjE,IAAMsE,MAAM,GAAG;EACbD,MAAM,EAAEH,aAAa;EACrBK,KAAK,EAAEhD,WAAW;EAClBiD,QAAQ,EAAErC,QAAQ;EAClBsC,WAAW,EAAEhB,WAAW;EACxBiB,QAAQ,EAAEjF,cAAc;EACxBkF,SAAS,EAAEvB;AACb,CAAC;AAED,IAAMwB,WAAW,GAAG,IAAA1E,cAAM,EAAC,KAAK,CAAC,CAAC,UAAA2E,MAAA;EAAA,IAAGxE,KAAK,GAAAwE,MAAA,CAALxE,KAAK;EAAA,OAAQ;IAChDqB,MAAM,SAAAQ,MAAA,CAAS7B,KAAK,CAACE,OAAO,CAAC,CAAC,CAAC;EACjC,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMuE,iBAAiB,GAAG,IAAA5E,cAAM,EAAC,KAAK,CAAC,CAAC,UAAA6E,MAAA;EAAA,IAAG1E,KAAK,GAAA0E,MAAA,CAAL1E,KAAK;EAAA,OAAQ;IACtDK,KAAK,EAAE,SAAS;IAChBE,QAAQ,EAAEP,KAAK,CAACsB,UAAU,CAACf,QAAQ,GAAG,CAAC;IACvCoE,UAAU,EAAE,GAAG;IACfC,YAAY,EAAE5E,KAAK,CAACE,OAAO,CAAC,CAAC;EAC/B,CAAC;AAAA,CAAC,CAAC;AAEH,IAAM2E,kBAAkB,GAAG,IAAAhF,cAAM,EAAC,GAAG,CAAC,CAAC,UAAAiF,MAAA;EAAA,IAAG9E,KAAK,GAAA8E,MAAA,CAAL9E,KAAK;EAAA,OAAQ;IACrDO,QAAQ,EAAEP,KAAK,CAACsB,UAAU,CAACf,QAAQ;IACnCqE,YAAY,EAAE;EAChB,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMG,KAAK,GAAG,SAARA,KAAKA,CAAIC,KAAK,EAAK;EACvB,IAAQC,KAAK,GAA4CD,KAAK,CAAtDC,KAAK;IAAEpG,KAAK,GAAqCmG,KAAK,CAA/CnG,KAAK;IAAEqG,KAAK,GAA8BF,KAAK,CAAxCE,KAAK;IAAEC,aAAa,GAAeH,KAAK,CAAjCG,aAAa;IAAEjG,UAAQ,GAAK8F,KAAK,CAAlB9F,QAAQ;;EAEpD;AACF;AACA;AACA;AACA;EACE,IAAMkG,MAAM,GAAG,SAATA,MAAMA,CAAIF,KAAK,EAAExC,GAAG,EAAE2C,QAAQ,EAAK;IACvC,IAAAC,IAAA,GAA4C,IAAAC,gBAAG,EAACL,KAAK,EAAEG,QAAQ,IAAI3C,GAAG,CAAC;MAA/D8C,gBAAgB,GAAAF,IAAA,CAAhBE,gBAAgB;MAAKC,UAAU,OAAAC,yBAAA,aAAAJ,IAAA,EAAA7I,SAAA;IACvC,IAAMuC,KAAK,GAAGwG,gBAAgB,GAAG,IAAAD,gBAAG,EAACJ,aAAa,EAAEzC,GAAG,CAAC,GAAG,IAAA6C,gBAAG,EAACN,KAAK,EAAEvC,GAAG,CAAC;IAC1E,IAAMiD,QAAQ,GAAAzH,aAAA,CAAAA,aAAA,KAAQuH,UAAU;MAAE/C,GAAG,EAAHA,GAAG;MAAE1D,KAAK,EAALA;IAAK,EAAE;IAC9C,IAAM4G,GAAG,GAAG3B,MAAM,CAAC0B,QAAQ,CAACE,IAAI,CAAC;IAEjC,oBAAOrK,MAAA,YAAA8D,aAAA,CAACsG,GAAG,MAAAE,SAAA;MAACpD,GAAG,EAAEA;IAAI,GAAKiD,QAAQ;MAAEzG,QAAQ,EAAE,SAAVA,QAAQA,CAAG6G,CAAC;QAAA,OAAK7G,UAAQ,CAACwD,GAAG,EAAEqD,CAAC,EAAEP,gBAAgB,CAAC;MAAA;IAAC,EAAE,CAAC;EAC7F,CAAC;EAED,IAAMQ,OAAO,GAAG,SAAVA,OAAOA,CAAId,KAAK,EAAExC,GAAG,EAAK;IAC9B,IAAMuD,YAAY,GAAGf,KAAK,CAACxC,GAAG,CAAC;IAE/B,IAAI,CAACuD,YAAY,EAAE;MACjB,OAAO,IAAI;IACb;IAEA,IAAQJ,IAAI,GAA6BI,YAAY,CAA7CJ,IAAI;MAAEhH,KAAK,GAAsBoH,YAAY,CAAvCpH,KAAK;MAAEqH,MAAM,GAAcD,YAAY,CAAhCC,MAAM;MAAExF,OAAO,GAAKuF,YAAY,CAAxBvF,OAAO;IAEpC,IAAImF,IAAI,KAAK,cAAc,EAAE;MAC3B,oBACErK,MAAA,YAAA8D,aAAA;QAAKoD,GAAG,iBAAAb,MAAA,CAAiBhD,KAAK;MAAG,gBAC/BrD,MAAA,YAAA8D,aAAA,CAACuF,kBAAkB,QAAEhG,KAA0B,CAAC,EAC/ClB,MAAM,CAACC,IAAI,CAACsI,MAAM,CAAC,CAAC1D,GAAG,CAAC,UAAC2D,QAAQ,EAAK;QACrC,OAAOf,MAAM,CAACF,KAAK,KAAArD,MAAA,CAAKa,GAAG,OAAAb,MAAA,CAAIsE,QAAQ,MAAAtE,MAAA,CAAOa,GAAG,cAAAb,MAAA,CAAWsE,QAAQ,CAAE,CAAC;MACzE,CAAC,CACE,CAAC;IAEV;IAEA,IAAIN,IAAI,KAAK,YAAY,EAAE;MACzB,oBACErK,MAAA,YAAA8D,aAAA;QAAKoD,GAAG,cAAAb,MAAA,CAAchD,KAAK;MAAG,gBAC5BrD,MAAA,YAAA8D,aAAA,YAAIT,KAAS,CAAC,EACblB,MAAM,CAACC,IAAI,CAAC8C,OAAO,CAAC,CAAC8B,GAAG,CAAC,UAAC4D,SAAS,EAAK;QACvC,OAAOhB,MAAM,CAACF,KAAK,KAAArD,MAAA,CAAKa,GAAG,OAAAb,MAAA,CAAIuE,SAAS,MAAAvE,MAAA,CAAOa,GAAG,eAAAb,MAAA,CAAYuE,SAAS,CAAE,CAAC;MAC5E,CAAC,CACE,CAAC;IAEV;;IAEA;IACA,OAAOhB,MAAM,CAACF,KAAK,EAAExC,GAAG,CAAC;EAC3B,CAAC;EAED,oBACElH,MAAA,YAAA8D,aAAA,CAACiF,WAAW,qBACV/I,MAAA,YAAA8D,aAAA,CAACmF,iBAAiB,QAAE5F,KAAyB,CAAC,EAE7ClB,MAAM,CAACC,IAAI,CAACsH,KAAK,CAAC,CAAC1C,GAAG,CAAC,UAACE,GAAG,EAAK;IAC/B,OAAOsD,OAAO,CAACd,KAAK,EAAExC,GAAG,CAAC;EAC5B,CAAC,CACU,CAAC;AAElB,CAAC;AAAC,IAEW2D,KAAK,GAAAC,OAAA,CAAAD,KAAA,0BAAAE,gBAAA;EAAA,SAAAF,MAAA;IAAA,IAAAG,KAAA;IAAA,IAAAC,gBAAA,mBAAAJ,KAAA;IAAA,SAAAK,IAAA,GAAAvI,SAAA,CAAAC,MAAA,EAAAuI,IAAA,OAAAC,KAAA,CAAAF,IAAA,GAAAG,IAAA,MAAAA,IAAA,GAAAH,IAAA,EAAAG,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAA1I,SAAA,CAAA0I,IAAA;IAAA;IAAAL,KAAA,GAAA9J,UAAA,OAAA2J,KAAA,KAAAxE,MAAA,CAAA8E,IAAA;IAAA,IAAArI,gBAAA,aAAAkI,KAAA,YAeP,UAAC9D,GAAG,EAAE1D,KAAK,EAA+B;MAAA,IAA7BwG,gBAAgB,GAAArH,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAA2I,SAAA,GAAA3I,SAAA,MAAG,KAAK;MAC5CO,GAAG,CAAC,eAAe,EAAEgE,GAAG,EAAE1D,KAAK,CAAC;MAEhC,IAAA+H,WAAA,GAAiDP,KAAA,CAAKxB,KAAK;QAAnDgC,aAAa,GAAAD,WAAA,CAAbC,aAAa;QAAEC,qBAAqB,GAAAF,WAAA,CAArBE,qBAAqB;MAC5C,IAAMhC,KAAK,GAAA/G,aAAA,KAAQsI,KAAA,CAAKxB,KAAK,CAACC,KAAK,CAAE;MACrC,IAAME,aAAa,GAAAjH,aAAA,KAAQsI,KAAA,CAAKxB,KAAK,CAACG,aAAa,CAAE;MAErD,IAAIK,gBAAgB,EAAE;QACpB,IAAA0B,eAAG,EAAC/B,aAAa,EAAEzC,GAAG,EAAE1D,KAAK,CAAC;QAC9BiI,qBAAqB,CAAC9B,aAAa,EAAEzC,GAAG,CAAC;MAC3C,CAAC,MAAM;QACL,IAAAwE,eAAG,EAACjC,KAAK,EAAEvC,GAAG,EAAE1D,KAAK,CAAC;QACtBgI,aAAa,CAAC/B,KAAK,EAAEvC,GAAG,CAAC;MAC3B;IACF,CAAC;IAAA,OAAA8D,KAAA;EAAA;EAAA,IAAAW,UAAA,aAAAd,KAAA,EAAAE,gBAAA;EAAA,WAAAa,aAAA,aAAAf,KAAA;IAAA3D,GAAA;IAAA1D,KAAA,EAED,SAAAqI,MAAMA,CAAA,EAAG;MAAA,IAAAC,MAAA;MACP,IAAAC,YAAA,GAAgD,IAAI,CAACvC,KAAK;QAAlDwC,MAAM,GAAAD,YAAA,CAANC,MAAM;QAAEvC,KAAK,GAAAsC,YAAA,CAALtC,KAAK;QAAEE,aAAa,GAAAoC,YAAA,CAAbpC,aAAa;QAAEsC,KAAK,GAAAF,YAAA,CAALE,KAAK;MAE3C/I,GAAG,CAAC,SAAS,EAAEuG,KAAK,CAAC;MAErB,IAAMyC,cAAc,GAAG/J,MAAM,CAACC,IAAI,CAAC4J,MAAM,IAAI,CAAC,CAAC,CAAC,CAAChF,GAAG,CAAC,UAAC0C,KAAK,EAAK;QAC9D,IAAMyC,SAAS,GAAGhK,MAAM,CAACiK,OAAO,CAACJ,MAAM,CAACtC,KAAK,CAAC,CAAC,CAAC2C,IAAI,CAAC,UAAAC,MAAA;UAAA,IAAAC,MAAA,OAAAC,eAAA,aAAAF,MAAA;YAAIG,OAAO,GAAAF,MAAA;UAAA,OAAM,CAAC,CAACE,OAAO;QAAA,EAAC;QAEhF,IAAIN,SAAS,EAAE;UACb,oBACEnM,MAAA,YAAA8D,aAAA,CAACyF,KAAK;YACJlG,KAAK,EAAEqG,KAAM;YACbxC,GAAG,EAAEwC,KAAM;YACXD,KAAK,EAAEA,KAAM;YACbE,aAAa,EAAEA,aAAc;YAC7BD,KAAK,EAAEsC,MAAM,CAACtC,KAAK,CAAE;YACrBhG,QAAQ,EAAEoI,MAAI,CAACY;UAAO,CACvB,CAAC;QAEN;QAEA,OAAO,IAAI;MACb,CAAC,CAAC;MAEF,oBACE1M,MAAA,YAAA8D,aAAA,cACGoI,cAAc,EACdD,KACE,CAAC;IAEV;EAAC;AAAA,EA7DwBU,iBAAK,CAACC,SAAS;AAAA,IAAA9J,gBAAA,aAA7B+H,KAAK,eACG;EACjBpB,KAAK,EAAEnG,qBAAS,CAACuJ,MAAM;EACvBlD,aAAa,EAAErG,qBAAS,CAACuJ,MAAM;EAC/Bb,MAAM,EAAE1I,qBAAS,CAACuJ,MAAM;EACxBrB,aAAa,EAAElI,qBAAS,CAACK,IAAI;EAC7B8H,qBAAqB,EAAEnI,qBAAS,CAACK,IAAI;EACrCsI,KAAK,EAAE3I,qBAAS,CAACuJ;AACnB,CAAC;AAAA,IAAA/J,gBAAA,aARU+H,KAAK,kBAUM;EACpBW,aAAa,EAAE,SAAfA,aAAaA,CAAA,EAAQ,CAAC,CAAC;EACvBC,qBAAqB,EAAE,SAAvBA,qBAAqBA,CAAA,EAAQ,CAAC;AAChC,CAAC;AAAA,IAAAqB,QAAA,GAAAhC,OAAA,cAmDYD,KAAK","ignoreList":[]}
+{"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","getItemLabel","l","getItemValue","map","index","TextField","field","marginRight","NumberField","suffix","min","max","ev","object","number","ToggleWrapper","disabled","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","modal","renderedGroups","showGroup","entries","some","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 '../number-text-field';\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  const getItemLabel = (l) => (typeof l === 'string' ? l : l.label);\n  const getItemValue = (l) => (typeof l === 'string' ? l : l.value);\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={getItemValue(l)}>\n            {getItemLabel(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      classes={classes}\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 = ({ disabled, label, value, onChange }) => (\n  <Toggle label={label} checked={!!value} disabled={!!disabled} toggle={onChange} />\n);\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    modal: PropTypes.object,\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, modal } = this.props;\n\n    log('render:', model);\n\n    const renderedGroups = Object.keys(groups || {}).map((group) => {\n      const showGroup = Object.entries(groups[group]).some(([, 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 (\n      <div>\n        {renderedGroups}\n        {modal}\n      </div>\n    );\n  }\n}\n\nexport default Panel;\n"],"file":"panel.js"}

package/lib/settings/settings-radio-label.js

@@ -1,44 +1,53 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
-var _Radio = _interopRequireDefault(require("@mui/material/Radio"));
+
+var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
+
+var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
+
 var _react = _interopRequireDefault(require("react"));
-var _styles = require("@mui/material/styles");
+
+var _styles = require("@material-ui/core/styles");
+
 var _renderUi = require("@pie-lib/render-ui");
-var StyledFormControlLabel = (0, _styles.styled)(_FormControlLabel["default"])(function (_ref) {
-  var theme = _ref.theme;
+
+var _default = (0, _styles.withStyles)(function (theme) {
   return {
-    '& .MuiFormControlLabel-label': {
+    label: {
       color: 'rgba(0, 0, 0, 0.89)',
       fontSize: theme.typography.fontSize - 2,
       left: '-5px',
       position: 'relative'
+    },
+    customColor: {
+      color: "".concat(_renderUi.color.tertiary(), " !important")
     }
   };
-});
-var StyledRadio = (0, _styles.styled)(_Radio["default"])(function () {
-  return {
-    color: "".concat(_renderUi.color.tertiary(), " !important")
-  };
-});
-var SettingsRadioLabel = function SettingsRadioLabel(_ref2) {
-  var label = _ref2.label,
-    value = _ref2.value,
-    checked = _ref2.checked,
-    onChange = _ref2.onChange;
-  return /*#__PURE__*/_react["default"].createElement(StyledFormControlLabel, {
+})(function (_ref) {
+  var label = _ref.label,
+      value = _ref.value,
+      checked = _ref.checked,
+      onChange = _ref.onChange,
+      classes = _ref.classes;
+  return /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
     value: value,
-    control: /*#__PURE__*/_react["default"].createElement(StyledRadio, {
+    classes: {
+      label: classes.label
+    },
+    control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
+      className: classes.customColor,
       checked: checked,
       onChange: onChange
     }),
     label: label
   });
-};
-var _default = exports["default"] = SettingsRadioLabel;
+});
+
+exports["default"] = _default;
 //# sourceMappingURL=settings-radio-label.js.map

package/lib/settings/settings-radio-label.js.map

@@ -1 +1 @@
-{"version":3,"file":"settings-radio-label.js","names":["_FormControlLabel","_interopRequireDefault","require","_Radio","_react","_styles","_renderUi","StyledFormControlLabel","styled","FormControlLabel","_ref","theme","color","fontSize","typography","left","position","StyledRadio","Radio","concat","tertiary","SettingsRadioLabel","_ref2","label","value","checked","onChange","createElement","control","_default","exports"],"sources":["../../src/settings/settings-radio-label.jsx"],"sourcesContent":["import FormControlLabel from '@mui/material/FormControlLabel';\nimport Radio from '@mui/material/Radio';\nimport React from 'react';\nimport { styled } from '@mui/material/styles';\nimport { color } from '@pie-lib/render-ui';\n\nconst StyledFormControlLabel = styled(FormControlLabel)(({ theme }) => ({\n  '& .MuiFormControlLabel-label': {\n    color: 'rgba(0, 0, 0, 0.89)',\n    fontSize: theme.typography.fontSize - 2,\n    left: '-5px',\n    position: 'relative',\n  },\n}));\n\nconst StyledRadio = styled(Radio)(() => ({\n  color: `${color.tertiary()} !important`,\n}));\n\nconst SettingsRadioLabel = ({ label, value, checked, onChange }) => (\n  <StyledFormControlLabel\n    value={value}\n    control={<StyledRadio checked={checked} onChange={onChange} />}\n    label={label}\n  />\n);\n\nexport default SettingsRadioLabel;\n"],"mappings":";;;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AAEA,IAAMK,sBAAsB,GAAG,IAAAC,cAAM,EAACC,4BAAgB,CAAC,CAAC,UAAAC,IAAA;EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAAA,OAAQ;IACtE,8BAA8B,EAAE;MAC9BC,KAAK,EAAE,qBAAqB;MAC5BC,QAAQ,EAAEF,KAAK,CAACG,UAAU,CAACD,QAAQ,GAAG,CAAC;MACvCE,IAAI,EAAE,MAAM;MACZC,QAAQ,EAAE;IACZ;EACF,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMC,WAAW,GAAG,IAAAT,cAAM,EAACU,iBAAK,CAAC,CAAC;EAAA,OAAO;IACvCN,KAAK,KAAAO,MAAA,CAAKP,eAAK,CAACQ,QAAQ,CAAC,CAAC;EAC5B,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,KAAA;EAAA,IAAMC,KAAK,GAAAD,KAAA,CAALC,KAAK;IAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK;IAAEC,OAAO,GAAAH,KAAA,CAAPG,OAAO;IAAEC,QAAQ,GAAAJ,KAAA,CAARI,QAAQ;EAAA,oBAC3DtB,MAAA,YAAAuB,aAAA,CAACpB,sBAAsB;IACrBiB,KAAK,EAAEA,KAAM;IACbI,OAAO,eAAExB,MAAA,YAAAuB,aAAA,CAACV,WAAW;MAACQ,OAAO,EAAEA,OAAQ;MAACC,QAAQ,EAAEA;IAAS,CAAE,CAAE;IAC/DH,KAAK,EAAEA;EAAM,CACd,CAAC;AAAA,CACH;AAAC,IAAAM,QAAA,GAAAC,OAAA,cAEaT,kBAAkB","ignoreList":[]}
+{"version":3,"sources":["../../src/settings/settings-radio-label.jsx"],"names":["theme","label","color","fontSize","typography","left","position","customColor","tertiary","value","checked","onChange","classes"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;eAEe,wBAAW,UAACA,KAAD;AAAA,SAAY;AACpCC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAE,qBADF;AAELC,MAAAA,QAAQ,EAAEH,KAAK,CAACI,UAAN,CAAiBD,QAAjB,GAA4B,CAFjC;AAGLE,MAAAA,IAAI,EAAE,MAHD;AAILC,MAAAA,QAAQ,EAAE;AAJL,KAD6B;AAOpCC,IAAAA,WAAW,EAAE;AACXL,MAAAA,KAAK,YAAKA,gBAAMM,QAAN,EAAL;AADM;AAPuB,GAAZ;AAAA,CAAX,EAUX;AAAA,MAAGP,KAAH,QAAGA,KAAH;AAAA,MAAUQ,KAAV,QAAUA,KAAV;AAAA,MAAiBC,OAAjB,QAAiBA,OAAjB;AAAA,MAA0BC,QAA1B,QAA0BA,QAA1B;AAAA,MAAoCC,OAApC,QAAoCA,OAApC;AAAA,sBACF,gCAAC,4BAAD;AACE,IAAA,KAAK,EAAEH,KADT;AAEE,IAAA,OAAO,EAAE;AAAER,MAAAA,KAAK,EAAEW,OAAO,CAACX;AAAjB,KAFX;AAGE,IAAA,OAAO,eAAE,gCAAC,iBAAD;AAAO,MAAA,SAAS,EAAEW,OAAO,CAACL,WAA1B;AAAuC,MAAA,OAAO,EAAEG,OAAhD;AAAyD,MAAA,QAAQ,EAAEC;AAAnE,MAHX;AAIE,IAAA,KAAK,EAAEV;AAJT,IADE;AAAA,CAVW,C","sourcesContent":["import FormControlLabel from '@material-ui/core/FormControlLabel';\nimport Radio from '@material-ui/core/Radio';\nimport React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport { color } from '@pie-lib/render-ui';\n\nexport default withStyles((theme) => ({\n  label: {\n    color: 'rgba(0, 0, 0, 0.89)',\n    fontSize: theme.typography.fontSize - 2,\n    left: '-5px',\n    position: 'relative',\n  },\n  customColor: {\n    color: `${color.tertiary()} !important`,\n  },\n}))(({ label, value, checked, onChange, classes }) => (\n  <FormControlLabel\n    value={value}\n    classes={{ label: classes.label }}\n    control={<Radio className={classes.customColor} checked={checked} onChange={onChange} />}\n    label={label}\n  />\n));\n"],"file":"settings-radio-label.js"}

package/lib/settings/toggle.js

@@ -1,62 +1,74 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
-var _styles = require("@mui/material/styles");
-var _Switch = _interopRequireDefault(require("@mui/material/Switch"));
+
+var _InputLabel = _interopRequireDefault(require("@material-ui/core/InputLabel"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _Switch = _interopRequireDefault(require("@material-ui/core/Switch"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _renderUi = require("@pie-lib/render-ui");
-var StyledToggle = (0, _styles.styled)('div')(function () {
-  return {
-    display: 'flex',
-    width: '100%',
-    justifyContent: 'space-between'
-  };
-});
-var StyledInputLabel = (0, _styles.styled)(_InputLabel["default"])(function (_ref) {
-  var theme = _ref.theme;
-  return {
-    color: 'rgba(0, 0, 0, 0.89)',
-    fontSize: theme.typography.fontSize,
-    paddingTop: theme.spacing(2)
-  };
-});
-var StyledSwitch = (0, _styles.styled)(_Switch["default"])(function (_ref2) {
-  var checked = _ref2.checked;
+
+var Toggle = (0, _styles.withStyles)(function (theme) {
   return {
-    '&.Mui-checked .MuiSwitch-thumb': {
+    toggle: {
+      display: 'flex',
+      width: '100%',
+      justifyContent: 'space-between'
+    },
+    label: {
+      color: 'rgba(0, 0, 0, 0.89)',
+      fontSize: theme.typography.fontSize,
+      paddingTop: theme.spacing.unit * 2
+    },
+    checkedThumb: {
       color: "".concat(_renderUi.color.tertiary(), " !important")
     },
-    '&.Mui-checked .MuiSwitch-track': {
+    checkedBar: {
       backgroundColor: "".concat(_renderUi.color.tertiaryLight(), " !important")
-    },
-    '& .MuiSwitch-track': {
-      backgroundColor: checked ? "".concat(_renderUi.color.tertiaryLight(), " !important") : undefined
     }
   };
-});
-var Toggle = function Toggle(_ref3) {
-  var checked = _ref3.checked,
-    disabled = _ref3.disabled,
-    label = _ref3.label,
-    toggle = _ref3.toggle;
-  return /*#__PURE__*/_react["default"].createElement(StyledToggle, null, /*#__PURE__*/_react["default"].createElement(StyledInputLabel, null, label), /*#__PURE__*/_react["default"].createElement(StyledSwitch, {
+})(function (_ref) {
+  var checked = _ref.checked,
+      disabled = _ref.disabled,
+      label = _ref.label,
+      toggle = _ref.toggle,
+      classes = _ref.classes;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.toggle
+  }, /*#__PURE__*/_react["default"].createElement(_InputLabel["default"], {
+    className: classes.label
+  }, label), /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
+    classes: {
+      checked: (0, _classnames["default"])(classes.checkedThumb),
+      bar: (0, _classnames["default"])((0, _defineProperty2["default"])({}, classes.checkedBar, checked))
+    },
     checked: checked,
     disabled: disabled,
     onChange: function onChange(e) {
       return toggle(e.target.checked);
     }
   }));
-};
+});
 Toggle.propTypes = {
   checked: _propTypes["default"].bool,
   label: _propTypes["default"].string.isRequired,
   toggle: _propTypes["default"].func.isRequired
 };
-var _default = exports["default"] = Toggle;
+var _default = Toggle;
+exports["default"] = _default;
 //# sourceMappingURL=toggle.js.map

package/lib/settings/toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.js","names":["_react","_interopRequireDefault","require","_propTypes","_InputLabel","_styles","_Switch","_renderUi","StyledToggle","styled","display","width","justifyContent","StyledInputLabel","InputLabel","_ref","theme","color","fontSize","typography","paddingTop","spacing","StyledSwitch","Switch","_ref2","checked","concat","tertiary","backgroundColor","tertiaryLight","undefined","Toggle","_ref3","disabled","label","toggle","createElement","onChange","e","target","propTypes","PropTypes","bool","string","isRequired","func","_default","exports"],"sources":["../../src/settings/toggle.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputLabel from '@mui/material/InputLabel';\nimport { styled } from '@mui/material/styles';\nimport Switch from '@mui/material/Switch';\nimport { color } from '@pie-lib/render-ui';\n\nconst StyledToggle = styled('div')(() => ({\n  display: 'flex',\n  width: '100%',\n  justifyContent: 'space-between',\n}));\n\nconst StyledInputLabel = styled(InputLabel)(({ theme }) => ({\n  color: 'rgba(0, 0, 0, 0.89)',\n  fontSize: theme.typography.fontSize,\n  paddingTop: theme.spacing(2),\n}));\n\nconst StyledSwitch = styled(Switch)(({ checked }) => ({\n  '&.Mui-checked .MuiSwitch-thumb': {\n    color: `${color.tertiary()} !important`,\n  },\n  '&.Mui-checked .MuiSwitch-track': {\n    backgroundColor: `${color.tertiaryLight()} !important`,\n  },\n  '& .MuiSwitch-track': {\n    backgroundColor: checked ? `${color.tertiaryLight()} !important` : undefined,\n  },\n}));\n\nconst Toggle = ({ checked, disabled, label, toggle }) => (\n  <StyledToggle>\n    <StyledInputLabel>{label}</StyledInputLabel>\n    <StyledSwitch\n      checked={checked}\n      disabled={disabled}\n      onChange={(e) => toggle(e.target.checked)}\n    />\n  </StyledToggle>\n);\n\nToggle.propTypes = {\n  checked: PropTypes.bool,\n  label: PropTypes.string.isRequired,\n  toggle: PropTypes.func.isRequired,\n};\n\nexport default Toggle;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AAEA,IAAMM,YAAY,GAAG,IAAAC,cAAM,EAAC,KAAK,CAAC,CAAC;EAAA,OAAO;IACxCC,OAAO,EAAE,MAAM;IACfC,KAAK,EAAE,MAAM;IACbC,cAAc,EAAE;EAClB,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMC,gBAAgB,GAAG,IAAAJ,cAAM,EAACK,sBAAU,CAAC,CAAC,UAAAC,IAAA;EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAAA,OAAQ;IAC1DC,KAAK,EAAE,qBAAqB;IAC5BC,QAAQ,EAAEF,KAAK,CAACG,UAAU,CAACD,QAAQ;IACnCE,UAAU,EAAEJ,KAAK,CAACK,OAAO,CAAC,CAAC;EAC7B,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMC,YAAY,GAAG,IAAAb,cAAM,EAACc,kBAAM,CAAC,CAAC,UAAAC,KAAA;EAAA,IAAGC,OAAO,GAAAD,KAAA,CAAPC,OAAO;EAAA,OAAQ;IACpD,gCAAgC,EAAE;MAChCR,KAAK,KAAAS,MAAA,CAAKT,eAAK,CAACU,QAAQ,CAAC,CAAC;IAC5B,CAAC;IACD,gCAAgC,EAAE;MAChCC,eAAe,KAAAF,MAAA,CAAKT,eAAK,CAACY,aAAa,CAAC,CAAC;IAC3C,CAAC;IACD,oBAAoB,EAAE;MACpBD,eAAe,EAAEH,OAAO,MAAAC,MAAA,CAAMT,eAAK,CAACY,aAAa,CAAC,CAAC,mBAAgBC;IACrE;EACF,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMC,MAAM,GAAG,SAATA,MAAMA,CAAAC,KAAA;EAAA,IAAMP,OAAO,GAAAO,KAAA,CAAPP,OAAO;IAAEQ,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK;IAAEC,MAAM,GAAAH,KAAA,CAANG,MAAM;EAAA,oBAChDnC,MAAA,YAAAoC,aAAA,CAAC5B,YAAY,qBACXR,MAAA,YAAAoC,aAAA,CAACvB,gBAAgB,QAAEqB,KAAwB,CAAC,eAC5ClC,MAAA,YAAAoC,aAAA,CAACd,YAAY;IACXG,OAAO,EAAEA,OAAQ;IACjBQ,QAAQ,EAAEA,QAAS;IACnBI,QAAQ,EAAE,SAAVA,QAAQA,CAAGC,CAAC;MAAA,OAAKH,MAAM,CAACG,CAAC,CAACC,MAAM,CAACd,OAAO,CAAC;IAAA;EAAC,CAC3C,CACW,CAAC;AAAA,CAChB;AAEDM,MAAM,CAACS,SAAS,GAAG;EACjBf,OAAO,EAAEgB,qBAAS,CAACC,IAAI;EACvBR,KAAK,EAAEO,qBAAS,CAACE,MAAM,CAACC,UAAU;EAClCT,MAAM,EAAEM,qBAAS,CAACI,IAAI,CAACD;AACzB,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,cAEahB,MAAM","ignoreList":[]}
+{"version":3,"sources":["../../src/settings/toggle.jsx"],"names":["Toggle","theme","toggle","display","width","justifyContent","label","color","fontSize","typography","paddingTop","spacing","unit","checkedThumb","tertiary","checkedBar","backgroundColor","tertiaryLight","checked","disabled","classes","bar","e","target","propTypes","PropTypes","bool","string","isRequired","func"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,MAAM,GAAG,wBAAW,UAACC,KAAD;AAAA,SAAY;AACpCC,IAAAA,MAAM,EAAE;AACNC,MAAAA,OAAO,EAAE,MADH;AAENC,MAAAA,KAAK,EAAE,MAFD;AAGNC,MAAAA,cAAc,EAAE;AAHV,KAD4B;AAMpCC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAE,qBADF;AAELC,MAAAA,QAAQ,EAAEP,KAAK,CAACQ,UAAN,CAAiBD,QAFtB;AAGLE,MAAAA,UAAU,EAAET,KAAK,CAACU,OAAN,CAAcC,IAAd,GAAqB;AAH5B,KAN6B;AAWpCC,IAAAA,YAAY,EAAE;AACZN,MAAAA,KAAK,YAAKA,gBAAMO,QAAN,EAAL;AADO,KAXsB;AAcpCC,IAAAA,UAAU,EAAE;AACVC,MAAAA,eAAe,YAAKT,gBAAMU,aAAN,EAAL;AADL;AAdwB,GAAZ;AAAA,CAAX,EAiBX;AAAA,MAAGC,OAAH,QAAGA,OAAH;AAAA,MAAYC,QAAZ,QAAYA,QAAZ;AAAA,MAAsBb,KAAtB,QAAsBA,KAAtB;AAAA,MAA6BJ,MAA7B,QAA6BA,MAA7B;AAAA,MAAqCkB,OAArC,QAAqCA,OAArC;AAAA,sBACF;AAAK,IAAA,SAAS,EAAEA,OAAO,CAAClB;AAAxB,kBACE,gCAAC,sBAAD;AAAY,IAAA,SAAS,EAAEkB,OAAO,CAACd;AAA/B,KAAuCA,KAAvC,CADF,eAEE,gCAAC,kBAAD;AACE,IAAA,OAAO,EAAE;AACPY,MAAAA,OAAO,EAAE,4BAAWE,OAAO,CAACP,YAAnB,CADF;AAEPQ,MAAAA,GAAG,EAAE,iEACFD,OAAO,CAACL,UADN,EACmBG,OADnB;AAFE,KADX;AAOE,IAAA,OAAO,EAAEA,OAPX;AAQE,IAAA,QAAQ,EAAEC,QARZ;AASE,IAAA,QAAQ,EAAE,kBAACG,CAAD;AAAA,aAAOpB,MAAM,CAACoB,CAAC,CAACC,MAAF,CAASL,OAAV,CAAb;AAAA;AATZ,IAFF,CADE;AAAA,CAjBW,CAAf;AAkCAlB,MAAM,CAACwB,SAAP,GAAmB;AACjBN,EAAAA,OAAO,EAAEO,sBAAUC,IADF;AAEjBpB,EAAAA,KAAK,EAAEmB,sBAAUE,MAAV,CAAiBC,UAFP;AAGjB1B,EAAAA,MAAM,EAAEuB,sBAAUI,IAAV,CAAeD;AAHN,CAAnB;eAMe5B,M","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport { withStyles } from '@material-ui/core/styles';\nimport Switch from '@material-ui/core/Switch';\nimport classNames from 'classnames';\nimport { color } from '@pie-lib/render-ui';\n\nconst Toggle = withStyles((theme) => ({\n  toggle: {\n    display: 'flex',\n    width: '100%',\n    justifyContent: 'space-between',\n  },\n  label: {\n    color: 'rgba(0, 0, 0, 0.89)',\n    fontSize: theme.typography.fontSize,\n    paddingTop: theme.spacing.unit * 2,\n  },\n  checkedThumb: {\n    color: `${color.tertiary()} !important`,\n  },\n  checkedBar: {\n    backgroundColor: `${color.tertiaryLight()} !important`,\n  },\n}))(({ checked, disabled, label, toggle, classes }) => (\n  <div className={classes.toggle}>\n    <InputLabel className={classes.label}>{label}</InputLabel>\n    <Switch\n      classes={{\n        checked: classNames(classes.checkedThumb),\n        bar: classNames({\n          [classes.checkedBar]: checked,\n        }),\n      }}\n      checked={checked}\n      disabled={disabled}\n      onChange={(e) => toggle(e.target.checked)}\n    />\n  </div>\n));\n\nToggle.propTypes = {\n  checked: PropTypes.bool,\n  label: PropTypes.string.isRequired,\n  toggle: PropTypes.func.isRequired,\n};\n\nexport default Toggle;\n"],"file":"toggle.js"}

package/lib/tabs/index.js

@@ -1,32 +1,51 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.Tabs = void 0;
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _react = _interopRequireDefault(require("react"));
-var _Tabs2 = _interopRequireDefault(require("@mui/material/Tabs"));
-var _Tab = _interopRequireDefault(require("@mui/material/Tab"));
+
+var _Tabs = _interopRequireDefault(require("@material-ui/core/Tabs"));
+
+var _Tab = _interopRequireDefault(require("@material-ui/core/Tab"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styles = require("@mui/material/styles");
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var StyledMuiTab = (0, _styles.styled)(_Tab["default"])(function () {
-  return {};
-});
-var Tabs = exports.Tabs = /*#__PURE__*/function (_React$Component) {
+
+var _core = require("@material-ui/core");
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var Tabs = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Tabs, _React$Component);
+
+  var _super = _createSuper(Tabs);
+
   function Tabs(props) {
     var _this;
+
     (0, _classCallCheck2["default"])(this, Tabs);
-    _this = _callSuper(this, Tabs, [props]);
-    (0, _defineProperty2["default"])(_this, "handleChange", function (event, value) {
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleChange", function (event, value) {
       _this.setState({
         value: value
       });
@@ -36,25 +55,30 @@ var Tabs = exports.Tabs = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-  (0, _inherits2["default"])(Tabs, _React$Component);
-  return (0, _createClass2["default"])(Tabs, [{
+
+  (0, _createClass2["default"])(Tabs, [{
     key: "render",
     value: function render() {
       var value = this.state.value;
       var _this$props = this.props,
-        children = _this$props.children,
-        className = _this$props.className,
-        contentClassName = _this$props.contentClassName,
-        _this$props$contentSt = _this$props.contentStyle,
-        contentStyle = _this$props$contentSt === void 0 ? {} : _this$props$contentSt;
+          children = _this$props.children,
+          className = _this$props.className,
+          contentClassName = _this$props.contentClassName,
+          _this$props$contentSt = _this$props.contentStyle,
+          contentStyle = _this$props$contentSt === void 0 ? {} : _this$props$contentSt,
+          classes = _this$props.classes;
+      var tabClasses = {
+        root: classes.tabRoot
+      };
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: className
-      }, /*#__PURE__*/_react["default"].createElement(_Tabs2["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_Tabs["default"], {
         indicatorColor: "primary",
         value: value,
         onChange: this.handleChange
       }, _react["default"].Children.map(children, function (c, index) {
-        return c && c.props.title ? /*#__PURE__*/_react["default"].createElement(StyledMuiTab, {
+        return c && c.props.title ? /*#__PURE__*/_react["default"].createElement(_Tab["default"], {
+          classes: tabClasses,
           key: index,
           label: c.props.title
         }) : null;
@@ -64,12 +88,23 @@ var Tabs = exports.Tabs = /*#__PURE__*/function (_React$Component) {
       }, children[value]));
     }
   }]);
+  return Tabs;
 }(_react["default"].Component);
+
+exports.Tabs = Tabs;
 (0, _defineProperty2["default"])(Tabs, "propTypes", {
+  classes: _propTypes["default"].object,
   className: _propTypes["default"].string,
   contentClassName: _propTypes["default"].string,
   contentStyle: _propTypes["default"].object,
   children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired
 });
-var _default = exports["default"] = Tabs;
+
+var _default = (0, _core.withStyles)(function () {
+  return {
+    tabRoot: {}
+  };
+})(Tabs);
+
+exports["default"] = _default;
 //# sourceMappingURL=index.js.map

package/lib/tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_Tabs2","_Tab","_propTypes","_styles","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","StyledMuiTab","styled","MuiTab","Tabs","exports","_React$Component","props","_this","_classCallCheck2","_defineProperty2","event","value","setState","state","_inherits2","_createClass2","key","render","_this$props","children","className","contentClassName","_this$props$contentSt","contentStyle","createElement","indicatorColor","onChange","handleChange","React","Children","map","c","index","title","label","style","Component","PropTypes","string","object","oneOfType","arrayOf","node","isRequired","_default"],"sources":["../../src/tabs/index.jsx"],"sourcesContent":["import React from 'react';\n\nimport MuiTabs from '@mui/material/Tabs';\nimport MuiTab from '@mui/material/Tab';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\n\nconst StyledMuiTab = styled(MuiTab)(() => ({}));\n\nexport class Tabs extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    contentClassName: PropTypes.string,\n    contentStyle: PropTypes.object,\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = { value: 0 };\n  }\n\n  handleChange = (event, value) => {\n    this.setState({ value });\n  };\n\n  render() {\n    const { value } = this.state;\n    const { children, className, contentClassName, contentStyle = {} } = this.props;\n\n    return (\n      <div className={className}>\n        <MuiTabs indicatorColor=\"primary\" value={value} onChange={this.handleChange}>\n          {React.Children.map(children, (c, index) =>\n            c && c.props.title ? <StyledMuiTab key={index} label={c.props.title} /> : null,\n          )}\n        </MuiTabs>\n\n        <div className={contentClassName} style={contentStyle}>\n          {children[value]}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Tabs;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../src/tabs/index.jsx"],"names":["Tabs","props","event","value","setState","state","children","className","contentClassName","contentStyle","classes","tabClasses","root","tabRoot","handleChange","React","Children","map","c","index","title","Component","PropTypes","object","string","oneOfType","arrayOf","node","isRequired"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;;;IAEaA,I;;;;;AASX,gBAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AADiB,qGAKJ,UAACC,KAAD,EAAQC,KAAR,EAAkB;AAC/B,YAAKC,QAAL,CAAc;AAAED,QAAAA,KAAK,EAALA;AAAF,OAAd;AACD,KAPkB;AAEjB,UAAKE,KAAL,GAAa;AAAEF,MAAAA,KAAK,EAAE;AAAT,KAAb;AAFiB;AAGlB;;;;WAMD,kBAAS;AACP,UAAQA,KAAR,GAAkB,KAAKE,KAAvB,CAAQF,KAAR;AACA,wBAA8E,KAAKF,KAAnF;AAAA,UAAQK,QAAR,eAAQA,QAAR;AAAA,UAAkBC,SAAlB,eAAkBA,SAAlB;AAAA,UAA6BC,gBAA7B,eAA6BA,gBAA7B;AAAA,8CAA+CC,YAA/C;AAAA,UAA+CA,YAA/C,sCAA8D,EAA9D;AAAA,UAAkEC,OAAlE,eAAkEA,OAAlE;AACA,UAAMC,UAAU,GAAG;AAAEC,QAAAA,IAAI,EAAEF,OAAO,CAACG;AAAhB,OAAnB;AAEA,0BACE;AAAK,QAAA,SAAS,EAAEN;AAAhB,sBACE,gCAAC,gBAAD;AAAS,QAAA,cAAc,EAAC,SAAxB;AAAkC,QAAA,KAAK,EAAEJ,KAAzC;AAAgD,QAAA,QAAQ,EAAE,KAAKW;AAA/D,SACGC,kBAAMC,QAAN,CAAeC,GAAf,CAAmBX,QAAnB,EAA6B,UAACY,CAAD,EAAIC,KAAJ;AAAA,eAC5BD,CAAC,IAAIA,CAAC,CAACjB,KAAF,CAAQmB,KAAb,gBAAqB,gCAAC,eAAD;AAAQ,UAAA,OAAO,EAAET,UAAjB;AAA6B,UAAA,GAAG,EAAEQ,KAAlC;AAAyC,UAAA,KAAK,EAAED,CAAC,CAACjB,KAAF,CAAQmB;AAAxD,UAArB,GAAyF,IAD7D;AAAA,OAA7B,CADH,CADF,eAOE;AAAK,QAAA,SAAS,EAAEZ,gBAAhB;AAAkC,QAAA,KAAK,EAAEC;AAAzC,SACGH,QAAQ,CAACH,KAAD,CADX,CAPF,CADF;AAaD;;;EApCuBY,kBAAMM,S;;;iCAAnBrB,I,eACQ;AACjBU,EAAAA,OAAO,EAAEY,sBAAUC,MADF;AAEjBhB,EAAAA,SAAS,EAAEe,sBAAUE,MAFJ;AAGjBhB,EAAAA,gBAAgB,EAAEc,sBAAUE,MAHX;AAIjBf,EAAAA,YAAY,EAAEa,sBAAUC,MAJP;AAKjBjB,EAAAA,QAAQ,EAAEgB,sBAAUG,SAAV,CAAoB,CAACH,sBAAUI,OAAV,CAAkBJ,sBAAUK,IAA5B,CAAD,EAAoCL,sBAAUK,IAA9C,CAApB,EAAyEC;AALlE,C;;eAsCN,sBAAW;AAAA,SAAO;AAAEf,IAAAA,OAAO,EAAE;AAAX,GAAP;AAAA,CAAX,EAAoCb,IAApC,C","sourcesContent":["import React from 'react';\n\nimport MuiTabs from '@material-ui/core/Tabs';\nimport MuiTab from '@material-ui/core/Tab';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core';\n\nexport class Tabs extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    className: PropTypes.string,\n    contentClassName: PropTypes.string,\n    contentStyle: PropTypes.object,\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = { value: 0 };\n  }\n\n  handleChange = (event, value) => {\n    this.setState({ value });\n  };\n\n  render() {\n    const { value } = this.state;\n    const { children, className, contentClassName, contentStyle = {}, classes } = this.props;\n    const tabClasses = { root: classes.tabRoot };\n\n    return (\n      <div className={className}>\n        <MuiTabs indicatorColor=\"primary\" value={value} onChange={this.handleChange}>\n          {React.Children.map(children, (c, index) =>\n            c && c.props.title ? <MuiTab classes={tabClasses} key={index} label={c.props.title} /> : null,\n          )}\n        </MuiTabs>\n\n        <div className={contentClassName} style={contentStyle}>\n          {children[value]}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default withStyles(() => ({ tabRoot: {} }))(Tabs);\n"],"file":"index.js"}

package/lib/tags-input/__tests__/index.test.js

@@ -0,0 +1,88 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _index = require("../index");
+
+var _enzymeToJson = _interopRequireDefault(require("enzyme-to-json"));
+
+var _enzyme = require("enzyme");
+
+var _react = _interopRequireDefault(require("react"));
+
+describe('TagsInput', function () {
+  describe('snapshots', function () {
+    it('renders', function () {
+      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index.TagsInput, {
+        classes: {
+          tagsInput: 'tagsInput'
+        },
+        tags: ['foo'],
+        onChange: jest.fn()
+      }));
+      expect((0, _enzymeToJson["default"])(wrapper)).toMatchSnapshot();
+    });
+  });
+  describe('logic', function () {
+    var onChange;
+
+    var mkWrapper = function mkWrapper() {
+      onChange = jest.fn();
+      return (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_index.TagsInput, {
+        onChange: onChange,
+        classes: {},
+        tags: ['foo']
+      }));
+    };
+
+    describe('onFocus', function () {
+      it('sets state.focused = true', function () {
+        var wrapper = mkWrapper();
+        wrapper.instance().onFocus();
+        expect(wrapper.state('focused')).toEqual(true);
+      });
+    });
+    describe('onBlur', function () {
+      it('sets state.focused = false', function () {
+        var wrapper = mkWrapper();
+        wrapper.instance().onFocus();
+        wrapper.instance().onBlur();
+        expect(wrapper.state('focused')).toEqual(false);
+      });
+    });
+    describe('onChange', function () {
+      it('sets state.value  ', function () {
+        var wrapper = mkWrapper();
+        wrapper.instance().onChange({
+          target: {
+            value: 'boo'
+          }
+        });
+        expect(wrapper.state('value')).toEqual('boo');
+      });
+    });
+    describe('onKeyDown', function () {
+      it('calls onChange on enter', function () {
+        var wrapper = mkWrapper();
+        wrapper.setState({
+          value: 'banana'
+        });
+        wrapper.instance().onKeyDown({
+          keyCode: 13
+        });
+        expect(onChange).toBeCalledWith(['foo', 'banana']);
+      });
+      it('doesnt calls onChange on enter if the value is the same as a value in tags', function () {
+        var wrapper = mkWrapper();
+        wrapper.setState({
+          value: 'foo'
+        });
+        wrapper.instance().onKeyDown({
+          keyCode: 13
+        });
+        expect(onChange).not.toBeCalled();
+      });
+    });
+  });
+});
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWdzLWlucHV0L19fdGVzdHNfXy9pbmRleC50ZXN0LmpzeCJdLCJuYW1lcyI6WyJkZXNjcmliZSIsIml0Iiwid3JhcHBlciIsInRhZ3NJbnB1dCIsImplc3QiLCJmbiIsImV4cGVjdCIsInRvTWF0Y2hTbmFwc2hvdCIsIm9uQ2hhbmdlIiwibWtXcmFwcGVyIiwiaW5zdGFuY2UiLCJvbkZvY3VzIiwic3RhdGUiLCJ0b0VxdWFsIiwib25CbHVyIiwidGFyZ2V0IiwidmFsdWUiLCJzZXRTdGF0ZSIsIm9uS2V5RG93biIsImtleUNvZGUiLCJ0b0JlQ2FsbGVkV2l0aCIsIm5vdCIsInRvQmVDYWxsZWQiXSwibWFwcGluZ3MiOiI7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFFQUEsUUFBUSxDQUFDLFdBQUQsRUFBYyxZQUFNO0FBQzFCQSxFQUFBQSxRQUFRLENBQUMsV0FBRCxFQUFjLFlBQU07QUFDMUJDLElBQUFBLEVBQUUsQ0FBQyxTQUFELEVBQVksWUFBTTtBQUNsQixVQUFNQyxPQUFPLEdBQUcsaUNBQU0sZ0NBQUMsZ0JBQUQ7QUFBVyxRQUFBLE9BQU8sRUFBRTtBQUFFQyxVQUFBQSxTQUFTLEVBQUU7QUFBYixTQUFwQjtBQUFnRCxRQUFBLElBQUksRUFBRSxDQUFDLEtBQUQsQ0FBdEQ7QUFBK0QsUUFBQSxRQUFRLEVBQUVDLElBQUksQ0FBQ0MsRUFBTDtBQUF6RSxRQUFOLENBQWhCO0FBQ0FDLE1BQUFBLE1BQU0sQ0FBQyw4QkFBT0osT0FBUCxDQUFELENBQU4sQ0FBd0JLLGVBQXhCO0FBQ0QsS0FIQyxDQUFGO0FBSUQsR0FMTyxDQUFSO0FBT0FQLEVBQUFBLFFBQVEsQ0FBQyxPQUFELEVBQVUsWUFBTTtBQUN0QixRQUFJUSxRQUFKOztBQUNBLFFBQU1DLFNBQVMsR0FBRyxTQUFaQSxTQUFZLEdBQU07QUFDdEJELE1BQUFBLFFBQVEsR0FBR0osSUFBSSxDQUFDQyxFQUFMLEVBQVg7QUFDQSxhQUFPLG1DQUFRLGdDQUFDLGdCQUFEO0FBQVcsUUFBQSxRQUFRLEVBQUVHLFFBQXJCO0FBQStCLFFBQUEsT0FBTyxFQUFFLEVBQXhDO0FBQTRDLFFBQUEsSUFBSSxFQUFFLENBQUMsS0FBRDtBQUFsRCxRQUFSLENBQVA7QUFDRCxLQUhEOztBQUtBUixJQUFBQSxRQUFRLENBQUMsU0FBRCxFQUFZLFlBQU07QUFDeEJDLE1BQUFBLEVBQUUsQ0FBQywyQkFBRCxFQUE4QixZQUFNO0FBQ3BDLFlBQU1DLE9BQU8sR0FBR08sU0FBUyxFQUF6QjtBQUNBUCxRQUFBQSxPQUFPLENBQUNRLFFBQVIsR0FBbUJDLE9BQW5CO0FBQ0FMLFFBQUFBLE1BQU0sQ0FBQ0osT0FBTyxDQUFDVSxLQUFSLENBQWMsU0FBZCxDQUFELENBQU4sQ0FBaUNDLE9BQWpDLENBQXlDLElBQXpDO0FBQ0QsT0FKQyxDQUFGO0FBS0QsS0FOTyxDQUFSO0FBUUFiLElBQUFBLFFBQVEsQ0FBQyxRQUFELEVBQVcsWUFBTTtBQUN2QkMsTUFBQUEsRUFBRSxDQUFDLDRCQUFELEVBQStCLFlBQU07QUFDckMsWUFBTUMsT0FBTyxHQUFHTyxTQUFTLEVBQXpCO0FBQ0FQLFFBQUFBLE9BQU8sQ0FBQ1EsUUFBUixHQUFtQkMsT0FBbkI7QUFDQVQsUUFBQUEsT0FBTyxDQUFDUSxRQUFSLEdBQW1CSSxNQUFuQjtBQUNBUixRQUFBQSxNQUFNLENBQUNKLE9BQU8sQ0FBQ1UsS0FBUixDQUFjLFNBQWQsQ0FBRCxDQUFOLENBQWlDQyxPQUFqQyxDQUF5QyxLQUF6QztBQUNELE9BTEMsQ0FBRjtBQU1ELEtBUE8sQ0FBUjtBQVNBYixJQUFBQSxRQUFRLENBQUMsVUFBRCxFQUFhLFlBQU07QUFDekJDLE1BQUFBLEVBQUUsQ0FBQyxvQkFBRCxFQUF1QixZQUFNO0FBQzdCLFlBQU1DLE9BQU8sR0FBR08sU0FBUyxFQUF6QjtBQUNBUCxRQUFBQSxPQUFPLENBQUNRLFFBQVIsR0FBbUJGLFFBQW5CLENBQTRCO0FBQUVPLFVBQUFBLE1BQU0sRUFBRTtBQUFFQyxZQUFBQSxLQUFLLEVBQUU7QUFBVDtBQUFWLFNBQTVCO0FBQ0FWLFFBQUFBLE1BQU0sQ0FBQ0osT0FBTyxDQUFDVSxLQUFSLENBQWMsT0FBZCxDQUFELENBQU4sQ0FBK0JDLE9BQS9CLENBQXVDLEtBQXZDO0FBQ0QsT0FKQyxDQUFGO0FBS0QsS0FOTyxDQUFSO0FBUUFiLElBQUFBLFFBQVEsQ0FBQyxXQUFELEVBQWMsWUFBTTtBQUMxQkMsTUFBQUEsRUFBRSxDQUFDLHlCQUFELEVBQTRCLFlBQU07QUFDbEMsWUFBTUMsT0FBTyxHQUFHTyxTQUFTLEVBQXpCO0FBQ0FQLFFBQUFBLE9BQU8sQ0FBQ2UsUUFBUixDQUFpQjtBQUFFRCxVQUFBQSxLQUFLLEVBQUU7QUFBVCxTQUFqQjtBQUNBZCxRQUFBQSxPQUFPLENBQUNRLFFBQVIsR0FBbUJRLFNBQW5CLENBQTZCO0FBQUVDLFVBQUFBLE9BQU8sRUFBRTtBQUFYLFNBQTdCO0FBQ0FiLFFBQUFBLE1BQU0sQ0FBQ0UsUUFBRCxDQUFOLENBQWlCWSxjQUFqQixDQUFnQyxDQUFDLEtBQUQsRUFBUSxRQUFSLENBQWhDO0FBQ0QsT0FMQyxDQUFGO0FBT0FuQixNQUFBQSxFQUFFLENBQUMsNEVBQUQsRUFBK0UsWUFBTTtBQUNyRixZQUFNQyxPQUFPLEdBQUdPLFNBQVMsRUFBekI7QUFDQVAsUUFBQUEsT0FBTyxDQUFDZSxRQUFSLENBQWlCO0FBQUVELFVBQUFBLEtBQUssRUFBRTtBQUFULFNBQWpCO0FBQ0FkLFFBQUFBLE9BQU8sQ0FBQ1EsUUFBUixHQUFtQlEsU0FBbkIsQ0FBNkI7QUFBRUMsVUFBQUEsT0FBTyxFQUFFO0FBQVgsU0FBN0I7QUFDQWIsUUFBQUEsTUFBTSxDQUFDRSxRQUFELENBQU4sQ0FBaUJhLEdBQWpCLENBQXFCQyxVQUFyQjtBQUNELE9BTEMsQ0FBRjtBQU1ELEtBZE8sQ0FBUjtBQWVELEdBL0NPLENBQVI7QUFnREQsQ0F4RE8sQ0FBUiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFRhZ3NJbnB1dCB9IGZyb20gJy4uL2luZGV4JztcbmltcG9ydCB0b0pzb24gZnJvbSAnZW56eW1lLXRvLWpzb24nO1xuaW1wb3J0IHsgc2hhbGxvdywgbW91bnQgfSBmcm9tICdlbnp5bWUnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuZGVzY3JpYmUoJ1RhZ3NJbnB1dCcsICgpID0+IHtcbiAgZGVzY3JpYmUoJ3NuYXBzaG90cycsICgpID0+IHtcbiAgICBpdCgncmVuZGVycycsICgpID0+IHtcbiAgICAgIGNvbnN0IHdyYXBwZXIgPSBtb3VudCg8VGFnc0lucHV0IGNsYXNzZXM9e3sgdGFnc0lucHV0OiAndGFnc0lucHV0JyB9fSB0YWdzPXtbJ2ZvbyddfSBvbkNoYW5nZT17amVzdC5mbigpfSAvPik7XG4gICAgICBleHBlY3QodG9Kc29uKHdyYXBwZXIpKS50b01hdGNoU25hcHNob3QoKTtcbiAgICB9KTtcbiAgfSk7XG5cbiAgZGVzY3JpYmUoJ2xvZ2ljJywgKCkgPT4ge1xuICAgIGxldCBvbkNoYW5nZTtcbiAgICBjb25zdCBta1dyYXBwZXIgPSAoKSA9PiB7XG4gICAgICBvbkNoYW5nZSA9IGplc3QuZm4oKTtcbiAgICAgIHJldHVybiBzaGFsbG93KDxUYWdzSW5wdXQgb25DaGFuZ2U9e29uQ2hhbmdlfSBjbGFzc2VzPXt7fX0gdGFncz17Wydmb28nXX0gLz4pO1xuICAgIH07XG5cbiAgICBkZXNjcmliZSgnb25Gb2N1cycsICgpID0+IHtcbiAgICAgIGl0KCdzZXRzIHN0YXRlLmZvY3VzZWQgPSB0cnVlJywgKCkgPT4ge1xuICAgICAgICBjb25zdCB3cmFwcGVyID0gbWtXcmFwcGVyKCk7XG4gICAgICAgIHdyYXBwZXIuaW5zdGFuY2UoKS5vbkZvY3VzKCk7XG4gICAgICAgIGV4cGVjdCh3cmFwcGVyLnN0YXRlKCdmb2N1c2VkJykpLnRvRXF1YWwodHJ1ZSk7XG4gICAgICB9KTtcbiAgICB9KTtcblxuICAgIGRlc2NyaWJlKCdvbkJsdXInLCAoKSA9PiB7XG4gICAgICBpdCgnc2V0cyBzdGF0ZS5mb2N1c2VkID0gZmFsc2UnLCAoKSA9PiB7XG4gICAgICAgIGNvbnN0IHdyYXBwZXIgPSBta1dyYXBwZXIoKTtcbiAgICAgICAgd3JhcHBlci5pbnN0YW5jZSgpLm9uRm9jdXMoKTtcbiAgICAgICAgd3JhcHBlci5pbnN0YW5jZSgpLm9uQmx1cigpO1xuICAgICAgICBleHBlY3Qod3JhcHBlci5zdGF0ZSgnZm9jdXNlZCcpKS50b0VxdWFsKGZhbHNlKTtcbiAgICAgIH0pO1xuICAgIH0pO1xuXG4gICAgZGVzY3JpYmUoJ29uQ2hhbmdlJywgKCkgPT4ge1xuICAgICAgaXQoJ3NldHMgc3RhdGUudmFsdWUgICcsICgpID0+IHtcbiAgICAgICAgY29uc3Qgd3JhcHBlciA9IG1rV3JhcHBlcigpO1xuICAgICAgICB3cmFwcGVyLmluc3RhbmNlKCkub25DaGFuZ2UoeyB0YXJnZXQ6IHsgdmFsdWU6ICdib28nIH0gfSk7XG4gICAgICAgIGV4cGVjdCh3cmFwcGVyLnN0YXRlKCd2YWx1ZScpKS50b0VxdWFsKCdib28nKTtcbiAgICAgIH0pO1xuICAgIH0pO1xuXG4gICAgZGVzY3JpYmUoJ29uS2V5RG93bicsICgpID0+IHtcbiAgICAgIGl0KCdjYWxscyBvbkNoYW5nZSBvbiBlbnRlcicsICgpID0+IHtcbiAgICAgICAgY29uc3Qgd3JhcHBlciA9IG1rV3JhcHBlcigpO1xuICAgICAgICB3cmFwcGVyLnNldFN0YXRlKHsgdmFsdWU6ICdiYW5hbmEnIH0pO1xuICAgICAgICB3cmFwcGVyLmluc3RhbmNlKCkub25LZXlEb3duKHsga2V5Q29kZTogMTMgfSk7XG4gICAgICAgIGV4cGVjdChvbkNoYW5nZSkudG9CZUNhbGxlZFdpdGgoWydmb28nLCAnYmFuYW5hJ10pO1xuICAgICAgfSk7XG5cbiAgICAgIGl0KCdkb2VzbnQgY2FsbHMgb25DaGFuZ2Ugb24gZW50ZXIgaWYgdGhlIHZhbHVlIGlzIHRoZSBzYW1lIGFzIGEgdmFsdWUgaW4gdGFncycsICgpID0+IHtcbiAgICAgICAgY29uc3Qgd3JhcHBlciA9IG1rV3JhcHBlcigpO1xuICAgICAgICB3cmFwcGVyLnNldFN0YXRlKHsgdmFsdWU6ICdmb28nIH0pO1xuICAgICAgICB3cmFwcGVyLmluc3RhbmNlKCkub25LZXlEb3duKHsga2V5Q29kZTogMTMgfSk7XG4gICAgICAgIGV4cGVjdChvbkNoYW5nZSkubm90LnRvQmVDYWxsZWQoKTtcbiAgICAgIH0pO1xuICAgIH0pO1xuICB9KTtcbn0pO1xuIl19