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

package/lib/inputs.js

@@ -6,18 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 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 _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("@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 _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 = {
-  classes: _propTypes["default"].object.isRequired,
   className: _propTypes["default"].string,
   label: _propTypes["default"].string,
   checked: _propTypes["default"].bool,
@@ -25,90 +23,83 @@ var InputTypes = {
   disabled: _propTypes["default"].bool,
   error: _propTypes["default"].string
 };
-var RawInputSwitch = function RawInputSwitch(_ref) {
-  var classes = _ref.classes,
-    className = _ref.className,
+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(_Switch["default"], {
-    className: classes.switchRoot,
+  }, /*#__PURE__*/_react["default"].createElement(StyledSwitch, {
     checked: checked,
     onChange: onChange,
     "aria-label": label
   }));
 };
-RawInputSwitch.propTypes = _objectSpread({}, InputTypes);
-var InputSwitch = (0, _styles.withStyles)({
-  switchRoot: {
-    justifyContent: 'inherit',
-    transform: 'translate(-20%, 20%)'
-  }
-})(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;
+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(_Checkbox["default"], {
-    className: (0, _classnames["default"])(classes.checkboxRoot, error && classes.error),
+  }, /*#__PURE__*/_react["default"].createElement(StyledCheckbox, {
     disabled: disabled,
     checked: checked,
     onChange: onChange,
-    "aria-label": label
+    "aria-label": label,
+    error: error
   }));
 };
-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;
+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(_Radio["default"], {
-    className: (0, _classnames["default"])(classes.radioRoot, error && classes.error),
+  }, /*#__PURE__*/_react["default"].createElement(StyledRadio, {
     disabled: disabled,
     checked: checked,
     onChange: onChange,
-    "aria-label": label
+    "aria-label": label,
+    error: error
   }));
 };
-RawInputRadio.propTypes = _objectSpread({}, InputTypes);
-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 (theme) {
-  return {
-    radioRoot: {
-      transform: 'translate(-20%, 20%)'
-    },
-    error: {
-      color: theme.palette.error.main
-    }
-  };
-})(RawInputRadio);
-exports.InputRadio = InputRadio;
+InputRadio.propTypes = _objectSpread({}, InputTypes);
 //# sourceMappingURL=inputs.js.map

package/lib/inputs.js.map

@@ -1 +1 @@
-{"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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"}
+{"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 { 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';\nimport { color } from '@pie-lib/render-ui';\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\n        disabled={disabled}\n        checked={checked}\n        onChange={onChange}\n        aria-label={label}\n        error={error}\n      />\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\n        disabled={disabled}\n        checked={checked}\n        onChange={onChange}\n        aria-label={label}\n        error={error}\n      />\n    </InputContainer>\n  );\n};\n\nInputRadio.propTypes = { ...InputTypes };\n\nexport { InputSwitch, InputCheckbox, InputRadio };\n"],"mappings":"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","ignoreList":[]}

package/lib/langs.js

@@ -4,53 +4,52 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.RawLangs = exports.LanguageControls = void 0;
+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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _Input = _interopRequireDefault(require("@material-ui/core/Input"));
-var _InputLabel = _interopRequireDefault(require("@material-ui/core/InputLabel"));
+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 _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 _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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _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 styles = function styles(theme) {
+var StyledRoot = (0, _styles.styled)('div')(function () {
   return {
-    root: {
-      flexDirection: 'column',
-      alignItems: 'start',
-      display: 'flex',
-      position: 'relative',
-      paddingTop: '0px',
-      paddingRight: '0px'
-    },
-    formControl: {
-      position: 'initial'
-    },
-    inputLabel: {
-      paddingBottom: theme.spacing.unit
-    }
+    flexDirection: 'column',
+    alignItems: 'start',
+    display: 'flex',
+    position: 'relative',
+    paddingTop: '0px',
+    paddingRight: '0px'
   };
-};
-var RawLangs = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(RawLangs, _React$Component);
-  var _super = _createSuper(RawLangs);
-  function RawLangs(props) {
+});
+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, RawLangs);
-    _this = _super.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "choose", function (event) {
+    (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);
@@ -59,21 +58,16 @@ var RawLangs = /*#__PURE__*/function (_React$Component) {
     _this.uid = props.uid || (Math.random() * 10000).toFixed();
     return _this;
   }
-  (0, _createClass2["default"])(RawLangs, [{
+  (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,
-        classes = _this$props.classes;
+        label = _this$props.label;
       log('[render] selected:', selected);
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.root
-      }, /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
-        className: classes.formControl
-      }, /*#__PURE__*/_react["default"].createElement(_InputLabel["default"], {
-        className: classes.inputLabel,
+      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,
@@ -89,40 +83,32 @@ var RawLangs = /*#__PURE__*/function (_React$Component) {
       }))));
     }
   }]);
