@pie-lib/config-ui 13.0.4-next.31 → 13.0.4-next.36

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_alertDialog","_interopRequireDefault","require","_feedbackConfig","_interopRequireWildcard","_inputs","_langs","_tabs","_checkbox","_formSection","_help","_input","_renderUi","_numberTextField","_numberTextFieldCustom","_twoChoice","_tagsInput","_muiBox","_choiceConfiguration","layout","exports","choiceUtils","_withStatefulModel","_toggle","_displaySize","settings","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor"],"sources":["../src/index.js"],"sourcesContent":["import AlertDialog from './alert-dialog';\nimport FeedbackConfig, { buildDefaults as feedbackConfigDefaults, FeedbackSelector } from './feedback-config';\nimport { InputCheckbox, InputRadio, InputSwitch } from './inputs';\nimport Langs, { LanguageControls } from './langs';\nimport Tabs from './tabs';\nimport Checkbox from './checkbox';\nimport FormSection from './form-section';\nimport Help from './help';\nimport Input from './input';\nimport { InputContainer } from '@pie-lib/render-ui';\nimport NumberTextField from './number-text-field';\nimport NumberTextFieldCustom from './number-text-field-custom';\nimport TwoChoice, { NChoice } from './two-choice';\nimport TagsInput from './tags-input';\nimport MuiBox from './mui-box';\nimport ChoiceConfiguration from './choice-configuration';\nimport * as layout from './layout';\n\nimport * as choiceUtils from './choice-utils';\nimport withStatefulModel from './with-stateful-model';\nimport Toggle from './settings/toggle';\nimport DisplaySize from './settings/display-size';\n\nimport * as settings from './settings';\n\nexport {\n  AlertDialog,\n  FeedbackConfig,\n  FeedbackSelector,\n  feedbackConfigDefaults,\n  InputCheckbox,\n  InputSwitch,\n  InputRadio,\n  Langs,\n  LanguageControls,\n  Tabs,\n  Checkbox,\n  FormSection,\n  Help,\n  Input,\n  InputContainer,\n  NumberTextField,\n  NumberTextFieldCustom,\n  TwoChoice,\n  NChoice,\n  TagsInput,\n  MuiBox,\n  ChoiceConfiguration,\n  layout,\n  choiceUtils,\n  withStatefulModel,\n  Toggle,\n  DisplaySize,\n  settings,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAF,uBAAA,CAAAF,OAAA;AACA,IAAAK,KAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,SAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,YAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,KAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,MAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,SAAA,GAAAV,OAAA;AACA,IAAAW,gBAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,sBAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,UAAA,GAAAX,uBAAA,CAAAF,OAAA;AACA,IAAAc,UAAA,GAAAf,sBAAA,CAAAC,OAAA;AACA,IAAAe,OAAA,GAAAhB,sBAAA,CAAAC,OAAA;AACA,IAAAgB,oBAAA,GAAAjB,sBAAA,CAAAC,OAAA;AACA,IAAAiB,MAAA,GAAAf,uBAAA,CAAAF,OAAA;AAAmCkB,OAAA,CAAAD,MAAA,GAAAA,MAAA;AAEnC,IAAAE,WAAA,GAAAjB,uBAAA,CAAAF,OAAA;AAA8CkB,OAAA,CAAAC,WAAA,GAAAA,WAAA;AAC9C,IAAAC,kBAAA,GAAArB,sBAAA,CAAAC,OAAA;AACA,IAAAqB,OAAA,GAAAtB,sBAAA,CAAAC,OAAA;AACA,IAAAsB,YAAA,GAAAvB,sBAAA,CAAAC,OAAA;AAEA,IAAAuB,QAAA,GAAArB,uBAAA,CAAAF,OAAA;AAAuCkB,OAAA,CAAAK,QAAA,GAAAA,QAAA;AAAA,SAAArB,wBAAAsB,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAxB,uBAAA,YAAAA,wBAAAsB,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,mBAAAT,CAAA,iBAAAA,CAAA,gBAAAU,OAAA,CAAAV,CAAA,0BAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA","ignoreList":[]}

package/lib/input.js

@@ -0,0 +1,106 @@
+"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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Input2 = _interopRequireDefault(require("@mui/material/Input"));
+var _renderUi = require("@pie-lib/render-ui");
+var _excluded = ["label", "type", "noModelUpdateOnError"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var Input = exports["default"] = /*#__PURE__*/function (_React$Component) {
+  function Input(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, Input);
+    _this = _callSuper(this, Input, [props]);
+    (0, _defineProperty2["default"])(_this, "onChange", function (event) {
+      var _this$props = _this.props,
+        type = _this$props.type,
+        onChange = _this$props.onChange,
+        error = _this$props.error;
+      var value = event.target.value;
+      if (error(value, type)) {
+        _this.setState({
+          error: true,
+          value: event.target.value
+        });
+      } else {
+        _this.setState({
+          error: false,
+          value: event.target.value
+        });
+        onChange(event);
+      }
+    });
+    _this.state = {
+      value: props.value
+    };
+    return _this;
+  }
+  (0, _inherits2["default"])(Input, _React$Component);
+  return (0, _createClass2["default"])(Input, [{
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(newProps) {
+      this.setState({
+        value: newProps.value
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props2 = this.props,
+        label = _this$props2.label,
+        type = _this$props2.type,
+        noModelUpdateOnError = _this$props2.noModelUpdateOnError,
+        rest = (0, _objectWithoutProperties2["default"])(_this$props2, _excluded);
+      var _this$state = this.state,
+        value = _this$state.value,
+        error = _this$state.error;
+      return label ? /*#__PURE__*/React.createElement(_renderUi.InputContainer, {
+        label: label
+      }, /*#__PURE__*/React.createElement(_Input2["default"], (0, _extends2["default"])({
+        type: type
+      }, rest, {
+        value: value,
+        onChange: this.onChange,
+        error: error
+      }))) : /*#__PURE__*/React.createElement(_Input2["default"], (0, _extends2["default"])({
+        type: type
+      }, rest, {
+        value: value,
+        onChange: this.onChange,
+        error: error
+      }));
+    }
+  }]);
+}(React.Component);
+(0, _defineProperty2["default"])(Input, "propTypes", {
+  value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+  onChange: _propTypes["default"].func.isRequired,
+  label: _propTypes["default"].string,
+  type: _propTypes["default"].string.isRequired,
+  error: _propTypes["default"].func,
+  noModelUpdateOnError: _propTypes["default"].bool
+});
+(0, _defineProperty2["default"])(Input, "defaultProps", {
+  type: 'text',
+  error: function error(value, type) {
+    return type === 'number' ? !value || isNaN(value) : !value;
+  },
+  noModelUpdateOnError: false
+});
+//# sourceMappingURL=input.js.map

package/lib/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","names":["React","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_Input2","_renderUi","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","Input","exports","_React$Component","props","_this","_classCallCheck2","_defineProperty2","event","_this$props","type","onChange","error","value","target","setState","state","_inherits2","_createClass2","key","UNSAFE_componentWillReceiveProps","newProps","render","_this$props2","label","noModelUpdateOnError","rest","_objectWithoutProperties2","_this$state","createElement","InputContainer","_extends2","Component","PropTypes","oneOfType","string","number","func","isRequired","bool","isNaN"],"sources":["../src/input.jsx"],"sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { default as MaterialInput } from '@mui/material/Input';\nimport { InputContainer } from '@pie-lib/render-ui';\n\nexport default class Input extends React.Component {\n  static propTypes = {\n    value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    onChange: PropTypes.func.isRequired,\n    label: PropTypes.string,\n    type: PropTypes.string.isRequired,\n    error: PropTypes.func,\n    noModelUpdateOnError: PropTypes.bool,\n  };\n\n  static defaultProps = {\n    type: 'text',\n    error: (value, type) => (type === 'number' ? !value || isNaN(value) : !value),\n    noModelUpdateOnError: false,\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      value: props.value,\n    };\n  }\n\n  UNSAFE_componentWillReceiveProps(newProps) {\n    this.setState({\n      value: newProps.value,\n    });\n  }\n\n  onChange = (event) => {\n    const { type, onChange, error } = this.props;\n    const value = event.target.value;\n\n    if (error(value, type)) {\n      this.setState({\n        error: true,\n        value: event.target.value,\n      });\n    } else {\n      this.setState({\n        error: false,\n        value: event.target.value,\n      });\n\n      onChange(event);\n    }\n  };\n\n  render() {\n    const {\n      label,\n      type,\n      noModelUpdateOnError, // eslint-disable-line no-unused-vars\n      ...rest\n    } = this.props;\n    const { value, error } = this.state;\n\n    return label ? (\n      <InputContainer label={label}>\n        <MaterialInput type={type} {...rest} value={value} onChange={this.onChange} error={error} />\n      </InputContainer>\n    ) : (\n      <MaterialInput type={type} {...rest} value={value} onChange={this.onChange} error={error} />\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/inputs.js

@@ -0,0 +1,105 @@
+"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("@mui/material/Checkbox"));
+var _Radio = _interopRequireDefault(require("@mui/material/Radio"));
+var _renderUi = require("@pie-lib/render-ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
+var _Switch = _interopRequireDefault(require("@mui/material/Switch"));
+var _styles = require("@mui/material/styles");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var InputTypes = {
+  className: _propTypes["default"].string,
+  label: _propTypes["default"].string,
+  checked: _propTypes["default"].bool,
+  onChange: _propTypes["default"].func,
+  disabled: _propTypes["default"].bool,
+  error: _propTypes["default"].string
+};
+var StyledSwitch = (0, _styles.styled)(_Switch["default"])(function () {
+  return {
+    justifyContent: 'inherit',
+    transform: 'translate(-20%, 20%)'
+  };
+});
+var InputSwitch = exports.InputSwitch = function InputSwitch(_ref) {
+  var className = _ref.className,
+    label = _ref.label,
+    checked = _ref.checked,
+    onChange = _ref.onChange;
+  return /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
+    className: className,
+    label: label
+  }, /*#__PURE__*/_react["default"].createElement(StyledSwitch, {
+    checked: checked,
+    onChange: onChange,
+    "aria-label": label
+  }));
+};
+InputSwitch.propTypes = _objectSpread({}, InputTypes);
+var StyledCheckbox = (0, _styles.styled)(_Checkbox["default"])(function (_ref2) {
+  var theme = _ref2.theme,
+    error = _ref2.error;
+  return _objectSpread({
+    transform: 'translate(-25%, 20%)',
+    color: "".concat(_renderUi.color.tertiary(), " !important")
+  }, error && {
+    color: "".concat(theme.palette.error.main, " !important")
+  });
+});
+var InputCheckbox = exports.InputCheckbox = function InputCheckbox(_ref3) {
+  var className = _ref3.className,
+    label = _ref3.label,
+    checked = _ref3.checked,
+    onChange = _ref3.onChange,
+    disabled = _ref3.disabled,
+    error = _ref3.error;
+  return /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
+    className: className,
+    label: label
+  }, /*#__PURE__*/_react["default"].createElement(StyledCheckbox, {
+    disabled: disabled,
+    checked: checked,
+    onChange: onChange,
+    "aria-label": label,
+    error: error
+  }));
+};
+InputCheckbox.propTypes = _objectSpread({}, InputTypes);
+var StyledRadio = (0, _styles.styled)(_Radio["default"])(function (_ref4) {
+  var theme = _ref4.theme,
+    error = _ref4.error;
+  return _objectSpread({
+    transform: 'translate(-20%, 20%)',
+    color: "".concat(_renderUi.color.tertiary(), " !important")
+  }, error && {
+    color: "".concat(theme.palette.error.main, " !important")
+  });
+});
+var InputRadio = exports.InputRadio = function InputRadio(_ref5) {
+  var className = _ref5.className,
+    label = _ref5.label,
+    checked = _ref5.checked,
+    onChange = _ref5.onChange,
+    disabled = _ref5.disabled,
+    error = _ref5.error;
+  return /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
+    className: className,
+    label: label
+  }, /*#__PURE__*/_react["default"].createElement(StyledRadio, {
+    disabled: disabled,
+    checked: checked,
+    onChange: onChange,
+    "aria-label": label,
+    error: error
+  }));
+};
+InputRadio.propTypes = _objectSpread({}, InputTypes);
+//# sourceMappingURL=inputs.js.map

