@pie-lib/config-ui 12.0.0-beta.3 → 12.0.0-beta.5

package/lib/inputs.js

@@ -1,34 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InputSwitch = exports.InputRadio = exports.InputCheckbox = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
-
 var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
-
 var _renderUi = require("@pie-lib/render-ui");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Switch = _interopRequireDefault(require("@material-ui/core/Switch"));
-
 var _styles = require("@material-ui/core/styles");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 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 InputTypes = {
   classes: _propTypes["default"].object.isRequired,
   className: _propTypes["default"].string,
@@ -38,13 +25,12 @@ var InputTypes = {
   disabled: _propTypes["default"].bool,
   error: _propTypes["default"].string
 };
-
 var RawInputSwitch = function RawInputSwitch(_ref) {
   var classes = _ref.classes,
-      className = _ref.className,
-      label = _ref.label,
-      checked = _ref.checked,
-      onChange = _ref.onChange;
+    className = _ref.className,
+    label = _ref.label,
+    checked = _ref.checked,
+    onChange = _ref.onChange;
   return /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
     className: className,
     label: label
@@ -55,7 +41,6 @@ var RawInputSwitch = function RawInputSwitch(_ref) {
     "aria-label": label
   }));
 };
-
 RawInputSwitch.propTypes = _objectSpread({}, InputTypes);
 var InputSwitch = (0, _styles.withStyles)({
   switchRoot: {
@@ -64,15 +49,14 @@ var InputSwitch = (0, _styles.withStyles)({
   }
 })(RawInputSwitch);
 exports.InputSwitch = InputSwitch;
-
 var RawInputCheckbox = function RawInputCheckbox(props) {
   var classes = props.classes,
-      className = props.className,
-      label = props.label,
-      checked = props.checked,
-      onChange = props.onChange,
-      disabled = props.disabled,
-      error = props.error;
+    className = props.className,
+    label = props.label,
+    checked = props.checked,
+    onChange = props.onChange,
+    disabled = props.disabled,
+    error = props.error;
   return /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
     className: className,
     label: label
@@ -84,17 +68,15 @@ var RawInputCheckbox = function RawInputCheckbox(props) {
     "aria-label": label
   }));
 };
-
 RawInputCheckbox.propTypes = _objectSpread({}, InputTypes);
-
 var RawInputRadio = function RawInputRadio(props) {
   var classes = props.classes,
-      className = props.className,
-      label = props.label,
-      checked = props.checked,
-      onChange = props.onChange,
-      disabled = props.disabled,
-      error = props.error;
+    className = props.className,
+    label = props.label,
+    checked = props.checked,
+    onChange = props.onChange,
+    disabled = props.disabled,
+    error = props.error;
   return /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
     className: className,
     label: label
@@ -106,26 +88,27 @@ var RawInputRadio = function RawInputRadio(props) {
     "aria-label": label
   }));
 };
-
 RawInputRadio.propTypes = _objectSpread({}, InputTypes);