-  return RawLangs;
 }(_react["default"].Component);
-exports.RawLangs = RawLangs;
-(0, _defineProperty2["default"])(RawLangs, "propTypes", {
+(0, _defineProperty2["default"])(Langs, "propTypes", {
   onChange: _propTypes["default"].func,
   langs: _propTypes["default"].array,
   selected: _propTypes["default"].string,
   label: _propTypes["default"].string,
-  classes: _propTypes["default"].object.isRequired,
   uid: _propTypes["default"].string
 });
-var Langs = (0, _styles.withStyles)(styles, {
-  name: 'Langs'
-})(RawLangs);
-var _default = Langs;
-exports["default"] = _default;
-var LanguageControls = (0, _styles.withStyles)({
-  languageControls: {
+var _default = exports["default"] = Langs;
+var StyledLanguageControls = (0, _styles.styled)('div')(function () {
+  return {
     display: 'grid',
     gridAutoFlow: 'column',
     gridAutoColumns: '1fr',
     gridGap: '8px'
-  }
-})(function (_ref) {
-  var classes = _ref.classes,
-    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
+  };
+});
+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,
@@ -138,13 +124,13 @@ var LanguageControls = (0, _styles.withStyles)({
       return onDefaultLangChange(l);
     }
   }));
-});
-exports.LanguageControls = LanguageControls;
+};
 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
+  onDefaultLangChange: _propTypes["default"].func.isRequired,
+  className: _propTypes["default"].string
 };
 //# sourceMappingURL=langs.js.map

package/lib/langs.js.map