package/lib/inputs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputs.js","names":["_Checkbox","_interopRequireDefault","require","_Radio","_renderUi","_propTypes","_react","_Switch","_styles","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","InputTypes","className","PropTypes","string","label","checked","bool","onChange","func","disabled","error","StyledSwitch","styled","Switch","justifyContent","transform","InputSwitch","exports","_ref","createElement","InputContainer","propTypes","StyledCheckbox","Checkbox","_ref2","theme","color","concat","tertiary","palette","main","InputCheckbox","_ref3","StyledRadio","Radio","_ref4","InputRadio","_ref5"],"sources":["../src/inputs.jsx"],"sourcesContent":["import Checkbox from '@mui/material/Checkbox';\nimport Radio from '@mui/material/Radio';\nimport { color, InputContainer } from '@pie-lib/render-ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport Switch from '@mui/material/Switch';\nimport { styled } from '@mui/material/styles';\n\nconst InputTypes = {\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 StyledSwitch = styled(Switch)(() => ({\n  justifyContent: 'inherit',\n  transform: 'translate(-20%, 20%)',\n}));\n\nconst InputSwitch = ({ className, label, checked, onChange }) => {\n  return (\n    <InputContainer className={className} label={label}>\n      <StyledSwitch checked={checked} onChange={onChange} aria-label={label} />\n    </InputContainer>\n  );\n};\n\nInputSwitch.propTypes = { ...InputTypes };\n\nconst StyledCheckbox = styled(Checkbox)(({ theme, error }) => ({\n  transform: 'translate(-25%, 20%)',\n  color: `${color.tertiary()} !important`,\n  ...(error && {\n    color: `${theme.palette.error.main} !important`,\n  }),\n}));\n\nconst InputCheckbox = ({ className, label, checked, onChange, disabled, error }) => {\n  return (\n    <InputContainer className={className} label={label}>\n      <StyledCheckbox disabled={disabled} checked={checked} onChange={onChange} aria-label={label} error={error} />\n    </InputContainer>\n  );\n};\n\nInputCheckbox.propTypes = { ...InputTypes };\n\nconst StyledRadio = styled(Radio)(({ theme, error }) => ({\n  transform: 'translate(-20%, 20%)',\n  color: `${color.tertiary()} !important`,\n  ...(error && {\n    color: `${theme.palette.error.main} !important`,\n  }),\n}));\n\nconst InputRadio = ({ className, label, checked, onChange, disabled, error }) => {\n  return (\n    <InputContainer className={className} label={label}>\n      <StyledRadio disabled={disabled} checked={checked} onChange={onChange} aria-label={label} error={error} />\n    </InputContainer>\n  );\n};\n\nInputRadio.propTypes = { ...InputTypes };\n\nexport { InputSwitch, InputCheckbox, InputRadio };\n"],"mappings":"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","ignoreList":[]}