-var InputCheckbox = (0, _styles.withStyles)({
-  checkboxRoot: {
-    transform: 'translate(-25%, 20%)'
-  },
-  error: {
-    color: 'red'
-  }
+var InputCheckbox = (0, _styles.withStyles)(function (theme) {
+  return {
+    checkboxRoot: {
+      transform: 'translate(-25%, 20%)'
+    },
+    error: {
+      color: theme.palette.error.main
+    }
+  };
 })(RawInputCheckbox);
 exports.InputCheckbox = InputCheckbox;
-var InputRadio = (0, _styles.withStyles)(function () {
+var InputRadio = (0, _styles.withStyles)(function (theme) {
   return {
     radioRoot: {
       transform: 'translate(-20%, 20%)'
     },
     error: {
-      color: 'red'
+      color: theme.palette.error.main
     }
   };
 })(RawInputRadio);
 exports.InputRadio = InputRadio;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJJbnB1dFR5cGVzIiwiY2xhc3NlcyIsIlByb3BUeXBlcyIsIm9iamVjdCIsImlzUmVxdWlyZWQiLCJjbGFzc05hbWUiLCJzdHJpbmciLCJsYWJlbCIsImNoZWNrZWQiLCJib29sIiwib25DaGFuZ2UiLCJmdW5jIiwiZGlzYWJsZWQiLCJlcnJvciIsIlJhd0lucHV0U3dpdGNoIiwic3dpdGNoUm9vdCIsInByb3BUeXBlcyIsIklucHV0U3dpdGNoIiwid2l0aFN0eWxlcyIsImp1c3RpZnlDb250ZW50IiwidHJhbnNmb3JtIiwiUmF3SW5wdXRDaGVja2JveCIsInByb3BzIiwiY2xhc3NOYW1lcyIsImNoZWNrYm94Um9vdCIsIlJhd0lucHV0UmFkaW8iLCJyYWRpb1Jvb3QiLCJJbnB1dENoZWNrYm94IiwiY29sb3IiLCJJbnB1dFJhZGlvIl0sInNvdXJjZXMiOlsiLi4vc3JjL2lucHV0cy5qc3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IENoZWNrYm94IGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL0NoZWNrYm94JztcbmltcG9ydCBSYWRpbyBmcm9tICdAbWF0ZXJpYWwtdWkvY29yZS9SYWRpbyc7XG5pbXBvcnQgeyBJbnB1dENvbnRhaW5lciB9IGZyb20gJ0BwaWUtbGliL3JlbmRlci11aSc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBTd2l0Y2ggZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvU3dpdGNoJztcbmltcG9ydCB7IHdpdGhTdHlsZXMgfSBmcm9tICdAbWF0ZXJpYWwtdWkvY29yZS9zdHlsZXMnO1xuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5cbmNvbnN0IElucHV0VHlwZXMgPSB7XG4gIGNsYXNzZXM6IFByb3BUeXBlcy5vYmplY3QuaXNSZXF1aXJlZCxcbiAgY2xhc3NOYW1lOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBsYWJlbDogUHJvcFR5cGVzLnN0cmluZyxcbiAgY2hlY2tlZDogUHJvcFR5cGVzLmJvb2wsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbiAgZGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBlcnJvcjogUHJvcFR5cGVzLnN0cmluZ1xufTtcblxuY29uc3QgUmF3SW5wdXRTd2l0Y2ggPSAoeyBjbGFzc2VzLCBjbGFzc05hbWUsIGxhYmVsLCBjaGVja2VkLCBvbkNoYW5nZSB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPElucHV0Q29udGFpbmVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBsYWJlbD17bGFiZWx9PlxuICAgICAgPFN3aXRjaFxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzZXMuc3dpdGNoUm9vdH1cbiAgICAgICAgY2hlY2tlZD17Y2hlY2tlZH1cbiAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICBhcmlhLWxhYmVsPXtsYWJlbH1cbiAgICAgIC8+XG4gICAgPC9JbnB1dENvbnRhaW5lcj5cbiAgKTtcbn07XG5cblJhd0lucHV0U3dpdGNoLnByb3BUeXBlcyA9IHsgLi4uSW5wdXRUeXBlcyB9O1xuXG5jb25zdCBJbnB1dFN3aXRjaCA9IHdpdGhTdHlsZXMoe1xuICBzd2l0Y2hSb290OiB7XG4gICAganVzdGlmeUNvbnRlbnQ6ICdpbmhlcml0JyxcbiAgICB0cmFuc2Zvcm06ICd0cmFuc2xhdGUoLTIwJSwgMjAlKSdcbiAgfVxufSkoUmF3SW5wdXRTd2l0Y2gpO1xuXG5jb25zdCBSYXdJbnB1dENoZWNrYm94ID0gcHJvcHMgPT4ge1xuICBjb25zdCB7IGNsYXNzZXMsIGNsYXNzTmFtZSwgbGFiZWwsIGNoZWNrZWQsIG9uQ2hhbmdlLCBkaXNhYmxlZCwgZXJyb3IgfSA9IHByb3BzO1xuXG4gIHJldHVybiAoXG4gICAgPElucHV0Q29udGFpbmVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBsYWJlbD17bGFiZWx9PlxuICAgICAgPENoZWNrYm94XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhjbGFzc2VzLmNoZWNrYm94Um9vdCwgZXJyb3IgJiYgY2xhc3Nlcy5lcnJvcil9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgY2hlY2tlZD17Y2hlY2tlZH1cbiAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICBhcmlhLWxhYmVsPXtsYWJlbH1cbiAgICAgIC8+XG4gICAgPC9JbnB1dENvbnRhaW5lcj5cbiAgKTtcbn07XG5cblJhd0lucHV0Q2hlY2tib3gucHJvcFR5cGVzID0geyAuLi5JbnB1dFR5cGVzIH07XG5cbmNvbnN0IFJhd0lucHV0UmFkaW8gPSBwcm9wcyA9PiB7XG4gIGNvbnN0IHsgY2xhc3NlcywgY2xhc3NOYW1lLCBsYWJlbCwgY2hlY2tlZCwgb25DaGFuZ2UsIGRpc2FibGVkLCBlcnJvciB9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIChcbiAgICA8SW5wdXRDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGxhYmVsPXtsYWJlbH0+XG4gICAgICA8UmFkaW9cbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKGNsYXNzZXMucmFkaW9Sb290LCBlcnJvciAmJiBjbGFzc2VzLmVycm9yKX1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBjaGVja2VkPXtjaGVja2VkfVxuICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgIGFyaWEtbGFiZWw9e2xhYmVsfVxuICAgICAgLz5cbiAgICA8L0lucHV0Q29udGFpbmVyPlxuICApO1xufTtcblxuUmF3SW5wdXRSYWRpby5wcm9wVHlwZXMgPSB7IC4uLklucHV0VHlwZXMgfTtcblxuY29uc3QgSW5wdXRDaGVja2JveCA9IHdpdGhTdHlsZXMoe1xuICBjaGVja2JveFJvb3Q6IHtcbiAgICB0cmFuc2Zvcm06ICd0cmFuc2xhdGUoLTI1JSwgMjAlKSdcbiAgfSxcbiAgZXJyb3I6IHtcbiAgICBjb2xvcjogJ3JlZCdcbiAgfVxufSkoUmF3SW5wdXRDaGVja2JveCk7XG5cbmNvbnN0IElucHV0UmFkaW8gPSB3aXRoU3R5bGVzKCgpID0+ICh7XG4gIHJhZGlvUm9vdDoge1xuICAgIHRyYW5zZm9ybTogJ3RyYW5zbGF0ZSgtMjAlLCAyMCUpJ1xuICB9LFxuICBlcnJvcjoge1xuICAgIGNvbG9yOiAncmVkJ1xuICB9XG59KSkoUmF3SW5wdXRSYWRpbyk7XG5cbmV4cG9ydCB7IElucHV0U3dpdGNoLCBJbnB1dENoZWNrYm94LCBJbnB1dFJhZGlvIH07XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUE7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7Ozs7OztBQUVBLElBQU1BLFVBQVUsR0FBRztFQUNqQkMsT0FBTyxFQUFFQyxxQkFBQSxDQUFVQyxNQUFWLENBQWlCQyxVQURUO0VBRWpCQyxTQUFTLEVBQUVILHFCQUFBLENBQVVJLE1BRko7RUFHakJDLEtBQUssRUFBRUwscUJBQUEsQ0FBVUksTUFIQTtFQUlqQkUsT0FBTyxFQUFFTixxQkFBQSxDQUFVTyxJQUpGO0VBS2pCQyxRQUFRLEVBQUVSLHFCQUFBLENBQVVTLElBTEg7RUFNakJDLFFBQVEsRUFBRVYscUJBQUEsQ0FBVU8sSUFOSDtFQU9qQkksS0FBSyxFQUFFWCxxQkFBQSxDQUFVSTtBQVBBLENBQW5COztBQVVBLElBQU1RLGNBQWMsR0FBRyxTQUFqQkEsY0FBaUIsT0FBc0Q7RUFBQSxJQUFuRGIsT0FBbUQsUUFBbkRBLE9BQW1EO0VBQUEsSUFBMUNJLFNBQTBDLFFBQTFDQSxTQUEwQztFQUFBLElBQS9CRSxLQUErQixRQUEvQkEsS0FBK0I7RUFBQSxJQUF4QkMsT0FBd0IsUUFBeEJBLE9BQXdCO0VBQUEsSUFBZkUsUUFBZSxRQUFmQSxRQUFlO0VBQzNFLG9CQUNFLGdDQUFDLHdCQUFEO0lBQWdCLFNBQVMsRUFBRUwsU0FBM0I7SUFBc0MsS0FBSyxFQUFFRTtFQUE3QyxnQkFDRSxnQ0FBQyxrQkFBRDtJQUNFLFNBQVMsRUFBRU4sT0FBTyxDQUFDYyxVQURyQjtJQUVF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
+//# sourceMappingURL=inputs.js.map

package/lib/inputs.js.map

@@ -1 +1 @@
-{"version":3,"file":"inputs.js","names":["InputTypes","classes","PropTypes","object","isRequired","className","string","label","checked","bool","onChange","func","disabled","error","RawInputSwitch","switchRoot","propTypes","InputSwitch","withStyles","justifyContent","transform","RawInputCheckbox","props","classNames","checkboxRoot","RawInputRadio","radioRoot","InputCheckbox","color","InputRadio"],"sources":["../src/inputs.jsx"],"sourcesContent":["import Checkbox from '@material-ui/core/Checkbox';\nimport Radio from '@material-ui/core/Radio';\nimport { InputContainer } from '@pie-lib/render-ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport Switch from '@material-ui/core/Switch';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\n\nconst InputTypes = {\n  classes: PropTypes.object.isRequired,\n  className: PropTypes.string,\n  label: PropTypes.string,\n  checked: PropTypes.bool,\n  onChange: PropTypes.func,\n  disabled: PropTypes.bool,\n  error: PropTypes.string\n};\n\nconst RawInputSwitch = ({ classes, className, label, checked, onChange }) => {\n  return (\n    <InputContainer className={className} label={label}>\n      <Switch\n        className={classes.switchRoot}\n        checked={checked}\n        onChange={onChange}\n        aria-label={label}\n      />\n    </InputContainer>\n  );\n};\n\nRawInputSwitch.propTypes = { ...InputTypes };\n\nconst InputSwitch = withStyles({\n  switchRoot: {\n    justifyContent: 'inherit',\n    transform: 'translate(-20%, 20%)'\n  }\n})(RawInputSwitch);\n\nconst RawInputCheckbox = props => {\n  const { classes, className, label, checked, onChange, disabled, error } = props;\n\n  return (\n    <InputContainer className={className} label={label}>\n      <Checkbox\n        className={classNames(classes.checkboxRoot, error && classes.error)}\n        disabled={disabled}\n        checked={checked}\n        onChange={onChange}\n        aria-label={label}\n      />\n    </InputContainer>\n  );\n};\n\nRawInputCheckbox.propTypes = { ...InputTypes };\n\nconst RawInputRadio = props => {\n  const { classes, className, label, checked, onChange, disabled, error } = props;\n\n  return (\n    <InputContainer className={className} label={label}>\n      <Radio\n        className={classNames(classes.radioRoot, error && classes.error)}\n        disabled={disabled}\n        checked={checked}\n        onChange={onChange}\n        aria-label={label}\n      />\n    </InputContainer>\n  );\n};\n\nRawInputRadio.propTypes = { ...InputTypes };\n\nconst InputCheckbox = withStyles({\n  checkboxRoot: {\n    transform: 'translate(-25%, 20%)'\n  },\n  error: {\n    color: 'red'\n  }\n})(RawInputCheckbox);\n\nconst InputRadio = withStyles(() => ({\n  radioRoot: {\n    transform: 'translate(-20%, 20%)'\n  },\n  error: {\n    color: 'red'\n  }\n}))(RawInputRadio);\n\nexport { InputSwitch, InputCheckbox, InputRadio };\n"],"mappings":"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"}
+{"version":3,"file":"inputs.js","names":["_Checkbox","_interopRequireDefault","require","_Radio","_renderUi","_propTypes","_react","_Switch","_styles","_classnames","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","InputTypes","classes","PropTypes","isRequired","className","string","label","checked","bool","onChange","func","disabled","error","RawInputSwitch","_ref","createElement","InputContainer","switchRoot","propTypes","InputSwitch","withStyles","justifyContent","transform","exports","RawInputCheckbox","props","classNames","checkboxRoot","RawInputRadio","radioRoot","InputCheckbox","theme","color","palette","main","InputRadio"],"sources":["../src/inputs.jsx"],"sourcesContent":["import Checkbox from '@material-ui/core/Checkbox';\nimport Radio from '@material-ui/core/Radio';\nimport { InputContainer } from '@pie-lib/render-ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport Switch from '@material-ui/core/Switch';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\n\nconst InputTypes = {\n  classes: PropTypes.object.isRequired,\n  className: PropTypes.string,\n  label: PropTypes.string,\n  checked: PropTypes.bool,\n  onChange: PropTypes.func,\n  disabled: PropTypes.bool,\n  error: PropTypes.string,\n};\n\nconst RawInputSwitch = ({ classes, className, label, checked, onChange }) => {\n  return (\n    <InputContainer className={className} label={label}>\n      <Switch className={classes.switchRoot} checked={checked} onChange={onChange} aria-label={label} />\n    </InputContainer>\n  );\n};\n\nRawInputSwitch.propTypes = { ...InputTypes };\n\nconst InputSwitch = withStyles({\n  switchRoot: {\n    justifyContent: 'inherit',\n    transform: 'translate(-20%, 20%)',\n  },\n})(RawInputSwitch);\n\nconst RawInputCheckbox = (props) => {\n  const { classes, className, label, checked, onChange, disabled, error } = props;\n\n  return (\n    <InputContainer className={className} label={label}>\n      <Checkbox\n        className={classNames(classes.checkboxRoot, error && classes.error)}\n        disabled={disabled}\n        checked={checked}\n        onChange={onChange}\n        aria-label={label}\n      />\n    </InputContainer>\n  );\n};\n\nRawInputCheckbox.propTypes = { ...InputTypes };\n\nconst RawInputRadio = (props) => {\n  const { classes, className, label, checked, onChange, disabled, error } = props;\n\n  return (\n    <InputContainer className={className} label={label}>\n      <Radio\n        className={classNames(classes.radioRoot, error && classes.error)}\n        disabled={disabled}\n        checked={checked}\n        onChange={onChange}\n        aria-label={label}\n      />\n    </InputContainer>\n  );\n};\n\nRawInputRadio.propTypes = { ...InputTypes };\n\nconst InputCheckbox = withStyles((theme) => ({\n  checkboxRoot: {\n    transform: 'translate(-25%, 20%)',\n  },\n  error: {\n    color: theme.palette.error.main,\n  },\n}))(RawInputCheckbox);\n\nconst InputRadio = withStyles((theme) => ({\n  radioRoot: {\n    transform: 'translate(-20%, 20%)',\n  },\n  error: {\n    color: theme.palette.error.main,\n  },\n}))(RawInputRadio);\n\nexport { InputSwitch, InputCheckbox, InputRadio };\n"],"mappings":"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"}

package/lib/langs.js

@@ -1,52 +1,30 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.RawLangs = exports.LanguageControls = 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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _Input = _interopRequireDefault(require("@material-ui/core/Input"));
-
 var _InputLabel = _interopRequireDefault(require("@material-ui/core/InputLabel"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _styles = require("@material-ui/core/styles");
-
 var _Select = _interopRequireDefault(require("@material-ui/core/Select"));
-
 var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
-
 var _FormControl = _interopRequireDefault(require("@material-ui/core/FormControl"));
-
 var _debug = _interopRequireDefault(require("debug"));
-
 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 log = (0, _debug["default"])('pie-elements:config-ui:langs');
-
 var styles = function styles(theme) {
   return {
     root: {
@@ -65,20 +43,15 @@ var styles = function styles(theme) {
     }
   };
 };
-
 var RawLangs = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(RawLangs, _React$Component);
-
   var _super = _createSuper(RawLangs);
-
   function RawLangs(props) {
     var _this;
-
     (0, _classCallCheck2["default"])(this, RawLangs);
     _this = _super.call(this, props);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "choose", function (event) {
       log('[choose] event: ', event);
-
       if (_this.props.onChange) {
         _this.props.onChange(event.target.value);
       }
@@ -86,15 +59,14 @@ var RawLangs = /*#__PURE__*/function (_React$Component) {
     _this.uid = props.uid || (Math.random() * 10000).toFixed();
     return _this;
   }
-
   (0, _createClass2["default"])(RawLangs, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          langs = _this$props.langs,
-          selected = _this$props.selected,
-          label = _this$props.label,
-          classes = _this$props.classes;
+        langs = _this$props.langs,
+        selected = _this$props.selected,
+        label = _this$props.label,
+        classes = _this$props.classes;
       log('[render] selected:', selected);
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.root
@@ -119,7 +91,6 @@ var RawLangs = /*#__PURE__*/function (_React$Component) {
   }]);
   return RawLangs;
 }(_react["default"].Component);
-
 exports.RawLangs = RawLangs;
 (0, _defineProperty2["default"])(RawLangs, "propTypes", {
   onChange: _propTypes["default"].func,
@@ -143,12 +114,12 @@ var LanguageControls = (0, _styles.withStyles)({
   }
 })(function (_ref) {
   var classes = _ref.classes,
-      langs = _ref.langs,
-      activeLang = _ref.activeLang,
-      defaultLang = _ref.defaultLang,
-      onActiveLangChange = _ref.onActiveLangChange,
-      onDefaultLangChange = _ref.onDefaultLangChange,
-      className = _ref.className;
+    langs = _ref.langs,
+    activeLang = _ref.activeLang,
+    defaultLang = _ref.defaultLang,
+    onActiveLangChange = _ref.onActiveLangChange,
+    onDefaultLangChange = _ref.onDefaultLangChange,
+    className = _ref.className;
   var names = (0, _classnames["default"])(classes.languageControls, className);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: names
@@ -176,4 +147,4 @@ LanguageControls.propTypes = {
   onActiveLangChange: _propTypes["default"].func.isRequired,
   onDefaultLangChange: _propTypes["default"].func.isRequired
 };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJsb2ciLCJkZWJ1ZyIsInN0eWxlcyIsInRoZW1lIiwicm9vdCIsImZsZXhEaXJlY3Rpb24iLCJhbGlnbkl0ZW1zIiwiZGlzcGxheSIsInBvc2l0aW9uIiwicGFkZGluZ1RvcCIsInBhZGRpbmdSaWdodCIsImZvcm1Db250cm9sIiwiaW5wdXRMYWJlbCIsInBhZGRpbmdCb3R0b20iLCJzcGFjaW5nIiwidW5pdCIsIlJhd0xhbmdzIiwicHJvcHMiLCJldmVudCIsIm9uQ2hhbmdlIiwidGFyZ2V0IiwidmFsdWUiLCJ1aWQiLCJNYXRoIiwicmFuZG9tIiwidG9GaXhlZCIsImxhbmdzIiwic2VsZWN0ZWQiLCJsYWJlbCIsImNsYXNzZXMiLCJjaG9vc2UiLCJtYXAiLCJsIiwiaW5kZXgiLCJSZWFjdCIsIkNvbXBvbmVudCIsIlByb3BUeXBlcyIsImZ1bmMiLCJhcnJheSIsInN0cmluZyIsIm9iamVjdCIsImlzUmVxdWlyZWQiLCJMYW5ncyIsIndpdGhTdHlsZXMiLCJuYW1lIiwiTGFuZ3VhZ2VDb250cm9scyIsImxhbmd1YWdlQ29udHJvbHMiLCJncmlkQXV0b0Zsb3ciLCJncmlkQXV0b0NvbHVtbnMiLCJncmlkR2FwIiwiYWN0aXZlTGFuZyIsImRlZmF1bHRMYW5nIiwib25BY3RpdmVMYW5nQ2hhbmdlIiwib25EZWZhdWx0TGFuZ0NoYW5nZSIsImNsYXNzTmFtZSIsIm5hbWVzIiwiY2xhc3NOYW1lcyIsInByb3BUeXBlcyJdLCJzb3VyY2VzIjpbIi4uL3NyYy9sYW5ncy5qc3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IElucHV0IGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL0lucHV0JztcbmltcG9ydCBJbnB1dExhYmVsIGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL0lucHV0TGFiZWwnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tICdjbGFzc25hbWVzJztcbmltcG9ydCB7IHdpdGhTdHlsZXMgfSBmcm9tICdAbWF0ZXJpYWwtdWkvY29yZS9zdHlsZXMnO1xuaW1wb3J0IFNlbGVjdCBmcm9tICdAbWF0ZXJpYWwtdWkvY29yZS9TZWxlY3QnO1xuaW1wb3J0IE1lbnVJdGVtIGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL01lbnVJdGVtJztcbmltcG9ydCBGb3JtQ29udHJvbCBmcm9tICdAbWF0ZXJpYWwtdWkvY29yZS9Gb3JtQ29udHJvbCc7XG5pbXBvcnQgZGVidWcgZnJvbSAnZGVidWcnO1xuXG5jb25zdCBsb2cgPSBkZWJ1ZygncGllLWVsZW1lbnRzOmNvbmZpZy11aTpsYW5ncycpO1xuXG5jb25zdCBzdHlsZXMgPSB0aGVtZSA9PiAoe1xuICByb290OiB7XG4gICAgZmxleERpcmVjdGlvbjogJ2NvbHVtbicsXG4gICAgYWxpZ25JdGVtczogJ3N0YXJ0JyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgcGFkZGluZ1RvcDogJzBweCcsXG4gICAgcGFkZGluZ1JpZ2h0OiAnMHB4J1xuICB9LFxuICBmb3JtQ29udHJvbDoge1xuICAgIHBvc2l0aW9uOiAnaW5pdGlhbCdcbiAgfSxcbiAgaW5wdXRMYWJlbDoge1xuICAgIHBhZGRpbmdCb3R0b206IHRoZW1lLnNwYWNpbmcudW5pdFxuICB9XG59KTtcblxuZXhwb3J0IGNsYXNzIFJhd0xhbmdzIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMsXG4gICAgbGFuZ3M6IFByb3BUeXBlcy5hcnJheSxcbiAgICBzZWxlY3RlZDogUHJvcFR5cGVzLnN0cmluZyxcbiAgICBsYWJlbDogUHJvcFR5cGVzLnN0cmluZyxcbiAgICBjbGFzc2VzOiBQcm9wVHlwZXMub2JqZWN0LmlzUmVxdWlyZWQsXG4gICAgdWlkOiBQcm9wVHlwZXMuc3RyaW5nXG4gIH07XG5cbiAgY29uc3RydWN0b3IocHJvcHMpIHtcbiAgICBzdXBlcihwcm9wcyk7XG4gICAgdGhpcy51aWQgPSBwcm9wcy51aWQgfHwgKE1hdGgucmFuZG9tKCkgKiAxMDAwMCkudG9GaXhlZCgpO1xuICB9XG5cbiAgY2hvb3NlID0gZXZlbnQgPT4ge1xuICAgIGxvZygnW2Nob29zZV0gZXZlbnQ6ICcsIGV2ZW50KTtcbiAgICBpZiAodGhpcy5wcm9wcy5vbkNoYW5nZSkge1xuICAgICAgdGhpcy5wcm9wcy5vbkNoYW5nZShldmVudC50YXJnZXQudmFsdWUpO1xuICAgIH1cbiAgfTtcblxuICByZW5kZXIoKSB7XG4gICAgbGV0IHsgbGFuZ3MsIHNlbGVjdGVkLCBsYWJlbCwgY2xhc3NlcyB9ID0gdGhpcy5wcm9wcztcbiAgICBsb2coJ1tyZW5kZXJdIHNlbGVjdGVkOicsIHNlbGVjdGVkKTtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzZXMucm9vdH0+XG4gICAgICAgIDxGb3JtQ29udHJvbCBjbGFzc05hbWU9e2NsYXNzZXMuZm9ybUNvbnRyb2x9PlxuICAgICAgICAgIDxJbnB1dExhYmVsIGNsYXNzTmFtZT17Y2xhc3Nlcy5pbnB1dExhYmVsfSBodG1sRm9yPXt0aGlzLnVpZH0+XG4gICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgPC9JbnB1dExhYmVsPlxuICAgICAgICAgIDxTZWxlY3QgdmFsdWU9e3NlbGVjdGVkfSBvbkNoYW5nZT17dGhpcy5jaG9vc2V9IGlucHV0PXs8SW5wdXQgaWQ9e3RoaXMudWlkfSAvPn0+XG4gICAgICAgICAgICB7bGFuZ3MubWFwKChsLCBpbmRleCkgPT4gKFxuICAgICAgICAgICAgICA8TWVudUl0ZW0ga2V5PXtpbmRleH0gdmFsdWU9e2x9PlxuICAgICAgICAgICAgICAgIHtsfVxuICAgICAgICAgICAgICA8L01lbnVJdGVtPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgICAgPC9TZWxlY3Q+XG4gICAgICAgIDwvRm9ybUNvbnRyb2w+XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG59XG5cbmNvbnN0IExhbmdzID0gd2l0aFN0eWxlcyhzdHlsZXMsIHsgbmFtZTogJ0xhbmdzJyB9KShSYXdMYW5ncyk7XG5leHBvcnQgZGVmYXVsdCBMYW5ncztcblxuZXhwb3J0IGNvbnN0IExhbmd1YWdlQ29udHJvbHMgPSB3aXRoU3R5bGVzKHtcbiAgbGFuZ3VhZ2VDb250cm9sczoge1xuICAgIGRpc3BsYXk6ICdncmlkJyxcbiAgICBncmlkQXV0b0Zsb3c6ICdjb2x1bW4nLFxuICAgIGdyaWRBdXRvQ29sdW1uczogJzFmcicsXG4gICAgZ3JpZEdhcDogJzhweCdcbiAgfVxufSkoXG4gICh7XG4gICAgY2xhc3NlcyxcbiAgICBsYW5ncyxcbiAgICBhY3RpdmVMYW5nLFxuICAgIGRlZmF1bHRMYW5nLFxuICAgIG9uQWN0aXZlTGFuZ0NoYW5nZSxcbiAgICBvbkRlZmF1bHRMYW5nQ2hhbmdlLFxuICAgIGNsYXNzTmFtZVxuICB9KSA9PiB7XG4gICAgY29uc3QgbmFtZXMgPSBjbGFzc05hbWVzKGNsYXNzZXMubGFuZ3VhZ2VDb250cm9scywgY2xhc3NOYW1lKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2IGNsYXNzTmFtZT17bmFtZXN9PlxuICAgICAgICA8TGFuZ3NcbiAgICAgICAgICBsYWJlbD1cIkNob29zZSBsYW5ndWFnZSB0byBlZGl0XCJcbiAgICAgICAgICBsYW5ncz17bGFuZ3N9XG4gICAgICAgICAgc2VsZWN0ZWQ9e2FjdGl2ZUxhbmd9XG4gICAgICAgICAgb25DaGFuZ2U9e2wgPT4gb25BY3RpdmVMYW5nQ2hhbmdlKGwpfVxuICAgICAgICAvPlxuICAgICAgICA8TGFuZ3NcbiAgICAgICAgICBsYWJlbD1cIkRlZmF1bHQgbGFuZ3VhZ2VcIlxuICAgICAgICAgIGxhbmdzPXtsYW5nc31cbiAgICAgICAgICBzZWxlY3RlZD17ZGVmYXVsdExhbmd9XG4gICAgICAgICAgb25DaGFuZ2U9e2wgPT4gb25EZWZhdWx0TGFuZ0NoYW5nZShsKX1cbiAgICAgICAgLz5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbik7XG5cbkxhbmd1YWdlQ29udHJvbHMucHJvcFR5cGVzID0ge1xuICBsYW5nczogUHJvcFR5cGVzLmFycmF5LFxuICBhY3RpdmVMYW5nOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIGRlZmF1bHRMYW5nOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIG9uQWN0aXZlTGFuZ0NoYW5nZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgb25EZWZhdWx0TGFuZ0NoYW5nZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZFxufTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7Ozs7O0FBRUEsSUFBTUEsR0FBRyxHQUFHLElBQUFDLGlCQUFBLEVBQU0sOEJBQU4sQ0FBWjs7QUFFQSxJQUFNQyxNQUFNLEdBQUcsU0FBVEEsTUFBUyxDQUFBQyxLQUFLO0VBQUEsT0FBSztJQUN2QkMsSUFBSSxFQUFFO01BQ0pDLGFBQWEsRUFBRSxRQURYO01BRUpDLFVBQVUsRUFBRSxPQUZSO01BR0pDLE9BQU8sRUFBRSxNQUhMO01BSUpDLFFBQVEsRUFBRSxVQUpOO01BS0pDLFVBQVUsRUFBRSxLQUxSO01BTUpDLFlBQVksRUFBRTtJQU5WLENBRGlCO0lBU3ZCQyxXQUFXLEVBQUU7TUFDWEgsUUFBUSxFQUFFO0lBREMsQ0FUVTtJQVl2QkksVUFBVSxFQUFFO01BQ1ZDLGFBQWEsRUFBRVYsS0FBSyxDQUFDVyxPQUFOLENBQWNDO0lBRG5CO0VBWlcsQ0FBTDtBQUFBLENBQXBCOztJQWlCYUMsUTs7Ozs7RUFVWCxrQkFBWUMsS0FBWixFQUFtQjtJQUFBOztJQUFBO0lBQ2pCLDBCQUFNQSxLQUFOO0lBRGlCLDJGQUtWLFVBQUFDLEtBQUssRUFBSTtNQUNoQmxCLEdBQUcsQ0FBQyxrQkFBRCxFQUFxQmtC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
+//# sourceMappingURL=langs.js.map

package/lib/langs.js.map

@@ -1 +1 @@
-{"version":3,"file":"langs.js","names":["log","debug","styles","theme","root","flexDirection","alignItems","display","position","paddingTop","paddingRight","formControl","inputLabel","paddingBottom","spacing","unit","RawLangs","props","event","onChange","target","value","uid","Math","random","toFixed","langs","selected","label","classes","choose","map","l","index","React","Component","PropTypes","func","array","string","object","isRequired","Langs","withStyles","name","LanguageControls","languageControls","gridAutoFlow","gridAutoColumns","gridGap","activeLang","defaultLang","onActiveLangChange","onDefaultLangChange","className","names","classNames","propTypes"],"sources":["../src/langs.jsx"],"sourcesContent":["import Input from '@material-ui/core/Input';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport FormControl from '@material-ui/core/FormControl';\nimport debug from 'debug';\n\nconst log = debug('pie-elements:config-ui:langs');\n\nconst styles = theme => ({\n  root: {\n    flexDirection: 'column',\n    alignItems: 'start',\n    display: 'flex',\n    position: 'relative',\n    paddingTop: '0px',\n    paddingRight: '0px'\n  },\n  formControl: {\n    position: 'initial'\n  },\n  inputLabel: {\n    paddingBottom: theme.spacing.unit\n  }\n});\n\nexport class RawLangs extends React.Component {\n  static propTypes = {\n    onChange: PropTypes.func,\n    langs: PropTypes.array,\n    selected: PropTypes.string,\n    label: PropTypes.string,\n    classes: PropTypes.object.isRequired,\n    uid: PropTypes.string\n  };\n\n  constructor(props) {\n    super(props);\n    this.uid = props.uid || (Math.random() * 10000).toFixed();\n  }\n\n  choose = event => {\n    log('[choose] event: ', event);\n    if (this.props.onChange) {\n      this.props.onChange(event.target.value);\n    }\n  };\n\n  render() {\n    let { langs, selected, label, classes } = this.props;\n    log('[render] selected:', selected);\n    return (\n      <div className={classes.root}>\n        <FormControl className={classes.formControl}>\n          <InputLabel className={classes.inputLabel} htmlFor={this.uid}>\n            {label}\n          </InputLabel>\n          <Select value={selected} onChange={this.choose} input={<Input id={this.uid} />}>\n            {langs.map((l, index) => (\n              <MenuItem key={index} value={l}>\n                {l}\n              </MenuItem>\n            ))}\n          </Select>\n        </FormControl>\n      </div>\n    );\n  }\n}\n\nconst Langs = withStyles(styles, { name: 'Langs' })(RawLangs);\nexport default Langs;\n\nexport const LanguageControls = withStyles({\n  languageControls: {\n    display: 'grid',\n    gridAutoFlow: 'column',\n    gridAutoColumns: '1fr',\n    gridGap: '8px'\n  }\n})(\n  ({\n    classes,\n    langs,\n    activeLang,\n    defaultLang,\n    onActiveLangChange,\n    onDefaultLangChange,\n    className\n  }) => {\n    const names = classNames(classes.languageControls, className);\n\n    return (\n      <div className={names}>\n        <Langs\n          label=\"Choose language to edit\"\n          langs={langs}\n          selected={activeLang}\n          onChange={l => onActiveLangChange(l)}\n        />\n        <Langs\n          label=\"Default language\"\n          langs={langs}\n          selected={defaultLang}\n          onChange={l => onDefaultLangChange(l)}\n        />\n      </div>\n    );\n  }\n);\n\nLanguageControls.propTypes = {\n  langs: PropTypes.array,\n  activeLang: PropTypes.string.isRequired,\n  defaultLang: PropTypes.string.isRequired,\n  onActiveLangChange: PropTypes.func.isRequired,\n  onDefaultLangChange: PropTypes.func.isRequired\n};\n"],"mappings":"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"}
+{"version":3,"file":"langs.js","names":["_Input","_interopRequireDefault","require","_InputLabel","_propTypes","_react","_classnames","_styles","_Select","_MenuItem","_FormControl","_debug","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","log","debug","styles","theme","root","flexDirection","alignItems","display","position","paddingTop","paddingRight","formControl","inputLabel","paddingBottom","spacing","unit","RawLangs","_React$Component","_inherits2","_super","props","_this","_classCallCheck2","_defineProperty2","_assertThisInitialized2","event","onChange","target","value","uid","Math","random","toFixed","_createClass2","key","render","_this$props","langs","selected","label","classes","createElement","className","htmlFor","choose","input","id","map","l","index","React","Component","exports","PropTypes","func","array","string","object","isRequired","Langs","withStyles","name","_default","LanguageControls","languageControls","gridAutoFlow","gridAutoColumns","gridGap","_ref","activeLang","defaultLang","onActiveLangChange","onDefaultLangChange","names","classNames","propTypes"],"sources":["../src/langs.jsx"],"sourcesContent":["import Input from '@material-ui/core/Input';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport FormControl from '@material-ui/core/FormControl';\nimport debug from 'debug';\n\nconst log = debug('pie-elements:config-ui:langs');\n\nconst styles = (theme) => ({\n  root: {\n    flexDirection: 'column',\n    alignItems: 'start',\n    display: 'flex',\n    position: 'relative',\n    paddingTop: '0px',\n    paddingRight: '0px',\n  },\n  formControl: {\n    position: 'initial',\n  },\n  inputLabel: {\n    paddingBottom: theme.spacing.unit,\n  },\n});\n\nexport class RawLangs extends React.Component {\n  static propTypes = {\n    onChange: PropTypes.func,\n    langs: PropTypes.array,\n    selected: PropTypes.string,\n    label: PropTypes.string,\n    classes: PropTypes.object.isRequired,\n    uid: PropTypes.string,\n  };\n\n  constructor(props) {\n    super(props);\n    this.uid = props.uid || (Math.random() * 10000).toFixed();\n  }\n\n  choose = (event) => {\n    log('[choose] event: ', event);\n\n    if (this.props.onChange) {\n      this.props.onChange(event.target.value);\n    }\n  };\n\n  render() {\n    let { langs, selected, label, classes } = this.props;\n\n    log('[render] selected:', selected);\n\n    return (\n      <div className={classes.root}>\n        <FormControl className={classes.formControl}>\n          <InputLabel className={classes.inputLabel} htmlFor={this.uid}>\n            {label}\n          </InputLabel>\n\n          <Select value={selected} onChange={this.choose} input={<Input id={this.uid} />}>\n            {langs.map((l, index) => (\n              <MenuItem key={index} value={l}>\n                {l}\n              </MenuItem>\n            ))}\n          </Select>\n        </FormControl>\n      </div>\n    );\n  }\n}\n\nconst Langs = withStyles(styles, { name: 'Langs' })(RawLangs);\nexport default Langs;\n\nexport const LanguageControls = withStyles({\n  languageControls: {\n    display: 'grid',\n    gridAutoFlow: 'column',\n    gridAutoColumns: '1fr',\n    gridGap: '8px',\n  },\n})(({ classes, langs, activeLang, defaultLang, onActiveLangChange, onDefaultLangChange, className }) => {\n  const names = classNames(classes.languageControls, className);\n\n  return (\n    <div className={names}>\n      <Langs\n        label=\"Choose language to edit\"\n        langs={langs}\n        selected={activeLang}\n        onChange={(l) => onActiveLangChange(l)}\n      />\n      <Langs label=\"Default language\" langs={langs} selected={defaultLang} onChange={(l) => onDefaultLangChange(l)} />\n    </div>\n  );\n});\n\nLanguageControls.propTypes = {\n  langs: PropTypes.array,\n  activeLang: PropTypes.string.isRequired,\n  defaultLang: PropTypes.string.isRequired,\n  onActiveLangChange: PropTypes.func.isRequired,\n  onDefaultLangChange: PropTypes.func.isRequired,\n};\n"],"mappings":"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"}

package/lib/layout/config-layout.js

@@ -1,55 +1,42 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = 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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
-var _reactMeasure = _interopRequireDefault(require("react-measure"));
-
+var _reactMeasure = _interopRequireWildcard(require("react-measure"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _layoutContents = _interopRequireDefault(require("./layout-contents"));
-
 var _settingsBox = _interopRequireDefault(require("./settings-box"));
-
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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 ConfigLayout = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(ConfigLayout, _React$Component);
-
-  var _super = _createSuper(ConfigLayout);
-
-  function ConfigLayout(props) {
+var MeasuredConfigLayout = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(MeasuredConfigLayout, _React$Component);
+  var _super = _createSuper(MeasuredConfigLayout);
+  function MeasuredConfigLayout(props) {
     var _this;
-
-    (0, _classCallCheck2["default"])(this, ConfigLayout);
+    (0, _classCallCheck2["default"])(this, MeasuredConfigLayout);
     _this = _super.call(this, props);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onResize", function (contentRect) {
       var bounds = contentRect.bounds;
-      var sidePanelMinWidth = _this.props.sidePanelMinWidth;
-      var layoutMode = bounds.width >= sidePanelMinWidth ? 'inline' : 'tabbed';
-
+      var _this$props = _this.props,
+        sidePanelMinWidth = _this$props.sidePanelMinWidth,
+        dimensions = _this$props.dimensions;
+      var _ref = dimensions || {},
+        maxWidth = _ref.maxWidth;
+      var layoutMode = bounds.width >= sidePanelMinWidth && (maxWidth ? maxWidth >= sidePanelMinWidth : true) ? 'inline' : 'tabbed';
       _this.setState({
         layoutMode: layoutMode
       });
@@ -59,43 +46,53 @@ var ConfigLayout = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-
-  (0, _createClass2["default"])(ConfigLayout, [{
+  (0, _createClass2["default"])(MeasuredConfigLayout, [{
     key: "render",
     value: function render() {
       var _this2 = this;
-
       return /*#__PURE__*/_react["default"].createElement(_reactMeasure["default"], {
         bounds: true,
         onResize: this.onResize
-      }, function (_ref) {
-        var measureRef = _ref.measureRef;
+      }, function (_ref2) {
+        var measureRef = _ref2.measureRef;
         var _this2$props = _this2.props,
-            settings = _this2$props.settings,
-            children = _this2$props.children;
+          children = _this2$props.children,
+          settings = _this2$props.settings,
+          hideSettings = _this2$props.hideSettings,
+          dimensions = _this2$props.dimensions;
         var layoutMode = _this2.state.layoutMode;
+        var settingsPanel = layoutMode === 'inline' ? /*#__PURE__*/_react["default"].createElement(_settingsBox["default"], {
+          className: "settings-box"
+        }, settings) : settings;
+        var secondaryContent = hideSettings ? null : settingsPanel;
         return /*#__PURE__*/_react["default"].createElement("div", {
-          ref: measureRef
+          ref: measureRef,
+          className: "main-container"
         }, /*#__PURE__*/_react["default"].createElement(_layoutContents["default"], {
           mode: layoutMode,
-          secondary: layoutMode === 'inline' ? /*#__PURE__*/_react["default"].createElement(_settingsBox["default"], null, settings) : settings
+          secondary: secondaryContent,
+          dimensions: dimensions
         }, children));
       });
     }
   }]);
-  return ConfigLayout;
+  return MeasuredConfigLayout;
 }(_react["default"].Component);
-
-(0, _defineProperty2["default"])(ConfigLayout, "propTypes", {
+(0, _defineProperty2["default"])(MeasuredConfigLayout, "propTypes", {
   children: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].arrayOf(_propTypes["default"].element), _propTypes["default"].element]),
-  settings: _propTypes["default"].element,
   className: _propTypes["default"].string,
   classes: _propTypes["default"].object,
-  sidePanelMinWidth: _propTypes["default"].number
+  dimensions: _propTypes["default"].object,
+  settings: _propTypes["default"].element,
+  sidePanelMinWidth: _propTypes["default"].number,
+  hideSettings: _propTypes["default"].bool
 });
-(0, _defineProperty2["default"])(ConfigLayout, "defaultProps", {
-  sidePanelMinWidth: 950
+(0, _defineProperty2["default"])(MeasuredConfigLayout, "defaultProps", {
+  sidePanelMinWidth: 950,
+  hideSettings: false,
+  dimensions: {}
 });
+var ConfigLayout = (0, _reactMeasure.withContentRect)('bounds')(MeasuredConfigLayout);
 var _default = ConfigLayout;
 exports["default"] = _default;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJDb25maWdMYXlvdXQiLCJwcm9wcyIsImNvbnRlbnRSZWN0IiwiYm91bmRzIiwic2lkZVBhbmVsTWluV2lkdGgiLCJsYXlvdXRNb2RlIiwid2lkdGgiLCJzZXRTdGF0ZSIsInN0YXRlIiwidW5kZWZpbmVkIiwib25SZXNpemUiLCJtZWFzdXJlUmVmIiwic2V0dGluZ3MiLCJjaGlsZHJlbiIsIlJlYWN0IiwiQ29tcG9uZW50IiwiUHJvcFR5cGVzIiwib25lT2ZUeXBlIiwic3RyaW5nIiwiYXJyYXlPZiIsImVsZW1lbnQiLCJjbGFzc05hbWUiLCJjbGFzc2VzIiwib2JqZWN0IiwibnVtYmVyIl0sInNvdXJjZXMiOlsiLi4vLi4vc3JjL2xheW91dC9jb25maWctbGF5b3V0LmpzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IE1lYXN1cmUgZnJvbSAncmVhY3QtbWVhc3VyZSc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IExheW91dENvbnRlbnRzIGZyb20gJy4vbGF5b3V0LWNvbnRlbnRzJztcbmltcG9ydCBTZXR0aW5nc0JveCBmcm9tICcuL3NldHRpbmdzLWJveCc7XG5cbmNsYXNzIENvbmZpZ0xheW91dCBleHRlbmRzIFJlYWN0LkNvbXBvbmVudCB7XG4gIHN0YXRpYyBwcm9wVHlwZXMgPSB7XG4gICAgY2hpbGRyZW46IFByb3BUeXBlcy5vbmVPZlR5cGUoW1xuICAgICAgUHJvcFR5cGVzLnN0cmluZyxcbiAgICAgIFByb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5lbGVtZW50KSxcbiAgICAgIFByb3BUeXBlcy5lbGVtZW50XG4gICAgXSksXG4gICAgc2V0dGluZ3M6IFByb3BUeXBlcy5lbGVtZW50LFxuICAgIGNsYXNzTmFtZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgICBjbGFzc2VzOiBQcm9wVHlwZXMub2JqZWN0LFxuICAgIHNpZGVQYW5lbE1pbldpZHRoOiBQcm9wVHlwZXMubnVtYmVyXG4gIH07XG5cbiAgc3RhdGljIGRlZmF1bHRQcm9wcyA9IHtcbiAgICBzaWRlUGFuZWxNaW5XaWR0aDogOTUwXG4gIH07XG5cbiAgY29uc3RydWN0b3IocHJvcHMpIHtcbiAgICBzdXBlcihwcm9wcyk7XG4gICAgdGhpcy5zdGF0ZSA9IHtcbiAgICAgIGxheW91dE1vZGU6IHVuZGVmaW5lZFxuICAgIH07XG4gIH1cblxuICBvblJlc2l6ZSA9IGNvbnRlbnRSZWN0ID0+IHtcbiAgICBjb25zdCB7IGJvdW5kcyB9ID0gY29udGVudFJlY3Q7XG4gICAgY29uc3QgeyBzaWRlUGFuZWxNaW5XaWR0aCB9ID0gdGhpcy5wcm9wcztcbiAgICBjb25zdCBsYXlvdXRNb2RlID0gYm91bmRzLndpZHRoID49IHNpZGVQYW5lbE1pbldpZHRoID8gJ2lubGluZScgOiAndGFiYmVkJztcblxuICAgIHRoaXMuc2V0U3RhdGUoeyBsYXlvdXRNb2RlIH0pO1xuICB9O1xuXG4gIHJlbmRlcigpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPE1lYXN1cmUgYm91bmRzIG9uUmVzaXplPXt0aGlzLm9uUmVzaXplfT5cbiAgICAgICAgeyh7IG1lYXN1cmVSZWYgfSkgPT4ge1xuICAgICAgICAgIGNvbnN0IHsgc2V0dGluZ3MsIGNoaWxkcmVuIH0gPSB0aGlzLnByb3BzO1xuICAgICAgICAgIGNvbnN0IHsgbGF5b3V0TW9kZSB9ID0gdGhpcy5zdGF0ZTtcblxuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8ZGl2IHJlZj17bWVhc3VyZVJlZn0+XG4gICAgICAgICAgICAgIDxMYXlvdXRDb250ZW50c1xuICAgICAgICAgICAgICAgIG1vZGU9e2xheW91dE1vZGV9XG4gICAgICAgICAgICAgICAgc2Vjb25kYXJ5PXtcbiAgICAgICAgICAgICAgICAgIGxheW91dE1vZGUgPT09ICdpbmxpbmUnID8gPFNldHRpbmdzQm94PntzZXR0aW5nc308L1NldHRpbmdzQm94PiA6IHNldHRpbmdzXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgICA8L0xheW91dENvbnRlbnRzPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgKTtcbiAgICAgICAgfX1cbiAgICAgIDwvTWVhc3VyZT5cbiAgICApO1xuICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IENvbmZpZ0xheW91dDtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7Ozs7O0lBRU1BLFk7Ozs7O0VBaUJKLHNCQUFZQyxLQUFaLEVBQW1CO0lBQUE7O0lBQUE7SUFDakIsMEJBQU1BLEtBQU47SUFEaUIsNkZBT1IsVUFBQUMsV0FBVyxFQUFJO01BQ3hCLElBQVFDLE1BQVIsR0FBbUJELFdBQW5CLENBQVFDLE1BQVI7TUFDQSxJQUFRQyxpQkFBUixHQUE4QixNQUFLSCxLQUFuQyxDQUFRRyxpQkFBUjtNQUNBLElBQU1DLFVBQVUsR0FBR0YsTUFBTSxDQUFDRyxLQUFQLElBQWdCRixpQkFBaEIsR0FBb0MsUUFBcEMsR0FBK0MsUUFBbEU7O01BRUEsTUFBS0csUUFBTCxDQUFjO1FBQUVGLFVBQVUsRUFBVkE7TUFBRixDQUFkO0lBQ0QsQ0Fia0I7SUFFakIsTUFBS0csS0FBTCxHQUFhO01BQ1hILFVBQVUsRUFBRUk7SUFERCxDQUFiO0lBRmlCO0VBS2xCOzs7O1dBVUQsa0JBQVM7TUFBQTs7TUFDUCxvQkFDRSxnQ0FBQyx3QkFBRDtRQUFTLE1BQU0sTUFBZjtRQUFnQixRQUFRLEVBQUUsS0FBS0M7TUFBL0IsR0FDRyxnQkFBb0I7UUFBQSxJQUFqQkMsVUFBaUIsUUFBakJBLFVBQWlCO1FBQ25CLG1CQUErQixNQUFJLENBQUNWLEtBQXBDO1FBQUEsSUFBUVcsUUFBUixnQkFBUUEsUUFBUjtRQUFBLElBQWtCQyxRQUFsQixnQkFBa0JBLFFBQWxCO1FBQ0EsSUFBUVIsVUFBUixHQUF1QixNQUFJLENBQUNHLEtBQTVCLENBQVFILFVBQVI7UUFFQSxvQkFDRTtVQUFLLEdBQUcsRUFBRU07UUFBVixnQkFDRSxnQ0FBQywwQkFBRDtVQUNFLElBQUksRUFBRU4sVUFEUjtVQUVFLFNBQVMsRUFDUEEsVUFBVSxLQUFLLFFBQWYsZ0JBQTBCLGdDQUFDLHVCQUFELFFBQWNPLFFBQWQsQ0FBMUIsR0FBa0VBO1FBSHRFLEdBTUdDLFFBTkgsQ0FERixDQURGO01BWUQsQ0FqQkgsQ0FERjtJQXFCRDs7O0VBdER3QkMsaUJBQUEsQ0FBTUMsUzs7aUNBQTNCZixZLGVBQ2U7RUFDakJhLFFBQVEsRUFBRUcscUJBQUEsQ0FBVUMsU0FBVixDQUFvQixDQUM1QkQscUJBQUEsQ0FBVUUsTUFEa0IsRUFFNUJGLHFCQUFBLENBQVVHLE9BQVYsQ0FBa0JILHFCQUFBLENBQVVJLE9BQTVCLENBRjRCLEVBRzVCSixxQkFBQSxDQUFVSSxPQUhrQixDQUFwQixDQURPO0VBTWpCUixRQUFRLEVBQUVJLHFCQUFBLENBQVVJLE9BTkg7RUFPakJDLFNBQVMsRUFBRUwscUJBQUEsQ0FBVUUsTUFQSjtFQVFqQkksT0FBTyxFQUFFTixxQkFBQSxDQUFVTyxNQVJGO0VBU2pCbkIsaUJBQWlCLEVBQUVZLHFCQUFBLENBQVVRO0FBVFosQztpQ0FEZnhCLFksa0JBYWtCO0VBQ3BCSSxpQkFBaUIsRUFBRTtBQURDLEM7ZUE0Q1RKLFkifQ==
+//# sourceMappingURL=config-layout.js.map

package/lib/layout/config-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"config-layout.js","names":["ConfigLayout","props","contentRect","bounds","sidePanelMinWidth","layoutMode","width","setState","state","undefined","onResize","measureRef","settings","children","React","Component","PropTypes","oneOfType","string","arrayOf","element","className","classes","object","number"],"sources":["../../src/layout/config-layout.jsx"],"sourcesContent":["import React from 'react';\nimport Measure from 'react-measure';\nimport PropTypes from 'prop-types';\nimport LayoutContents from './layout-contents';\nimport SettingsBox from './settings-box';\n\nclass ConfigLayout extends React.Component {\n  static propTypes = {\n    children: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.arrayOf(PropTypes.element),\n      PropTypes.element\n    ]),\n    settings: PropTypes.element,\n    className: PropTypes.string,\n    classes: PropTypes.object,\n    sidePanelMinWidth: PropTypes.number\n  };\n\n  static defaultProps = {\n    sidePanelMinWidth: 950\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      layoutMode: undefined\n    };\n  }\n\n  onResize = contentRect => {\n    const { bounds } = contentRect;\n    const { sidePanelMinWidth } = this.props;\n    const layoutMode = bounds.width >= sidePanelMinWidth ? 'inline' : 'tabbed';\n\n    this.setState({ layoutMode });\n  };\n\n  render() {\n    return (\n      <Measure bounds onResize={this.onResize}>\n        {({ measureRef }) => {\n          const { settings, children } = this.props;\n          const { layoutMode } = this.state;\n\n          return (\n            <div ref={measureRef}>\n              <LayoutContents\n                mode={layoutMode}\n                secondary={\n                  layoutMode === 'inline' ? <SettingsBox>{settings}</SettingsBox> : settings\n                }\n              >\n                {children}\n              </LayoutContents>\n            </div>\n          );\n        }}\n      </Measure>\n    );\n  }\n}\n\nexport default ConfigLayout;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEMA,Y;;;;;EAiBJ,sBAAYC,KAAZ,EAAmB;IAAA;;IAAA;IACjB,0BAAMA,KAAN;IADiB,6FAOR,UAAAC,WAAW,EAAI;MACxB,IAAQC,MAAR,GAAmBD,WAAnB,CAAQC,MAAR;MACA,IAAQC,iBAAR,GAA8B,MAAKH,KAAnC,CAAQG,iBAAR;MACA,IAAMC,UAAU,GAAGF,MAAM,CAACG,KAAP,IAAgBF,iBAAhB,GAAoC,QAApC,GAA+C,QAAlE;;MAEA,MAAKG,QAAL,CAAc;QAAEF,UAAU,EAAVA;MAAF,CAAd;IACD,CAbkB;IAEjB,MAAKG,KAAL,GAAa;MACXH,UAAU,EAAEI;IADD,CAAb;IAFiB;EAKlB;;;;WAUD,kBAAS;MAAA;;MACP,oBACE,gCAAC,wBAAD;QAAS,MAAM,MAAf;QAAgB,QAAQ,EAAE,KAAKC;MAA/B,GACG,gBAAoB;QAAA,IAAjBC,UAAiB,QAAjBA,UAAiB;QACnB,mBAA+B,MAAI,CAACV,KAApC;QAAA,IAAQW,QAAR,gBAAQA,QAAR;QAAA,IAAkBC,QAAlB,gBAAkBA,QAAlB;QACA,IAAQR,UAAR,GAAuB,MAAI,CAACG,KAA5B,CAAQH,UAAR;QAEA,oBACE;UAAK,GAAG,EAAEM;QAAV,gBACE,gCAAC,0BAAD;UACE,IAAI,EAAEN,UADR;UAEE,SAAS,EACPA,UAAU,KAAK,QAAf,gBAA0B,gCAAC,uBAAD,QAAcO,QAAd,CAA1B,GAAkEA;QAHtE,GAMGC,QANH,CADF,CADF;MAYD,CAjBH,CADF;IAqBD;;;EAtDwBC,iBAAA,CAAMC,S;;iCAA3Bf,Y,eACe;EACjBa,QAAQ,EAAEG,qBAAA,CAAUC,SAAV,CAAoB,CAC5BD,qBAAA,CAAUE,MADkB,EAE5BF,qBAAA,CAAUG,OAAV,CAAkBH,qBAAA,CAAUI,OAA5B,CAF4B,EAG5BJ,qBAAA,CAAUI,OAHkB,CAApB,CADO;EAMjBR,QAAQ,EAAEI,qBAAA,CAAUI,OANH;EAOjBC,SAAS,EAAEL,qBAAA,CAAUE,MAPJ;EAQjBI,OAAO,EAAEN,qBAAA,CAAUO,MARF;EASjBnB,iBAAiB,EAAEY,qBAAA,CAAUQ;AATZ,C;iCADfxB,Y,kBAakB;EACpBI,iBAAiB,EAAE;AADC,C;eA4CTJ,Y"}
+{"version":3,"file":"config-layout.js","names":["_react","_interopRequireDefault","require","_reactMeasure","_interopRequireWildcard","_propTypes","_layoutContents","_settingsBox","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","valueOf","e","MeasuredConfigLayout","_React$Component","_inherits2","_super","props","_this","_classCallCheck2","_defineProperty2","_assertThisInitialized2","contentRect","bounds","_this$props","sidePanelMinWidth","dimensions","_ref","maxWidth","layoutMode","width","setState","state","undefined","_createClass2","value","render","_this2","createElement","onResize","_ref2","measureRef","_this2$props","children","settings","hideSettings","settingsPanel","className","secondaryContent","ref","mode","secondary","React","Component","PropTypes","oneOfType","string","arrayOf","element","classes","object","number","bool","ConfigLayout","withContentRect","_default","exports"],"sources":["../../src/layout/config-layout.jsx"],"sourcesContent":["import React from 'react';\nimport Measure from 'react-measure';\nimport { withContentRect } from 'react-measure';\nimport PropTypes from 'prop-types';\nimport LayoutContents from './layout-contents';\nimport SettingsBox from './settings-box';\n\nclass MeasuredConfigLayout extends React.Component {\n  static propTypes = {\n    children: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.element), PropTypes.element]),\n    className: PropTypes.string,\n    classes: PropTypes.object,\n    dimensions: PropTypes.object,\n    settings: PropTypes.element,\n    sidePanelMinWidth: PropTypes.number,\n    hideSettings: PropTypes.bool,\n  };\n\n  static defaultProps = {\n    sidePanelMinWidth: 950,\n    hideSettings: false,\n    dimensions: {},\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = { layoutMode: undefined };\n  }\n\n  onResize = (contentRect) => {\n    const { bounds } = contentRect;\n    const { sidePanelMinWidth, dimensions } = this.props;\n    const { maxWidth } = dimensions || {};\n\n    const layoutMode =\n      bounds.width >= sidePanelMinWidth && (maxWidth ? maxWidth >= sidePanelMinWidth : true) ? 'inline' : 'tabbed';\n\n    this.setState({ layoutMode });\n  };\n\n  render() {\n    return (\n      <Measure bounds onResize={this.onResize}>\n        {({ measureRef }) => {\n          const { children, settings, hideSettings, dimensions } = this.props;\n          const { layoutMode } = this.state;\n\n          const settingsPanel =\n            layoutMode === 'inline' ? <SettingsBox className=\"settings-box\">{settings}</SettingsBox> : settings;\n          const secondaryContent = hideSettings ? null : settingsPanel;\n\n          return (\n            <div ref={measureRef} className=\"main-container\">\n              <LayoutContents mode={layoutMode} secondary={secondaryContent} dimensions={dimensions}>\n                {children}\n              </LayoutContents>\n            </div>\n          );\n        }}\n      </Measure>\n    );\n  }\n}\n\nconst ConfigLayout = withContentRect('bounds')(MeasuredConfigLayout);\n\nexport default ConfigLayout;\n"],"mappings":"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"}