@@ -1 +1 @@
-{"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":";;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,WAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,SAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,YAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,MAAA,GAAAV,sBAAA,CAAAC,OAAA;AAA0B,SAAAU,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAV,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAI,CAAA;AAE1B,IAAMC,GAAG,GAAG,IAAAC,iBAAK,EAAC,8BAA8B,CAAC;AAEjD,IAAMC,MAAM,GAAG,SAATA,MAAMA,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI,EAAE;MACJC,aAAa,EAAE,QAAQ;MACvBC,UAAU,EAAE,OAAO;MACnBC,OAAO,EAAE,MAAM;MACfC,QAAQ,EAAE,UAAU;MACpBC,UAAU,EAAE,KAAK;MACjBC,YAAY,EAAE;IAChB,CAAC;IACDC,WAAW,EAAE;MACXH,QAAQ,EAAE;IACZ,CAAC;IACDI,UAAU,EAAE;MACVC,aAAa,EAAEV,KAAK,CAACW,OAAO,CAACC;IAC/B;EACF,CAAC;AAAA,CAAC;AAAC,IAEUC,QAAQ,0BAAAC,gBAAA;EAAA,IAAAC,UAAA,aAAAF,QAAA,EAAAC,gBAAA;EAAA,IAAAE,MAAA,GAAAzC,YAAA,CAAAsC,QAAA;EAUnB,SAAAA,SAAYI,KAAK,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,mBAAAN,QAAA;IACjBK,KAAA,GAAAF,MAAA,CAAArB,IAAA,OAAMsB,KAAK;IAAE,IAAAG,gBAAA,iBAAAC,uBAAA,aAAAH,KAAA,aAIN,UAACI,KAAK,EAAK;MAClBzB,GAAG,CAAC,kBAAkB,EAAEyB,KAAK,CAAC;MAE9B,IAAIJ,KAAA,CAAKD,KAAK,CAACM,QAAQ,EAAE;QACvBL,KAAA,CAAKD,KAAK,CAACM,QAAQ,CAACD,KAAK,CAACE,MAAM,CAACC,KAAK,CAAC;MACzC;IACF,CAAC;IATCP,KAAA,CAAKQ,GAAG,GAAGT,KAAK,CAACS,GAAG,IAAI,CAACC,IAAI,CAACC,MAAM,CAAC,CAAC,GAAG,KAAK,EAAEC,OAAO,CAAC,CAAC;IAAC,OAAAX,KAAA;EAC5D;EAAC,IAAAY,aAAA,aAAAjB,QAAA;IAAAkB,GAAA;IAAAN,KAAA,EAUD,SAAAO,OAAA,EAAS;MACP,IAAAC,WAAA,GAA0C,IAAI,CAAChB,KAAK;QAA9CiB,KAAK,GAAAD,WAAA,CAALC,KAAK;QAAEC,QAAQ,GAAAF,WAAA,CAARE,QAAQ;QAAEC,KAAK,GAAAH,WAAA,CAALG,KAAK;QAAEC,OAAO,GAAAJ,WAAA,CAAPI,OAAO;MAErCxC,GAAG,CAAC,oBAAoB,EAAEsC,QAAQ,CAAC;MAEnC,oBACEnE,MAAA,YAAAsE,aAAA;QAAKC,SAAS,EAAEF,OAAO,CAACpC;MAAK,gBAC3BjC,MAAA,YAAAsE,aAAA,CAACjE,YAAA,WAAW;QAACkE,SAAS,EAAEF,OAAO,CAAC7B;MAAY,gBAC1CxC,MAAA,YAAAsE,aAAA,CAACxE,WAAA,WAAU;QAACyE,SAAS,EAAEF,OAAO,CAAC5B,UAAW;QAAC+B,OAAO,EAAE,IAAI,CAACd;MAAI,GAC1DU,KACS,CAAC,eAEbpE,MAAA,YAAAsE,aAAA,CAACnE,OAAA,WAAM;QAACsD,KAAK,EAAEU,QAAS;QAACZ,QAAQ,EAAE,IAAI,CAACkB,MAAO;QAACC,KAAK,eAAE1E,MAAA,YAAAsE,aAAA,CAAC3E,MAAA,WAAK;UAACgF,EAAE,EAAE,IAAI,CAACjB;QAAI,CAAE;MAAE,GAC5EQ,KAAK,CAACU,GAAG,CAAC,UAACC,CAAC,EAAEC,KAAK;QAAA,oBAClB9E,MAAA,YAAAsE,aAAA,CAAClE,SAAA,WAAQ;UAAC2D,GAAG,EAAEe,KAAM;UAACrB,KAAK,EAAEoB;QAAE,GAC5BA,CACO,CAAC;MAAA,CACZ,CACK,CACG,CACV,CAAC;IAEV;EAAC;EAAA,OAAAhC,QAAA;AAAA,EA7C2BkC,iBAAK,CAACC,SAAS;AAAAC,OAAA,CAAApC,QAAA,GAAAA,QAAA;AAAA,IAAAO,gBAAA,aAAhCP,QAAQ,eACA;EACjBU,QAAQ,EAAE2B,qBAAS,CAACC,IAAI;EACxBjB,KAAK,EAAEgB,qBAAS,CAACE,KAAK;EACtBjB,QAAQ,EAAEe,qBAAS,CAACG,MAAM;EAC1BjB,KAAK,EAAEc,qBAAS,CAACG,MAAM;EACvBhB,OAAO,EAAEa,qBAAS,CAACI,MAAM,CAACC,UAAU;EACpC7B,GAAG,EAAEwB,qBAAS,CAACG;AACjB,CAAC;AAwCH,IAAMG,KAAK,GAAG,IAAAC,kBAAU,EAAC1D,MAAM,EAAE;EAAE2D,IAAI,EAAE;AAAQ,CAAC,CAAC,CAAC7C,QAAQ,CAAC;AAAC,IAAA8C,QAAA,GAC/CH,KAAK;AAAAP,OAAA,cAAAU,QAAA;AAEb,IAAMC,gBAAgB,GAAG,IAAAH,kBAAU,EAAC;EACzCI,gBAAgB,EAAE;IAChBzD,OAAO,EAAE,MAAM;IACf0D,YAAY,EAAE,QAAQ;IACtBC,eAAe,EAAE,KAAK;IACtBC,OAAO,EAAE;EACX;AACF,CAAC,CAAC,CAAC,UAAAC,IAAA,EAAqG;EAAA,IAAlG5B,OAAO,GAAA4B,IAAA,CAAP5B,OAAO;IAAEH,KAAK,GAAA+B,IAAA,CAAL/B,KAAK;IAAEgC,UAAU,GAAAD,IAAA,CAAVC,UAAU;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IAAEC,kBAAkB,GAAAH,IAAA,CAAlBG,kBAAkB;IAAEC,mBAAmB,GAAAJ,IAAA,CAAnBI,mBAAmB;IAAE9B,SAAS,GAAA0B,IAAA,CAAT1B,SAAS;EAC/F,IAAM+B,KAAK,GAAG,IAAAC,sBAAU,EAAClC,OAAO,CAACwB,gBAAgB,EAAEtB,SAAS,CAAC;EAE7D,oBACEvE,MAAA,YAAAsE,aAAA;IAAKC,SAAS,EAAE+B;EAAM,gBACpBtG,MAAA,YAAAsE,aAAA,CAACkB,KAAK;IACJpB,KAAK,EAAC,yBAAyB;IAC/BF,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAE+B,UAAW;IACrB3C,QAAQ,EAAE,SAAAA,SAACsB,CAAC;MAAA,OAAKuB,kBAAkB,CAACvB,CAAC,CAAC;IAAA;EAAC,CACxC,CAAC,eACF7E,MAAA,YAAAsE,aAAA,CAACkB,KAAK;IAACpB,KAAK,EAAC,kBAAkB;IAACF,KAAK,EAAEA,KAAM;IAACC,QAAQ,EAAEgC,WAAY;IAAC5C,QAAQ,EAAE,SAAAA,SAACsB,CAAC;MAAA,OAAKwB,mBAAmB,CAACxB,CAAC,CAAC;IAAA;EAAC,CAAE,CAC5G,CAAC;AAEV,CAAC,CAAC;AAACI,OAAA,CAAAW,gBAAA,GAAAA,gBAAA;AAEHA,gBAAgB,CAACY,SAAS,GAAG;EAC3BtC,KAAK,EAAEgB,qBAAS,CAACE,KAAK;EACtBc,UAAU,EAAEhB,qBAAS,CAACG,MAAM,CAACE,UAAU;EACvCY,WAAW,EAAEjB,qBAAS,CAACG,MAAM,CAACE,UAAU;EACxCa,kBAAkB,EAAElB,qBAAS,CAACC,IAAI,CAACI,UAAU;EAC7Cc,mBAAmB,EAAEnB,qBAAS,CAACC,IAAI,CAACI;AACtC,CAAC"}
+{"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}>\n            {label}\n          </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 = ({ langs, activeLang, defaultLang, onActiveLangChange, onDefaultLangChange, className }) => {\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":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,SAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,YAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,MAAA,GAAAT,sBAAA,CAAAC,OAAA;AAA0B,SAAAS,WAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,WAAAD,CAAA,OAAAE,gBAAA,aAAAF,CAAA,OAAAG,2BAAA,aAAAJ,CAAA,EAAAK,yBAAA,KAAAC,OAAA,CAAAC,SAAA,CAAAN,CAAA,EAAAC,CAAA,YAAAC,gBAAA,aAAAH,CAAA,EAAAQ,WAAA,IAAAP,CAAA,CAAAQ,KAAA,CAAAT,CAAA,EAAAE,CAAA;AAAA,SAAAG,0BAAA,cAAAL,CAAA,IAAAU,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAP,OAAA,CAAAC,SAAA,CAAAG,OAAA,iCAAAV,CAAA,aAAAK,yBAAA,YAAAA,0BAAA,aAAAL,CAAA;AAE1B,IAAMc,GAAG,GAAG,IAAAC,iBAAK,EAAC,8BAA8B,CAAC;AAEjD,IAAMC,UAAU,GAAG,IAAAC,cAAM,EAAC,KAAK,CAAC,CAAC;EAAA,OAAO;IACtCC,aAAa,EAAE,QAAQ;IACvBC,UAAU,EAAE,OAAO;IACnBC,OAAO,EAAE,MAAM;IACfC,QAAQ,EAAE,UAAU;IACpBC,UAAU,EAAE,KAAK;IACjBC,YAAY,EAAE;EAChB,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMC,iBAAiB,GAAG,IAAAP,cAAM,EAACQ,uBAAW,CAAC,CAAC;EAAA,OAAO;IACnDJ,QAAQ,EAAE;EACZ,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMK,gBAAgB,GAAG,IAAAT,cAAM,EAACU,sBAAU,CAAC,CAAC,UAAAC,IAAA;EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAAA,OAAQ;IAC1DC,aAAa,EAAED,KAAK,CAACE,OAAO,CAAC,CAAC;EAChC,CAAC;AAAA,CAAC,CAAC;AAAC,IAESC,KAAK,GAAAC,OAAA,CAAAD,KAAA,0BAAAE,gBAAA;EAShB,SAAAF,MAAYG,KAAK,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,mBAAAL,KAAA;IACjBI,KAAA,GAAArC,UAAA,OAAAiC,KAAA,GAAMG,KAAK;IAAE,IAAAG,gBAAA,aAAAF,KAAA,YAIN,UAACG,KAAK,EAAK;MAClBzB,GAAG,CAAC,kBAAkB,EAAEyB,KAAK,CAAC;MAE9B,IAAIH,KAAA,CAAKD,KAAK,CAACK,QAAQ,EAAE;QACvBJ,KAAA,CAAKD,KAAK,CAACK,QAAQ,CAACD,KAAK,CAACE,MAAM,CAACC,KAAK,CAAC;MACzC;IACF,CAAC;IATCN,KAAA,CAAKO,GAAG,GAAGR,KAAK,CAACQ,GAAG,IAAI,CAACC,IAAI,CAACC,MAAM,CAAC,CAAC,GAAG,KAAK,EAAEC,OAAO,CAAC,CAAC;IAAC,OAAAV,KAAA;EAC5D;EAAC,IAAAW,UAAA,aAAAf,KAAA,EAAAE,gBAAA;EAAA,WAAAc,aAAA,aAAAhB,KAAA;IAAAiB,GAAA;IAAAP,KAAA,EAUD,SAAAQ,MAAMA,CAAA,EAAG;MACP,IAAAC,WAAA,GAAiC,IAAI,CAAChB,KAAK;QAArCiB,KAAK,GAAAD,WAAA,CAALC,KAAK;QAAEC,QAAQ,GAAAF,WAAA,CAARE,QAAQ;QAAEC,KAAK,GAAAH,WAAA,CAALG,KAAK;MAE5BxC,GAAG,CAAC,oBAAoB,EAAEuC,QAAQ,CAAC;MAEnC,oBACE5D,MAAA,YAAA8D,aAAA,CAACvC,UAAU,qBACTvB,MAAA,YAAA8D,aAAA,CAAC/B,iBAAiB,qBAChB/B,MAAA,YAAA8D,aAAA,CAAC7B,gBAAgB;QAAC8B,OAAO,EAAE,IAAI,CAACb;MAAI,GACjCW,KACe,CAAC,eAEnB7D,MAAA,YAAA8D,aAAA,CAAC5D,OAAA,WAAM;QAAC+C,KAAK,EAAEW,QAAS;QAACb,QAAQ,EAAE,IAAI,CAACiB,MAAO;QAACC,KAAK,eAAEjE,MAAA,YAAA8D,aAAA,CAACnE,MAAA,WAAK;UAACuE,EAAE,EAAE,IAAI,CAAChB;QAAI,CAAE;MAAE,GAC5ES,KAAK,CAACQ,GAAG,CAAC,UAACC,CAAC,EAAEC,KAAK;QAAA,oBAClBrE,MAAA,YAAA8D,aAAA,CAAC3D,SAAA,WAAQ;UAACqD,GAAG,EAAEa,KAAM;UAACpB,KAAK,EAAEmB;QAAE,GAC5BA,CACO,CAAC;MAAA,CACZ,CACK,CACS,CACT,CAAC;IAEjB;EAAC;AAAA,EA5CwBE,iBAAK,CAACC,SAAS;AAAA,IAAA1B,gBAAA,aAA7BN,KAAK,eACG;EACjBQ,QAAQ,EAAEyB,qBAAS,CAACC,IAAI;EACxBd,KAAK,EAAEa,qBAAS,CAACE,KAAK;EACtBd,QAAQ,EAAEY,qBAAS,CAACG,MAAM;EAC1Bd,KAAK,EAAEW,qBAAS,CAACG,MAAM;EACvBzB,GAAG,EAAEsB,qBAAS,CAACG;AACjB,CAAC;AAAA,IAAAC,QAAA,GAAApC,OAAA,cAuCYD,KAAK;AAEpB,IAAMsC,sBAAsB,GAAG,IAAArD,cAAM,EAAC,KAAK,CAAC,CAAC;EAAA,OAAO;IAClDG,OAAO,EAAE,MAAM;IACfmD,YAAY,EAAE,QAAQ;IACtBC,eAAe,EAAE,KAAK;IACtBC,OAAO,EAAE;EACX,CAAC;AAAA,CAAC,CAAC;AAEI,IAAMC,gBAAgB,GAAAzC,OAAA,CAAAyC,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAAC,KAAA,EAA+F;EAAA,IAAzFvB,KAAK,GAAAuB,KAAA,CAALvB,KAAK;IAAEwB,UAAU,GAAAD,KAAA,CAAVC,UAAU;IAAEC,WAAW,GAAAF,KAAA,CAAXE,WAAW;IAAEC,kBAAkB,GAAAH,KAAA,CAAlBG,kBAAkB;IAAEC,mBAAmB,GAAAJ,KAAA,CAAnBI,mBAAmB;IAAEC,SAAS,GAAAL,KAAA,CAATK,SAAS;EACnH,oBACEvF,MAAA,YAAA8D,aAAA,CAACe,sBAAsB;IAACU,SAAS,EAAEA;EAAU,gBAC3CvF,MAAA,YAAA8D,aAAA,CAACvB,KAAK;IACJsB,KAAK,EAAC,yBAAyB;IAC/BF,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEuB,UAAW;IACrBpC,QAAQ,EAAE,SAAVA,QAAQA,CAAGqB,CAAC;MAAA,OAAKiB,kBAAkB,CAACjB,CAAC,CAAC;IAAA;EAAC,CACxC,CAAC,eACFpE,MAAA,YAAA8D,aAAA,CAACvB,KAAK;IAACsB,KAAK,EAAC,kBAAkB;IAACF,KAAK,EAAEA,KAAM;IAACC,QAAQ,EAAEwB,WAAY;IAACrC,QAAQ,EAAE,SAAVA,QAAQA,CAAGqB,CAAC;MAAA,OAAKkB,mBAAmB,CAAClB,CAAC,CAAC;IAAA;EAAC,CAAE,CACzF,CAAC;AAE7B,CAAC;AAEDa,gBAAgB,CAACO,SAAS,GAAG;EAC3B7B,KAAK,EAAEa,qBAAS,CAACE,KAAK;EACtBS,UAAU,EAAEX,qBAAS,CAACG,MAAM,CAACc,UAAU;EACvCL,WAAW,EAAEZ,qBAAS,CAACG,MAAM,CAACc,UAAU;EACxCJ,kBAAkB,EAAEb,qBAAS,CAACC,IAAI,CAACgB,UAAU;EAC7CH,mBAAmB,EAAEd,qBAAS,CAACC,IAAI,CAACgB,UAAU;EAC9CF,SAAS,EAAEf,qBAAS,CAACG;AACvB,CAAC","ignoreList":[]}