package/lib/langs.js

@@ -0,0 +1,136 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.LanguageControls = exports.Langs = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _Input = _interopRequireDefault(require("@mui/material/Input"));
+var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
+var _styles = require("@mui/material/styles");
+var _Select = _interopRequireDefault(require("@mui/material/Select"));
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
+var _debug = _interopRequireDefault(require("debug"));
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var log = (0, _debug["default"])('pie-elements:config-ui:langs');
+var StyledRoot = (0, _styles.styled)('div')(function () {
+  return {
+    flexDirection: 'column',
+    alignItems: 'start',
+    display: 'flex',
+    position: 'relative',
+    paddingTop: '0px',
+    paddingRight: '0px'
+  };
+});
+var StyledFormControl = (0, _styles.styled)(_FormControl["default"])(function () {
+  return {
+    position: 'initial'
+  };
+});
+var StyledInputLabel = (0, _styles.styled)(_InputLabel["default"])(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    paddingBottom: theme.spacing(1)
+  };
+});
+var Langs = exports.Langs = /*#__PURE__*/function (_React$Component) {
+  function Langs(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, Langs);
+    _this = _callSuper(this, Langs, [props]);
+    (0, _defineProperty2["default"])(_this, "choose", function (event) {
+      log('[choose] event: ', event);
+      if (_this.props.onChange) {
+        _this.props.onChange(event.target.value);
+      }
+    });
+    _this.uid = props.uid || (Math.random() * 10000).toFixed();
+    return _this;
+  }
+  (0, _inherits2["default"])(Langs, _React$Component);
+  return (0, _createClass2["default"])(Langs, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        langs = _this$props.langs,
+        selected = _this$props.selected,
+        label = _this$props.label;
+      log('[render] selected:', selected);
+      return /*#__PURE__*/_react["default"].createElement(StyledRoot, null, /*#__PURE__*/_react["default"].createElement(StyledFormControl, null, /*#__PURE__*/_react["default"].createElement(StyledInputLabel, {
+        htmlFor: this.uid
+      }, label), /*#__PURE__*/_react["default"].createElement(_Select["default"], {
+        value: selected,
+        onChange: this.choose,
+        input: /*#__PURE__*/_react["default"].createElement(_Input["default"], {
+          id: this.uid
+        })
+      }, langs.map(function (l, index) {
+        return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+          key: index,
+          value: l
+        }, l);
+      }))));
+    }
+  }]);
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(Langs, "propTypes", {
+  onChange: _propTypes["default"].func,
+  langs: _propTypes["default"].array,
+  selected: _propTypes["default"].string,
+  label: _propTypes["default"].string,
+  uid: _propTypes["default"].string
+});
+var _default = exports["default"] = Langs;
+var StyledLanguageControls = (0, _styles.styled)('div')(function () {
+  return {
+    display: 'grid',
+    gridAutoFlow: 'column',
+    gridAutoColumns: '1fr',
+    gridGap: '8px'
+  };
+});
+var LanguageControls = exports.LanguageControls = function LanguageControls(_ref2) {
+  var langs = _ref2.langs,
+    activeLang = _ref2.activeLang,
+    defaultLang = _ref2.defaultLang,
+    onActiveLangChange = _ref2.onActiveLangChange,
+    onDefaultLangChange = _ref2.onDefaultLangChange,
+    className = _ref2.className;
+  return /*#__PURE__*/_react["default"].createElement(StyledLanguageControls, {
+    className: className
+  }, /*#__PURE__*/_react["default"].createElement(Langs, {
+    label: "Choose language to edit",
+    langs: langs,
+    selected: activeLang,
+    onChange: function onChange(l) {
+      return onActiveLangChange(l);
+    }
+  }), /*#__PURE__*/_react["default"].createElement(Langs, {
+    label: "Default language",
+    langs: langs,
+    selected: defaultLang,
+    onChange: function onChange(l) {
+      return onDefaultLangChange(l);
+    }
+  }));
+};
+LanguageControls.propTypes = {
+  langs: _propTypes["default"].array,
+  activeLang: _propTypes["default"].string.isRequired,
+  defaultLang: _propTypes["default"].string.isRequired,
+  onActiveLangChange: _propTypes["default"].func.isRequired,
+  onDefaultLangChange: _propTypes["default"].func.isRequired,
+  className: _propTypes["default"].string
+};
+//# sourceMappingURL=langs.js.map

