@pie-lib/config-ui 11.1.5-next.48 → 11.1.5-next.49

package/lib/radio-with-label.js

@@ -1,14 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
+
 var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _styles = require("@material-ui/core/styles");
+
 var _default = (0, _styles.withStyles)({
   label: {
     left: '-5px',
@@ -16,10 +22,10 @@ var _default = (0, _styles.withStyles)({
   }
 })(function (_ref) {
   var label = _ref.label,
-    value = _ref.value,
-    checked = _ref.checked,
-    onChange = _ref.onChange,
-    classes = _ref.classes;
+      value = _ref.value,
+      checked = _ref.checked,
+      onChange = _ref.onChange,
+      classes = _ref.classes;
   return /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
     value: value,
     classes: classes,
@@ -30,5 +36,6 @@ var _default = (0, _styles.withStyles)({
     label: label
   });
 });
+
 exports["default"] = _default;
 //# sourceMappingURL=radio-with-label.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"radio-with-label.js","names":["withStyles","label","left","position","value","checked","onChange","classes"],"sources":["../src/radio-with-label.jsx"],"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';\n\nexport default withStyles({\n  label: {\n    left: '-5px',\n    position: 'relative',\n  },\n})(({ label, value, checked, onChange, classes }) => (\n  <FormControlLabel\n    value={value}\n    classes={classes}\n    control={<Radio checked={checked} onChange={onChange} />}\n    label={label}\n  />\n));\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAAsD,eAEvC,IAAAA,kBAAU,EAAC;EACxBC,KAAK,EAAE;IACLC,IAAI,EAAE,MAAM;IACZC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC,CAAC;EAAA,IAAGF,KAAK,QAALA,KAAK;IAAEG,KAAK,QAALA,KAAK;IAAEC,OAAO,QAAPA,OAAO;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,OAAO,QAAPA,OAAO;EAAA,oBAC5C,gCAAC,4BAAgB;IACf,KAAK,EAAEH,KAAM;IACb,OAAO,EAAEG,OAAQ;IACjB,OAAO,eAAE,gCAAC,iBAAK;MAAC,OAAO,EAAEF,OAAQ;MAAC,QAAQ,EAAEC;IAAS,EAAI;IACzD,KAAK,EAAEL;EAAM,EACb;AAAA,CACH,CAAC;AAAA"}
+{"version":3,"sources":["../src/radio-with-label.jsx"],"names":["label","left","position","value","checked","onChange","classes"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;eAEe,wBAAW;AACxBA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,MADD;AAELC,IAAAA,QAAQ,EAAE;AAFL;AADiB,CAAX,EAKZ;AAAA,MAAGF,KAAH,QAAGA,KAAH;AAAA,MAAUG,KAAV,QAAUA,KAAV;AAAA,MAAiBC,OAAjB,QAAiBA,OAAjB;AAAA,MAA0BC,QAA1B,QAA0BA,QAA1B;AAAA,MAAoCC,OAApC,QAAoCA,OAApC;AAAA,sBACD,gCAAC,4BAAD;AACE,IAAA,KAAK,EAAEH,KADT;AAEE,IAAA,OAAO,EAAEG,OAFX;AAGE,IAAA,OAAO,eAAE,gCAAC,iBAAD;AAAO,MAAA,OAAO,EAAEF,OAAhB;AAAyB,MAAA,QAAQ,EAAEC;AAAnC,MAHX;AAIE,IAAA,KAAK,EAAEL;AAJT,IADC;AAAA,CALY,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';\n\nexport default withStyles({\n  label: {\n    left: '-5px',\n    position: 'relative',\n  },\n})(({ label, value, checked, onChange, classes }) => (\n  <FormControlLabel\n    value={value}\n    classes={classes}\n    control={<Radio checked={checked} onChange={onChange} />}\n    label={label}\n  />\n));\n"],"file":"radio-with-label.js"}

package/lib/settings/display-size.js

@@ -1,18 +1,28 @@
 "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 _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+
 var _styles = require("@material-ui/core/styles");
+
 var _numberTextField = _interopRequireDefault(require("../number-text-field"));
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 var DisplaySize = (0, _styles.withStyles)(function (theme) {
   return {
     displaySize: {
@@ -22,12 +32,14 @@ var DisplaySize = (0, _styles.withStyles)(function (theme) {
   };
 })(function (_ref) {
   var size = _ref.size,
-    label = _ref.label,
-    classes = _ref.classes,
-    onChange = _ref.onChange;
+      label = _ref.label,
+      classes = _ref.classes,
+      onChange = _ref.onChange;
+
   var updateSize = function updateSize(key, v) {
     onChange(_objectSpread(_objectSpread({}, size), {}, (0, _defineProperty2["default"])({}, key, v)));
   };
+
   return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, label), /*#__PURE__*/_react["default"].createElement("div", {
     className: classes.displaySize
   }, /*#__PURE__*/_react["default"].createElement(_numberTextField["default"], {

package/lib/settings/display-size.js.map

@@ -1 +1 @@
-{"version":3,"file":"display-size.js","names":["DisplaySize","withStyles","theme","displaySize","display","paddingTop","spacing","unit","size","label","classes","onChange","updateSize","key","v","width","e","height","propTypes","PropTypes","shape","number","isRequired","string","func"],"sources":["../../src/settings/display-size.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Typography from '@material-ui/core/Typography';\nimport { withStyles } from '@material-ui/core/styles';\nimport NumberTextField from '../number-text-field';\n\nconst DisplaySize = withStyles((theme) => ({\n  displaySize: {\n    display: 'flex',\n    paddingTop: theme.spacing.unit,\n  },\n}))(({ size, label, classes, onChange }) => {\n  const updateSize = (key, v) => {\n    onChange({ ...size, [key]: v });\n  };\n  return (\n    <div>\n      <Typography>{label}</Typography>\n      <div className={classes.displaySize}>\n        <NumberTextField\n          label=\"Width\"\n          type=\"number\"\n          variant=\"outlined\"\n          value={size.width}\n          min={150}\n          max={1000}\n          onChange={(e, v) => updateSize('width', v)}\n        />\n        <NumberTextField\n          label=\"Height\"\n          type=\"number\"\n          variant=\"outlined\"\n          min={150}\n          max={1000}\n          value={size.height}\n          onChange={(e, v) => updateSize('height', v)}\n        />\n      </div>\n    </div>\n  );\n});\n\nDisplaySize.propTypes = {\n  size: PropTypes.shape({\n    width: PropTypes.number.isRequired,\n    height: PropTypes.number.isRequired,\n  }).isRequired,\n  label: PropTypes.string.isRequired,\n  onChange: PropTypes.func,\n};\n\nexport default DisplaySize;\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAAmD;AAAA;AAEnD,IAAMA,WAAW,GAAG,IAAAC,kBAAU,EAAC,UAACC,KAAK;EAAA,OAAM;IACzCC,WAAW,EAAE;MACXC,OAAO,EAAE,MAAM;MACfC,UAAU,EAAEH,KAAK,CAACI,OAAO,CAACC;IAC5B;EACF,CAAC;AAAA,CAAC,CAAC,CAAC,gBAAwC;EAAA,IAArCC,IAAI,QAAJA,IAAI;IAAEC,KAAK,QAALA,KAAK;IAAEC,OAAO,QAAPA,OAAO;IAAEC,QAAQ,QAARA,QAAQ;EACnC,IAAMC,UAAU,GAAG,SAAbA,UAAU,CAAIC,GAAG,EAAEC,CAAC,EAAK;IAC7BH,QAAQ,iCAAMH,IAAI,4CAAGK,GAAG,EAAGC,CAAC,GAAG;EACjC,CAAC;EACD,oBACE,0DACE,gCAAC,sBAAU,QAAEL,KAAK,CAAc,eAChC;IAAK,SAAS,EAAEC,OAAO,CAACP;EAAY,gBAClC,gCAAC,2BAAe;IACd,KAAK,EAAC,OAAO;IACb,IAAI,EAAC,QAAQ;IACb,OAAO,EAAC,UAAU;IAClB,KAAK,EAAEK,IAAI,CAACO,KAAM;IAClB,GAAG,EAAE,GAAI;IACT,GAAG,EAAE,IAAK;IACV,QAAQ,EAAE,kBAACC,CAAC,EAAEF,CAAC;MAAA,OAAKF,UAAU,CAAC,OAAO,EAAEE,CAAC,CAAC;IAAA;EAAC,EAC3C,eACF,gCAAC,2BAAe;IACd,KAAK,EAAC,QAAQ;IACd,IAAI,EAAC,QAAQ;IACb,OAAO,EAAC,UAAU;IAClB,GAAG,EAAE,GAAI;IACT,GAAG,EAAE,IAAK;IACV,KAAK,EAAEN,IAAI,CAACS,MAAO;IACnB,QAAQ,EAAE,kBAACD,CAAC,EAAEF,CAAC;MAAA,OAAKF,UAAU,CAAC,QAAQ,EAAEE,CAAC,CAAC;IAAA;EAAC,EAC5C,CACE,CACF;AAEV,CAAC,CAAC;AAEFd,WAAW,CAACkB,SAAS,GAAG;EACtBV,IAAI,EAAEW,qBAAS,CAACC,KAAK,CAAC;IACpBL,KAAK,EAAEI,qBAAS,CAACE,MAAM,CAACC,UAAU;IAClCL,MAAM,EAAEE,qBAAS,CAACE,MAAM,CAACC;EAC3B,CAAC,CAAC,CAACA,UAAU;EACbb,KAAK,EAAEU,qBAAS,CAACI,MAAM,CAACD,UAAU;EAClCX,QAAQ,EAAEQ,qBAAS,CAACK;AACtB,CAAC;AAAC,eAEaxB,WAAW;AAAA"}
+{"version":3,"sources":["../../src/settings/display-size.jsx"],"names":["DisplaySize","theme","displaySize","display","paddingTop","spacing","unit","size","label","classes","onChange","updateSize","key","v","width","e","height","propTypes","PropTypes","shape","number","isRequired","string","func"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,WAAW,GAAG,wBAAW,UAACC,KAAD;AAAA,SAAY;AACzCC,IAAAA,WAAW,EAAE;AACXC,MAAAA,OAAO,EAAE,MADE;AAEXC,MAAAA,UAAU,EAAEH,KAAK,CAACI,OAAN,CAAcC;AAFf;AAD4B,GAAZ;AAAA,CAAX,EAKhB,gBAAwC;AAAA,MAArCC,IAAqC,QAArCA,IAAqC;AAAA,MAA/BC,KAA+B,QAA/BA,KAA+B;AAAA,MAAxBC,OAAwB,QAAxBA,OAAwB;AAAA,MAAfC,QAAe,QAAfA,QAAe;;AAC1C,MAAMC,UAAU,GAAG,SAAbA,UAAa,CAACC,GAAD,EAAMC,CAAN,EAAY;AAC7BH,IAAAA,QAAQ,iCAAMH,IAAN,4CAAaK,GAAb,EAAmBC,CAAnB,GAAR;AACD,GAFD;;AAGA,sBACE,0DACE,gCAAC,sBAAD,QAAaL,KAAb,CADF,eAEE;AAAK,IAAA,SAAS,EAAEC,OAAO,CAACP;AAAxB,kBACE,gCAAC,2BAAD;AACE,IAAA,KAAK,EAAC,OADR;AAEE,IAAA,IAAI,EAAC,QAFP;AAGE,IAAA,OAAO,EAAC,UAHV;AAIE,IAAA,KAAK,EAAEK,IAAI,CAACO,KAJd;AAKE,IAAA,GAAG,EAAE,GALP;AAME,IAAA,GAAG,EAAE,IANP;AAOE,IAAA,QAAQ,EAAE,kBAACC,CAAD,EAAIF,CAAJ;AAAA,aAAUF,UAAU,CAAC,OAAD,EAAUE,CAAV,CAApB;AAAA;AAPZ,IADF,eAUE,gCAAC,2BAAD;AACE,IAAA,KAAK,EAAC,QADR;AAEE,IAAA,IAAI,EAAC,QAFP;AAGE,IAAA,OAAO,EAAC,UAHV;AAIE,IAAA,GAAG,EAAE,GAJP;AAKE,IAAA,GAAG,EAAE,IALP;AAME,IAAA,KAAK,EAAEN,IAAI,CAACS,MANd;AAOE,IAAA,QAAQ,EAAE,kBAACD,CAAD,EAAIF,CAAJ;AAAA,aAAUF,UAAU,CAAC,QAAD,EAAWE,CAAX,CAApB;AAAA;AAPZ,IAVF,CAFF,CADF;AAyBD,CAlCmB,CAApB;AAoCAb,WAAW,CAACiB,SAAZ,GAAwB;AACtBV,EAAAA,IAAI,EAAEW,sBAAUC,KAAV,CAAgB;AACpBL,IAAAA,KAAK,EAAEI,sBAAUE,MAAV,CAAiBC,UADJ;AAEpBL,IAAAA,MAAM,EAAEE,sBAAUE,MAAV,CAAiBC;AAFL,GAAhB,EAGHA,UAJmB;AAKtBb,EAAAA,KAAK,EAAEU,sBAAUI,MAAV,CAAiBD,UALF;AAMtBX,EAAAA,QAAQ,EAAEQ,sBAAUK;AANE,CAAxB;eASevB,W","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Typography from '@material-ui/core/Typography';\nimport { withStyles } from '@material-ui/core/styles';\nimport NumberTextField from '../number-text-field';\n\nconst DisplaySize = withStyles((theme) => ({\n  displaySize: {\n    display: 'flex',\n    paddingTop: theme.spacing.unit,\n  },\n}))(({ size, label, classes, onChange }) => {\n  const updateSize = (key, v) => {\n    onChange({ ...size, [key]: v });\n  };\n  return (\n    <div>\n      <Typography>{label}</Typography>\n      <div className={classes.displaySize}>\n        <NumberTextField\n          label=\"Width\"\n          type=\"number\"\n          variant=\"outlined\"\n          value={size.width}\n          min={150}\n          max={1000}\n          onChange={(e, v) => updateSize('width', v)}\n        />\n        <NumberTextField\n          label=\"Height\"\n          type=\"number\"\n          variant=\"outlined\"\n          min={150}\n          max={1000}\n          value={size.height}\n          onChange={(e, v) => updateSize('height', v)}\n        />\n      </div>\n    </div>\n  );\n});\n\nDisplaySize.propTypes = {\n  size: PropTypes.shape({\n    width: PropTypes.number.isRequired,\n    height: PropTypes.number.isRequired,\n  }).isRequired,\n  label: PropTypes.string.isRequired,\n  onChange: PropTypes.func,\n};\n\nexport default DisplaySize;\n"],"file":"display-size.js"}

package/lib/settings/index.js

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,11 +12,17 @@ Object.defineProperty(exports, "Panel", {
   }
 });
 exports.toggle = exports.radio = exports.numberFields = exports.numberField = exports.dropdown = exports.checkboxes = exports.checkbox = void 0;
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _panel = _interopRequireDefault(require("./panel"));
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 var toggle = function toggle(label) {
   var isConfigProperty = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   return {
@@ -24,7 +31,9 @@ var toggle = function toggle(label) {
     isConfigProperty: isConfigProperty
   };
 };
+
 exports.toggle = toggle;
+
 var toChoice = function toChoice(opt) {
   if (typeof opt === 'string') {
     return {
@@ -35,13 +44,16 @@ var toChoice = function toChoice(opt) {
     return opt;
   }
 };
+
 var radio = function radio() {
   var args = Array.prototype.slice.call(arguments);
+
   var _args = (0, _slicedToArray2["default"])(args, 3),
-    label = _args[0],
-    choices = _args[1],
-    _args$ = _args[2],
-    isConfigProperty = _args$ === void 0 ? false : _args$;
+      label = _args[0],
+      choices = _args[1],
+      _args$ = _args[2],
+      isConfigProperty = _args$ === void 0 ? false : _args$;
+
   return {
     type: 'radio',
     label: label,
@@ -51,7 +63,9 @@ var radio = function radio() {
     isConfigProperty: isConfigProperty
   };
 };
+
 exports.radio = radio;
+
 var dropdown = function dropdown(label, choices) {
   var isConfigProperty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   return {
@@ -61,7 +75,9 @@ var dropdown = function dropdown(label, choices) {
     isConfigProperty: isConfigProperty
   };
 };
+
 exports.dropdown = dropdown;
+
 var numberField = function numberField(label, options) {
   var isConfigProperty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   return _objectSpread(_objectSpread({}, options), {}, {
@@ -70,7 +86,9 @@ var numberField = function numberField(label, options) {
     isConfigProperty: isConfigProperty
   });
 };
+
 exports.numberField = numberField;
+
 var numberFields = function numberFields(label, fields) {
   var isConfigProperty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   Object.keys(fields).map(function (key) {
@@ -82,7 +100,9 @@ var numberFields = function numberFields(label, fields) {
     fields: fields
   };
 };
+
 exports.numberFields = numberFields;
+
 var checkbox = function checkbox(label, settings) {
   var isConfigProperty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   return _objectSpread(_objectSpread({}, settings), {}, {
@@ -91,7 +111,9 @@ var checkbox = function checkbox(label, settings) {
     isConfigProperty: isConfigProperty
   });
 };
+
 exports.checkbox = checkbox;
+
 var checkboxes = function checkboxes(label, choices) {
   var isConfigProperty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   Object.keys(choices).map(function (key) {
@@ -103,5 +125,6 @@ var checkboxes = function checkboxes(label, choices) {
     choices: choices
   };
 };
+
 exports.checkboxes = checkboxes;
 //# sourceMappingURL=index.js.map

package/lib/settings/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["toggle","label","isConfigProperty","type","toChoice","opt","value","radio","args","Array","prototype","slice","call","arguments","choices","map","o","dropdown","numberField","options","numberFields","fields","Object","keys","key","checkbox","settings","checkboxes"],"sources":["../../src/settings/index.js"],"sourcesContent":["import Panel from './panel';\n\nexport { Panel };\n\nexport const toggle = (label, isConfigProperty = false) => ({\n  type: 'toggle',\n  label,\n  isConfigProperty,\n});\n\nconst toChoice = (opt) => {\n  if (typeof opt === 'string') {\n    return { label: opt, value: opt };\n  } else {\n    return opt;\n  }\n};\n\nexport const radio = function() {\n  const args = Array.prototype.slice.call(arguments);\n  const [label, choices, isConfigProperty = false] = args;\n  return {\n    type: 'radio',\n    label,\n    choices: choices && choices.map((o) => toChoice(o)),\n    isConfigProperty,\n  };\n};\n\nexport const dropdown = (label, choices, isConfigProperty = false) => {\n  return {\n    type: 'dropdown',\n    label,\n    choices,\n    isConfigProperty,\n  };\n};\n\nexport const numberField = (label, options, isConfigProperty = false) => ({\n  ...options,\n  label,\n  type: 'numberField',\n  isConfigProperty,\n});\n\nexport const numberFields = (label, fields, isConfigProperty = false) => {\n  Object.keys(fields).map((key) => {\n    fields[key] = numberField(fields[key].label, fields[key], isConfigProperty);\n  });\n\n  return {\n    type: 'numberFields',\n    label,\n    fields,\n  };\n};\n\nexport const checkbox = (label, settings, isConfigProperty = false) => ({\n  ...settings,\n  label,\n  type: 'checkbox',\n  isConfigProperty,\n});\n\nexport const checkboxes = (label, choices, isConfigProperty = false) => {\n  Object.keys(choices).map((key) => {\n    choices[key] = checkbox(choices[key].label, choices[key], isConfigProperty);\n  });\n\n  return {\n    type: 'checkboxes',\n    label,\n    choices,\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAA4B;AAAA;AAIrB,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,IAAEC,gBAAgB,uEAAG,KAAK;EAAA,OAAM;IAC1DC,IAAI,EAAE,QAAQ;IACdF,KAAK,EAALA,KAAK;IACLC,gBAAgB,EAAhBA;EACF,CAAC;AAAA,CAAC;AAAC;AAEH,IAAME,QAAQ,GAAG,SAAXA,QAAQ,CAAIC,GAAG,EAAK;EACxB,IAAI,OAAOA,GAAG,KAAK,QAAQ,EAAE;IAC3B,OAAO;MAAEJ,KAAK,EAAEI,GAAG;MAAEC,KAAK,EAAED;IAAI,CAAC;EACnC,CAAC,MAAM;IACL,OAAOA,GAAG;EACZ;AACF,CAAC;AAEM,IAAME,KAAK,GAAG,SAARA,KAAK,GAAc;EAC9B,IAAMC,IAAI,GAAGC,KAAK,CAACC,SAAS,CAACC,KAAK,CAACC,IAAI,CAACC,SAAS,CAAC;EAClD,4CAAmDL,IAAI;IAAhDP,KAAK;IAAEa,OAAO;IAAA;IAAEZ,gBAAgB,uBAAG,KAAK;EAC/C,OAAO;IACLC,IAAI,EAAE,OAAO;IACbF,KAAK,EAALA,KAAK;IACLa,OAAO,EAAEA,OAAO,IAAIA,OAAO,CAACC,GAAG,CAAC,UAACC,CAAC;MAAA,OAAKZ,QAAQ,CAACY,CAAC,CAAC;IAAA,EAAC;IACnDd,gBAAgB,EAAhBA;EACF,CAAC;AACH,CAAC;AAAC;AAEK,IAAMe,QAAQ,GAAG,SAAXA,QAAQ,CAAIhB,KAAK,EAAEa,OAAO,EAA+B;EAAA,IAA7BZ,gBAAgB,uEAAG,KAAK;EAC/D,OAAO;IACLC,IAAI,EAAE,UAAU;IAChBF,KAAK,EAALA,KAAK;IACLa,OAAO,EAAPA,OAAO;IACPZ,gBAAgB,EAAhBA;EACF,CAAC;AACH,CAAC;AAAC;AAEK,IAAMgB,WAAW,GAAG,SAAdA,WAAW,CAAIjB,KAAK,EAAEkB,OAAO;EAAA,IAAEjB,gBAAgB,uEAAG,KAAK;EAAA,uCAC/DiB,OAAO;IACVlB,KAAK,EAALA,KAAK;IACLE,IAAI,EAAE,aAAa;IACnBD,gBAAgB,EAAhBA;EAAgB;AAAA,CAChB;AAAC;AAEI,IAAMkB,YAAY,GAAG,SAAfA,YAAY,CAAInB,KAAK,EAAEoB,MAAM,EAA+B;EAAA,IAA7BnB,gBAAgB,uEAAG,KAAK;EAClEoB,MAAM,CAACC,IAAI,CAACF,MAAM,CAAC,CAACN,GAAG,CAAC,UAACS,GAAG,EAAK;IAC/BH,MAAM,CAACG,GAAG,CAAC,GAAGN,WAAW,CAACG,MAAM,CAACG,GAAG,CAAC,CAACvB,KAAK,EAAEoB,MAAM,CAACG,GAAG,CAAC,EAAEtB,gBAAgB,CAAC;EAC7E,CAAC,CAAC;EAEF,OAAO;IACLC,IAAI,EAAE,cAAc;IACpBF,KAAK,EAALA,KAAK;IACLoB,MAAM,EAANA;EACF,CAAC;AACH,CAAC;AAAC;AAEK,IAAMI,QAAQ,GAAG,SAAXA,QAAQ,CAAIxB,KAAK,EAAEyB,QAAQ;EAAA,IAAExB,gBAAgB,uEAAG,KAAK;EAAA,uCAC7DwB,QAAQ;IACXzB,KAAK,EAALA,KAAK;IACLE,IAAI,EAAE,UAAU;IAChBD,gBAAgB,EAAhBA;EAAgB;AAAA,CAChB;AAAC;AAEI,IAAMyB,UAAU,GAAG,SAAbA,UAAU,CAAI1B,KAAK,EAAEa,OAAO,EAA+B;EAAA,IAA7BZ,gBAAgB,uEAAG,KAAK;EACjEoB,MAAM,CAACC,IAAI,CAACT,OAAO,CAAC,CAACC,GAAG,CAAC,UAACS,GAAG,EAAK;IAChCV,OAAO,CAACU,GAAG,CAAC,GAAGC,QAAQ,CAACX,OAAO,CAACU,GAAG,CAAC,CAACvB,KAAK,EAAEa,OAAO,CAACU,GAAG,CAAC,EAAEtB,gBAAgB,CAAC;EAC7E,CAAC,CAAC;EAEF,OAAO;IACLC,IAAI,EAAE,YAAY;IAClBF,KAAK,EAALA,KAAK;IACLa,OAAO,EAAPA;EACF,CAAC;AACH,CAAC;AAAC"}
+{"version":3,"sources":["../../src/settings/index.js"],"names":["toggle","label","isConfigProperty","type","toChoice","opt","value","radio","args","Array","prototype","slice","call","arguments","choices","map","o","dropdown","numberField","options","numberFields","fields","Object","keys","key","checkbox","settings","checkboxes"],"mappings":"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","sourcesContent":["import Panel from './panel';\n\nexport { Panel };\n\nexport const toggle = (label, isConfigProperty = false) => ({\n  type: 'toggle',\n  label,\n  isConfigProperty,\n});\n\nconst toChoice = (opt) => {\n  if (typeof opt === 'string') {\n    return { label: opt, value: opt };\n  } else {\n    return opt;\n  }\n};\n\nexport const radio = function() {\n  const args = Array.prototype.slice.call(arguments);\n  const [label, choices, isConfigProperty = false] = args;\n  return {\n    type: 'radio',\n    label,\n    choices: choices && choices.map((o) => toChoice(o)),\n    isConfigProperty,\n  };\n};\n\nexport const dropdown = (label, choices, isConfigProperty = false) => {\n  return {\n    type: 'dropdown',\n    label,\n    choices,\n    isConfigProperty,\n  };\n};\n\nexport const numberField = (label, options, isConfigProperty = false) => ({\n  ...options,\n  label,\n  type: 'numberField',\n  isConfigProperty,\n});\n\nexport const numberFields = (label, fields, isConfigProperty = false) => {\n  Object.keys(fields).map((key) => {\n    fields[key] = numberField(fields[key].label, fields[key], isConfigProperty);\n  });\n\n  return {\n    type: 'numberFields',\n    label,\n    fields,\n  };\n};\n\nexport const checkbox = (label, settings, isConfigProperty = false) => ({\n  ...settings,\n  label,\n  type: 'checkbox',\n  isConfigProperty,\n});\n\nexport const checkboxes = (label, choices, isConfigProperty = false) => {\n  Object.keys(choices).map((key) => {\n    choices[key] = checkbox(choices[key].label, choices[key], isConfigProperty);\n  });\n\n  return {\n    type: 'checkboxes',\n    label,\n    choices,\n  };\n};\n"],"file":"index.js"}

package/lib/settings/panel.js

@@ -1,39 +1,70 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.Panel = void 0;
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _styles = require("@material-ui/core/styles");
+
 var _get2 = _interopRequireDefault(require("lodash/get"));
+
 var _set = _interopRequireDefault(require("lodash/set"));
+
 var _Select = _interopRequireDefault(require("@material-ui/core/Select"));
+
 var _Input = _interopRequireDefault(require("@material-ui/core/Input"));
+
 var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
+
 var _debug = _interopRequireDefault(require("debug"));
+
 var _toggle = _interopRequireDefault(require("./toggle"));
+
 var _twoChoice = require("../two-choice");
+
 var _settingsRadioLabel = _interopRequireDefault(require("./settings-radio-label"));
+
 var _index = require("../index");
+
 var _checkbox = _interopRequireDefault(require("../checkbox"));
+
 var _excluded = ["isConfigProperty"];
+
 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; } }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 var log = (0, _debug["default"])('pie-lib:config-ui:settings:panel');
 var labelValue = {
   label: _propTypes["default"].string,
@@ -44,10 +75,11 @@ var baseTypes = {
   value: _propTypes["default"].string,
   onChange: _propTypes["default"].func
 };
+
 var CheckboxChoice = function CheckboxChoice(_ref) {
   var label = _ref.label,
-    value = _ref.value,
-    _onChange = _ref.onChange;
+      value = _ref.value,
+      _onChange = _ref.onChange;
   return /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
     checked: value,
     label: label,
@@ -56,17 +88,19 @@ var CheckboxChoice = function CheckboxChoice(_ref) {
     }
   });
 };
+
 CheckboxChoice.propTypes = {
   label: _propTypes["default"].string,
   value: _propTypes["default"].bool,
   onChange: _propTypes["default"].func
 };
+
 var Radio = function Radio(_ref2) {
   var classes = _ref2.classes,
-    label = _ref2.label,
-    value = _ref2.value,
-    onChange = _ref2.onChange,
-    choices = _ref2.choices;
+      label = _ref2.label,
+      value = _ref2.value,
+      onChange = _ref2.onChange,
+      choices = _ref2.choices;
   return /*#__PURE__*/_react["default"].createElement(_twoChoice.NChoice, {
     className: classes.radioSettings,
     direction: "horizontal",
@@ -77,6 +111,7 @@ var Radio = function Radio(_ref2) {
     onChange: onChange
   });
 };
+
 Radio.propTypes = _objectSpread(_objectSpread({}, baseTypes), {}, {
   choices: _propTypes["default"].arrayOf(_propTypes["default"].shape(labelValue))
 });
@@ -111,11 +146,11 @@ var Dropdown = (0, _styles.withStyles)({
   }
 })(function (_ref3) {
   var classes = _ref3.classes,
-    label = _ref3.label,
-    value = _ref3.value,
-    _onChange2 = _ref3.onChange,
-    _ref3$choices = _ref3.choices,
-    choices = _ref3$choices === void 0 ? [] : _ref3$choices;
+      label = _ref3.label,
+      value = _ref3.value,
+      _onChange2 = _ref3.onChange,
+      _ref3$choices = _ref3.choices,
+      choices = _ref3$choices === void 0 ? [] : _ref3$choices;
   return /*#__PURE__*/_react["default"].createElement("div", null, label && /*#__PURE__*/_react["default"].createElement("p", {
     className: classes.label
   }, label), /*#__PURE__*/_react["default"].createElement(_Select["default"], {
@@ -153,13 +188,14 @@ var NumberField = (0, _styles.withStyles)({
   }
 })(function (_ref5) {
   var classes = _ref5.classes,
-    label = _ref5.label,
-    value = _ref5.value,
-    _ref5$onChange = _ref5.onChange,
-    _onChange3 = _ref5$onChange === void 0 ? function () {} : _ref5$onChange,
-    suffix = _ref5.suffix,
-    min = _ref5.min,
-    max = _ref5.max;
+      label = _ref5.label,
+      value = _ref5.value,
+      _ref5$onChange = _ref5.onChange,
+      _onChange3 = _ref5$onChange === void 0 ? function () {} : _ref5$onChange,
+      suffix = _ref5.suffix,
+      min = _ref5.min,
+      max = _ref5.max;
+
   return /*#__PURE__*/_react["default"].createElement(_index.NumberTextField, {
     label: label || 'Label',
     value: value,
@@ -182,16 +218,18 @@ NumberField.propTypes = _objectSpread(_objectSpread({}, baseTypes), {}, {
   max: _propTypes["default"].number,
   value: _propTypes["default"].number
 });
+
 var ToggleWrapper = function ToggleWrapper(_ref6) {
   var label = _ref6.label,
-    value = _ref6.value,
-    onChange = _ref6.onChange;
+      value = _ref6.value,
+      onChange = _ref6.onChange;
   return /*#__PURE__*/_react["default"].createElement(_toggle["default"], {
     label: label,
     checked: !!value,
     toggle: onChange
   });
 };
+
 ToggleWrapper.propTypes = _objectSpread(_objectSpread({}, baseTypes), {}, {
   value: _propTypes["default"].bool
 });
@@ -220,26 +258,29 @@ var Group = (0, _styles.withStyles)(function () {
   };
 })(function (props) {
   var classes = props.classes,
-    model = props.model,
-    label = props.label,
-    group = props.group,
-    configuration = props.configuration,
-    _onChange4 = props.onChange;
-
+      model = props.model,
+      label = props.label,
+      group = props.group,
+      configuration = props.configuration,
+      _onChange4 = props.onChange;
   /**
    * @param group - the group of settings
    * @param key - the key(or path) to be used to set or get from model or configuration
    * @param innerKey - the key(or path) to be used to get from the group (used only for numberField type)
    * @returns tag that corresponds to element type */
+
   var getTag = function getTag(group, key, innerKey) {
     var _get = (0, _get2["default"])(group, innerKey || key),
-      isConfigProperty = _get.isConfigProperty,
-      properties = (0, _objectWithoutProperties2["default"])(_get, _excluded);
+        isConfigProperty = _get.isConfigProperty,
+        properties = (0, _objectWithoutProperties2["default"])(_get, _excluded);
+
     var value = isConfigProperty ? (0, _get2["default"])(configuration, key) : (0, _get2["default"])(model, key);
+
     var tagProps = _objectSpread(_objectSpread({}, properties), {}, {
       key: key,
       value: value
     });
+
     var Tag = tagMap[tagProps.type];
     return /*#__PURE__*/_react["default"].createElement(Tag, (0, _extends2["default"])({
       key: key
@@ -249,15 +290,19 @@ var Group = (0, _styles.withStyles)(function () {
       }
     }));
   };
+
   var content = function content(group, key) {
     var currentGroup = group[key];
+
     if (!currentGroup) {
       return null;
     }
+
     var type = currentGroup.type,
-      label = currentGroup.label,
-      fields = currentGroup.fields,
-      choices = currentGroup.choices;
+        label = currentGroup.label,
+        fields = currentGroup.fields,
+        choices = currentGroup.choices;
+
     if (type === 'numberFields') {
       return /*#__PURE__*/_react["default"].createElement("div", {
         key: "numberField-".concat(label)
@@ -267,17 +312,19 @@ var Group = (0, _styles.withStyles)(function () {
         return getTag(group, "".concat(key, ".").concat(fieldKey), "".concat(key, ".fields.").concat(fieldKey));
       }));
     }
+
     if (type === 'checkboxes') {
       return /*#__PURE__*/_react["default"].createElement("div", {
         key: "checkbox-".concat(label)
       }, /*#__PURE__*/_react["default"].createElement("p", null, label), Object.keys(choices).map(function (choiceKey) {
         return getTag(group, "".concat(key, ".").concat(choiceKey), "".concat(key, ".choices.").concat(choiceKey));
       }));
-    }
+    } // if type is toggle, radio, dropdown or numberField
+
 
-    // if type is toggle, radio, dropdown or numberField
     return getTag(group, key);
   };
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: classes.group
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -286,24 +333,33 @@ var Group = (0, _styles.withStyles)(function () {
     return content(group, key);
   }));
 });
+
 var Panel = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(Panel, _React$Component);
+
   var _super = _createSuper(Panel);
+
   function Panel() {
     var _this;
+
     (0, _classCallCheck2["default"])(this, Panel);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
+
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "change", function (key, value) {
       var isConfigProperty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
       log('[changeModel]', key, value);
       var _this$props = _this.props,
-        onChangeModel = _this$props.onChangeModel,
-        onChangeConfiguration = _this$props.onChangeConfiguration;
+          onChangeModel = _this$props.onChangeModel,
+          onChangeConfiguration = _this$props.onChangeConfiguration;
+
       var model = _objectSpread({}, _this.props.model);
+
       var configuration = _objectSpread({}, _this.props.configuration);
+
       if (isConfigProperty) {
         (0, _set["default"])(configuration, key, value);
         onChangeConfiguration(configuration, key);
@@ -314,22 +370,26 @@ var Panel = /*#__PURE__*/function (_React$Component) {
     });
     return _this;
   }
+
   (0, _createClass2["default"])(Panel, [{
     key: "render",
     value: function render() {
       var _this2 = this;
+
       var _this$props2 = this.props,
-        groups = _this$props2.groups,
-        model = _this$props2.model,
-        configuration = _this$props2.configuration;
+          groups = _this$props2.groups,
+          model = _this$props2.model,
+          configuration = _this$props2.configuration;
       log('render:', model);
       var renderedGroups = Object.keys(groups || {}).map(function (group) {
         var showGroup = Object.entries(groups[group]).some(function (_ref7) {
           var _ref8 = (0, _slicedToArray2["default"])(_ref7, 2),
-            propName = _ref8[0],
-            propVal = _ref8[1];
+              propName = _ref8[0],
+              propVal = _ref8[1];
+
           return !!propVal;
         });
+
         if (showGroup) {
           return /*#__PURE__*/_react["default"].createElement(Group, {
             label: group,
@@ -340,6 +400,7 @@ var Panel = /*#__PURE__*/function (_React$Component) {
             onChange: _this2.change
           });
         }
+
         return null;
       });
       return /*#__PURE__*/_react["default"].createElement("div", null, renderedGroups);
@@ -347,6 +408,7 @@ var Panel = /*#__PURE__*/function (_React$Component) {
   }]);
   return Panel;
 }(_react["default"].Component);
+
 exports.Panel = Panel;
 (0, _defineProperty2["default"])(Panel, "propTypes", {
   model: _propTypes["default"].object,