package/lib/langs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"langs.js","names":["_Input","_interopRequireDefault","require","_InputLabel","_propTypes","_react","_styles","_Select","_MenuItem","_FormControl","_debug","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","log","debug","StyledRoot","styled","flexDirection","alignItems","display","position","paddingTop","paddingRight","StyledFormControl","FormControl","StyledInputLabel","InputLabel","_ref","theme","paddingBottom","spacing","Langs","exports","_React$Component","props","_this","_classCallCheck2","_defineProperty2","event","onChange","target","value","uid","Math","random","toFixed","_inherits2","_createClass2","key","render","_this$props","langs","selected","label","createElement","htmlFor","choose","input","id","map","l","index","React","Component","PropTypes","func","array","string","_default","StyledLanguageControls","gridAutoFlow","gridAutoColumns","gridGap","LanguageControls","_ref2","activeLang","defaultLang","onActiveLangChange","onDefaultLangChange","className","propTypes","isRequired"],"sources":["../src/langs.jsx"],"sourcesContent":["import Input from '@mui/material/Input';\nimport InputLabel from '@mui/material/InputLabel';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { styled } from '@mui/material/styles';\nimport Select from '@mui/material/Select';\nimport MenuItem from '@mui/material/MenuItem';\nimport FormControl from '@mui/material/FormControl';\nimport debug from 'debug';\n\nconst log = debug('pie-elements:config-ui:langs');\n\nconst StyledRoot = styled('div')(() => ({\n  flexDirection: 'column',\n  alignItems: 'start',\n  display: 'flex',\n  position: 'relative',\n  paddingTop: '0px',\n  paddingRight: '0px',\n}));\n\nconst StyledFormControl = styled(FormControl)(() => ({\n  position: 'initial',\n}));\n\nconst StyledInputLabel = styled(InputLabel)(({ theme }) => ({\n  paddingBottom: theme.spacing(1),\n}));\n\nexport class Langs extends React.Component {\n  static propTypes = {\n    onChange: PropTypes.func,\n    langs: PropTypes.array,\n    selected: PropTypes.string,\n    label: PropTypes.string,\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 } = this.props;\n\n    log('[render] selected:', selected);\n\n    return (\n      <StyledRoot>\n        <StyledFormControl>\n          <StyledInputLabel htmlFor={this.uid}>{label}</StyledInputLabel>\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        </StyledFormControl>\n      </StyledRoot>\n    );\n  }\n}\nexport default Langs;\n\nconst StyledLanguageControls = styled('div')(() => ({\n  display: 'grid',\n  gridAutoFlow: 'column',\n  gridAutoColumns: '1fr',\n  gridGap: '8px',\n}));\n\nexport const LanguageControls = ({\n  langs,\n  activeLang,\n  defaultLang,\n  onActiveLangChange,\n  onDefaultLangChange,\n  className,\n}) => {\n  return (\n    <StyledLanguageControls className={className}>\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    </StyledLanguageControls>\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  className: PropTypes.string,\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/layout/config-layout.js

@@ -0,0 +1,137 @@
+"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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _reactMeasure = _interopRequireWildcard(require("react-measure"));
+var _styles = require("@mui/material/styles");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _layoutContents = _interopRequireDefault(require("./layout-contents"));
+var _settingsBox = _interopRequireDefault(require("./settings-box"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var theme = (0, _styles.createTheme)({
+  typography: {
+    fontFamily: 'inherit'
+  },
+  components: {
+    MuiButton: {
+      styleOverrides: {
+        contained: {
+          backgroundColor: '#e0e0e0',
+          color: '#000000',
+          '&:hover': {
+            backgroundColor: '#bdbdbd'
+          }
+        }
+      }
+    }
+  }
+});
+var MeasuredConfigLayout = /*#__PURE__*/function (_React$Component) {
+  function MeasuredConfigLayout() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, MeasuredConfigLayout);
+    for (var _len = arguments.length, props = new Array(_len), _key = 0; _key < _len; _key++) {
+      props[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, MeasuredConfigLayout, [].concat(props));
+    (0, _defineProperty2["default"])(_this, "onResize", function (contentRect) {
+      var bounds = contentRect.bounds;
+      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';
+
+      // Only update state (and cause a re-render) if the computed layoutMode changed.
+      if (layoutMode !== _this.state.layoutMode) {
+        _this.setState({
+          layoutMode: layoutMode
+        });
+      }
+    });
+    _this.state = {
+      layoutMode: undefined
+    };
+    return _this;
+  }
+  (0, _inherits2["default"])(MeasuredConfigLayout, _React$Component);
+  return (0, _createClass2["default"])(MeasuredConfigLayout, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      return (
+        /*#__PURE__*/
+        // TODO: REVIEW MuiThemeProvider usage - is this still needed after mui update?
+        // Different theme object identities will force theme consumers to re-render.
+        _react["default"].createElement(_styles.StyledEngineProvider, {
+          injectFirst: true
+        }, /*#__PURE__*/_react["default"].createElement(_styles.ThemeProvider, {
+          theme: theme
+        }, /*#__PURE__*/_react["default"].createElement(_reactMeasure["default"], {
+          bounds: true,
+          onResize: this.onResize
+        }, function (_ref2) {
+          var measureRef = _ref2.measureRef;
+          var _this2$props = _this2.props,
+            children = _this2$props.children,
+            settings = _this2$props.settings,
+            hideSettings = _this2$props.hideSettings,
+            dimensions = _this2$props.dimensions,
+            extraCSSRules = _this2$props.extraCSSRules;
+          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;
+          var finalClass = 'main-container extraCSSRules';
+          return /*#__PURE__*/_react["default"].createElement("div", {
+            ref: measureRef,
+            className: finalClass
+          }, extraCSSRules !== null && extraCSSRules !== void 0 && extraCSSRules.rules ? /*#__PURE__*/_react["default"].createElement("style", {
+            dangerouslySetInnerHTML: {
+              __html: ".extraCSSRules { ".concat(extraCSSRules.rules, " }")
+            }
+          }) : null, /*#__PURE__*/_react["default"].createElement(_layoutContents["default"], {
+            mode: layoutMode,
+            secondary: secondaryContent,
+            dimensions: dimensions
+          }, children));
+        })))
+      );
+    }
+  }]);
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(MeasuredConfigLayout, "propTypes", {
+  children: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].arrayOf(_propTypes["default"].element), _propTypes["default"].element]),
+  className: _propTypes["default"].string,
+  dimensions: _propTypes["default"].object,
+  settings: _propTypes["default"].element,
+  sidePanelMinWidth: _propTypes["default"].number,
+  hideSettings: _propTypes["default"].bool,
+  extraCSSRules: _propTypes["default"].shape({
+    names: _propTypes["default"].arrayOf(_propTypes["default"].string),
+    rules: _propTypes["default"].string
+  })
+});
+(0, _defineProperty2["default"])(MeasuredConfigLayout, "defaultProps", {
+  sidePanelMinWidth: 1135,
+  hideSettings: false,
+  dimensions: {}
+});
+var ConfigLayout = (0, _reactMeasure.withContentRect)('bounds')(MeasuredConfigLayout);
+var _default = exports["default"] = ConfigLayout;
+//# sourceMappingURL=config-layout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-layout.js","names":["_react","_interopRequireDefault","require","_reactMeasure","_interopRequireWildcard","_styles","_propTypes","_layoutContents","_settingsBox","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","theme","createTheme","typography","fontFamily","components","MuiButton","styleOverrides","contained","backgroundColor","color","MeasuredConfigLayout","_React$Component","_this","_classCallCheck2","_len","arguments","length","props","Array","_key","concat","_defineProperty2","contentRect","bounds","_this$props","sidePanelMinWidth","dimensions","_ref","maxWidth","layoutMode","width","state","setState","undefined","_inherits2","_createClass2","key","value","render","_this2","createElement","StyledEngineProvider","injectFirst","ThemeProvider","onResize","_ref2","measureRef","_this2$props","children","settings","hideSettings","extraCSSRules","settingsPanel","className","secondaryContent","finalClass","ref","rules","dangerouslySetInnerHTML","__html","mode","secondary","React","Component","PropTypes","oneOfType","string","arrayOf","element","object","number","bool","shape","names","ConfigLayout","withContentRect","_default","exports"],"sources":["../../src/layout/config-layout.jsx"],"sourcesContent":["import React from 'react';\nimport Measure, { withContentRect } from 'react-measure';\nimport { createTheme, StyledEngineProvider, ThemeProvider } from '@mui/material/styles';\nimport PropTypes from 'prop-types';\nimport LayoutContents from './layout-contents';\nimport SettingsBox from './settings-box';\n\nconst theme = createTheme({\n  typography: {\n    fontFamily: 'inherit',\n  },\n  components: {\n    MuiButton: {\n      styleOverrides: {\n        contained: {\n          backgroundColor: '#e0e0e0',\n          color: '#000000',\n          '&:hover': {\n            backgroundColor: '#bdbdbd',\n          },\n        },\n      },\n    },\n  },\n});\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    dimensions: PropTypes.object,\n    settings: PropTypes.element,\n    sidePanelMinWidth: PropTypes.number,\n    hideSettings: PropTypes.bool,\n    extraCSSRules: PropTypes.shape({\n      names: PropTypes.arrayOf(PropTypes.string),\n      rules: PropTypes.string,\n    }),\n  };\n\n  static defaultProps = {\n    sidePanelMinWidth: 1135,\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    // Only update state (and cause a re-render) if the computed layoutMode changed.\n    if (layoutMode !== this.state.layoutMode) {\n      this.setState({ layoutMode });\n    }\n  };\n\n  render() {\n    return (\n      // TODO: REVIEW MuiThemeProvider usage - is this still needed after mui update?\n      // Different theme object identities will force theme consumers to re-render.\n      <StyledEngineProvider injectFirst>\n        <ThemeProvider theme={theme}>\n          <Measure bounds onResize={this.onResize}>\n            {({ measureRef }) => {\n              const { children, settings, hideSettings, dimensions, extraCSSRules } = 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              const finalClass = 'main-container extraCSSRules';\n\n              return (\n                <div ref={measureRef} className={finalClass}>\n                  {extraCSSRules?.rules ? (\n                    <style dangerouslySetInnerHTML={{ __html: `.extraCSSRules { ${extraCSSRules.rules} }` }} />\n                  ) : null}\n\n                  <LayoutContents mode={layoutMode} secondary={secondaryContent} dimensions={dimensions}>\n                    {children}\n                  </LayoutContents>\n                </div>\n              );\n            }}\n          </Measure>\n        </ThemeProvider>\n      </StyledEngineProvider>\n    );\n  }\n}\n\nconst ConfigLayout = withContentRect('bounds')(MeasuredConfigLayout);\n\nexport default ConfigLayout;\n"],"mappings":"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","ignoreList":[]}

package/lib/layout/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ConfigLayout", {
+  enumerable: true,
+  get: function get() {
+    return _configLayout["default"];
+  }
+});
+Object.defineProperty(exports, "LayoutContents", {
+  enumerable: true,
+  get: function get() {
+    return _layoutContents["default"];
+  }
+});
+var _configLayout = _interopRequireDefault(require("./config-layout"));
+var _layoutContents = _interopRequireDefault(require("./layout-contents"));
+//# sourceMappingURL=index.js.map

package/lib/layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_configLayout","_interopRequireDefault","require","_layoutContents"],"sources":["../../src/layout/index.js"],"sourcesContent":["import ConfigLayout from './config-layout';\nimport LayoutContents from './layout-contents';\n\nexport { LayoutContents, ConfigLayout };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,aAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAF,sBAAA,CAAAC,OAAA","ignoreList":[]}