@pie-element/boilerplate-item-type 5.3.4-next.3 → 6.0.0-beta.1

package/CHANGELOG.md

@@ -3,17 +3,6 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [5.3.3](https://github.com/pie-framework/pie-elements/compare/@pie-element/boilerplate-item-type@5.3.2...@pie-element/boilerplate-item-type@5.3.3) (2025-11-27)
-
-
-### Bug Fixes
-
-* bump libs PD-5274, PD-5211, PD-5248 ([7610b25](https://github.com/pie-framework/pie-elements/commit/7610b25423956b6492f33322513b3430051fca77))
-
-
-
-
-
 ## [5.3.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/boilerplate-item-type@5.3.1...@pie-element/boilerplate-item-type@5.3.2) (2025-10-22)
 
 

package/configure/CHANGELOG.md

@@ -3,17 +3,6 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [4.3.3](https://github.com/pie-framework/pie-elements/compare/@pie-element/boilerplate-item-type-configure@4.3.2...@pie-element/boilerplate-item-type-configure@4.3.3) (2025-11-27)
-
-
-### Bug Fixes
-
-* bump libs PD-5274, PD-5211, PD-5248 ([7610b25](https://github.com/pie-framework/pie-elements/commit/7610b25423956b6492f33322513b3430051fca77))
-
-
-
-
-
 ## [4.3.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/boilerplate-item-type-configure@4.3.1...@pie-element/boilerplate-item-type-configure@4.3.2) (2025-10-22)
 
 

package/configure/lib/defaults.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 // Should be exactly the same as controller/defaults.js
-var _default = {
+var _default = exports.default = {
   model: {
     prompt: '',
     promptEnabled: true
@@ -17,5 +17,4 @@ var _default = {
     }
   }
 };
-exports["default"] = _default;
 //# sourceMappingURL=defaults.js.map

package/configure/lib/defaults.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/defaults.js"],"names":["model","prompt","promptEnabled","configuration","label","settings"],"mappings":";;;;;;AAAA;eACe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE,EADH;AAELC,IAAAA,aAAa,EAAE;AAFV,GADM;AAKbC,EAAAA,aAAa,EAAE;AACbF,IAAAA,MAAM,EAAE;AACNG,MAAAA,KAAK,EAAE,QADD;AAENC,MAAAA,QAAQ,EAAE;AAFJ;AADK;AALF,C","sourcesContent":["// Should be exactly the same as controller/defaults.js\nexport default {\n  model: {\n    prompt: '',\n    promptEnabled: true,\n  },\n  configuration: {\n    prompt: {\n      label: 'Prompt',\n      settings: true,\n    },\n  },\n};\n"],"file":"defaults.js"}
+{"version":3,"file":"defaults.js","names":["_default","exports","default","model","prompt","promptEnabled","configuration","label","settings"],"sources":["../src/defaults.js"],"sourcesContent":["// Should be exactly the same as controller/defaults.js\nexport default {\n  model: {\n    prompt: '',\n    promptEnabled: true,\n  },\n  configuration: {\n    prompt: {\n      label: 'Prompt',\n      settings: true,\n    },\n  },\n};\n"],"mappings":";;;;;;AAAA;AAAA,IAAAA,QAAA,GAAAC,OAAA,CAAAC,OAAA,GACe;EACbC,KAAK,EAAE;IACLC,MAAM,EAAE,EAAE;IACVC,aAAa,EAAE;EACjB,CAAC;EACDC,aAAa,EAAE;IACbF,MAAM,EAAE;MACNG,KAAK,EAAE,QAAQ;MACfC,QAAQ,EAAE;IACZ;EACF;AACF,CAAC","ignoreList":[]}

package/configure/lib/design.js

@@ -1,158 +1,106 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Design = 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"));
-
+exports.default = exports.Design = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _styles = require("@material-ui/core/styles");
-
+var _styles = require("@mui/material/styles");
 var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
-
 var _configUi = require("@pie-lib/config-ui");
-
-var _editableHtml = _interopRequireDefault(require("@pie-lib/editable-html"));
-
-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 Panel = _configUi.settings.Panel,
-    toggle = _configUi.settings.toggle;
-
-var Design = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Design, _React$Component);
-
-  var _super = _createSuper(Design);
-
-  function Design() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, Design);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onPromptChanged", function (prompt) {
-      var _this$props = _this.props,
-          onModelChanged = _this$props.onModelChanged,
-          model = _this$props.model;
-      var update = (0, _cloneDeep["default"])(model);
+var _renderUi = require("@pie-lib/render-ui");
+var _editableHtmlTipTap = _interopRequireDefault(require("@pie-lib/editable-html-tip-tap"));
+const {
+  Panel,
+  toggle
+} = _configUi.settings;
+const StyledInputContainer = (0, _styles.styled)(_renderUi.InputContainer)(({
+  theme
+}) => ({
+  width: '100%',
+  paddingTop: theme.spacing(1),
+  marginBottom: theme.spacing(2),
+  marginTop: theme.spacing(2)
+}));
+class Design extends _react.default.Component {
+  constructor(...args) {
+    super(...args);
+    (0, _defineProperty2.default)(this, "onPromptChanged", prompt => {
+      const {
+        onModelChanged,
+        model
+      } = this.props;
+      const update = (0, _cloneDeep.default)(model);
       update.prompt = prompt;
       onModelChanged(update);
     });
-    return _this;
   }
-
-  (0, _createClass2["default"])(Design, [{
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          classes = _this$props2.classes,
-          configuration = _this$props2.configuration,
-          imageSupport = _this$props2.imageSupport,
-          model = _this$props2.model,
-          onConfigurationChanged = _this$props2.onConfigurationChanged,
-          onModelChanged = _this$props2.onModelChanged,
-          uploadSoundSupport = _this$props2.uploadSoundSupport;
-
-      var _ref = configuration || {},
-          _ref$contentDimension = _ref.contentDimensions,
-          contentDimensions = _ref$contentDimension === void 0 ? {} : _ref$contentDimension,
-          _ref$prompt = _ref.prompt,
-          prompt = _ref$prompt === void 0 ? {} : _ref$prompt,
-          settingsPanelDisabled = _ref.settingsPanelDisabled;
-
-      var _ref2 = model || {},
-          extraCSSRules = _ref2.extraCSSRules,
-          promptEnabled = _ref2.promptEnabled;
-
-      var panelSettings = {};
-      var panelProperties = {
-        promptEnabled: prompt.settings && toggle(prompt.label)
-      };
-      return /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
-        extraCSSRules: extraCSSRules,
-        dimensions: contentDimensions,
-        hideSettings: settingsPanelDisabled,
-        settings: /*#__PURE__*/_react["default"].createElement(Panel, {
-          model: model,
-          configuration: configuration,
-          onChangeModel: function onChangeModel(model) {
-            return onModelChanged(model);
-          },
-          onChangeConfiguration: onConfigurationChanged,
-          groups: {
-            Settings: panelSettings,
-            Properties: panelProperties
-          }
-        })
-      }, promptEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
-        label: prompt.label || '',
-        className: classes.promptHolder
-      }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
-        className: classes.prompt,
-        markup: model.prompt,
-        onChange: this.onPromptChanged,
-        imageSupport: imageSupport,
-        uploadSoundSupport: uploadSoundSupport,
-        languageCharactersProps: [{
-          language: 'spanish'
-        }, {
-          language: 'special'
-        }]
-      })));
-    }
-  }]);
-  return Design;
-}(_react["default"].Component);
-
+  render() {
+    const {
+      configuration,
+      imageSupport,
+      model,
+      onConfigurationChanged,
+      onModelChanged,
+      uploadSoundSupport
+    } = this.props;
+    const {
+      contentDimensions = {},
+      prompt = {},
+      settingsPanelDisabled
+    } = configuration || {};
+    const {
+      extraCSSRules,
+      promptEnabled
+    } = model || {};
+    const panelSettings = {};
+    const panelProperties = {
+      promptEnabled: prompt.settings && toggle(prompt.label)
+    };
+    return /*#__PURE__*/_react.default.createElement(_configUi.layout.ConfigLayout, {
+      extraCSSRules: extraCSSRules,
+      dimensions: contentDimensions,
+      hideSettings: settingsPanelDisabled,
+      settings: /*#__PURE__*/_react.default.createElement(Panel, {
+        model: model,
+        configuration: configuration,
+        onChangeModel: model => onModelChanged(model),
+        onChangeConfiguration: onConfigurationChanged,
+        groups: {
+          Settings: panelSettings,
+          Properties: panelProperties
+        }
+      })
+    }, promptEnabled && /*#__PURE__*/_react.default.createElement(StyledInputContainer, {
+      label: prompt.label || ''
+    }, /*#__PURE__*/_react.default.createElement(_editableHtmlTipTap.default, {
+      markup: model.prompt,
+      onChange: this.onPromptChanged,
+      imageSupport: imageSupport,
+      uploadSoundSupport: uploadSoundSupport,
+      languageCharactersProps: [{
+        language: 'spanish'
+      }, {
+        language: 'special'
+      }]
+    })));
+  }
+}
 exports.Design = Design;
-(0, _defineProperty2["default"])(Design, "propTypes", {
-  model: _propTypes["default"].object.isRequired,
-  configuration: _propTypes["default"].object.isRequired,
-  classes: _propTypes["default"].object.isRequired,
-  onModelChanged: _propTypes["default"].func.isRequired,
-  onConfigurationChanged: _propTypes["default"].func.isRequired,
-  imageSupport: _propTypes["default"].shape({
-    add: _propTypes["default"].func.isRequired,
-    "delete": _propTypes["default"].func.isRequired
+(0, _defineProperty2.default)(Design, "propTypes", {
+  model: _propTypes.default.object.isRequired,
+  configuration: _propTypes.default.object.isRequired,
+  onModelChanged: _propTypes.default.func.isRequired,
+  onConfigurationChanged: _propTypes.default.func.isRequired,
+  imageSupport: _propTypes.default.shape({
+    add: _propTypes.default.func.isRequired,
+    delete: _propTypes.default.func.isRequired
   }),
-  uploadSoundSupport: _propTypes["default"].object
+  uploadSoundSupport: _propTypes.default.object
 });
-(0, _defineProperty2["default"])(Design, "defaultProps", {});
-
-var _default = (0, _styles.withStyles)(function (theme) {
-  return {
-    promptHolder: {
-      width: '100%',
-      paddingTop: theme.spacing.unit * 2,
-      marginBottom: theme.spacing.unit * 2
-    }
-  };
-})(Design);
-
-exports["default"] = _default;
+(0, _defineProperty2.default)(Design, "defaultProps", {});
+var _default = exports.default = Design;
 //# sourceMappingURL=design.js.map

package/configure/lib/design.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/design.jsx"],"names":["Panel","settings","toggle","Design","prompt","props","onModelChanged","model","update","classes","configuration","imageSupport","onConfigurationChanged","uploadSoundSupport","contentDimensions","settingsPanelDisabled","extraCSSRules","promptEnabled","panelSettings","panelProperties","label","Settings","Properties","promptHolder","onPromptChanged","language","React","Component","PropTypes","object","isRequired","func","shape","add","theme","width","paddingTop","spacing","unit","marginBottom"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport cloneDeep from 'lodash/cloneDeep';\nimport { InputContainer, settings, layout } from '@pie-lib/config-ui';\nimport EditableHtml from '@pie-lib/editable-html';\n\nconst { Panel, toggle } = settings;\n\nexport class Design extends React.Component {\n  static propTypes = {\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    classes: PropTypes.object.isRequired,\n    onModelChanged: PropTypes.func.isRequired,\n    onConfigurationChanged: PropTypes.func.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    uploadSoundSupport: PropTypes.object,\n  };\n\n  static defaultProps = {};\n\n  onPromptChanged = (prompt) => {\n    const { onModelChanged, model } = this.props;\n    const update = cloneDeep(model);\n\n    update.prompt = prompt;\n    onModelChanged(update);\n  };\n\n  render() {\n    const { classes, configuration, imageSupport, model, onConfigurationChanged, onModelChanged, uploadSoundSupport } =\n      this.props;\n    const { contentDimensions = {}, prompt = {}, settingsPanelDisabled } = configuration || {};\n    const { extraCSSRules, promptEnabled } = model || {};\n\n    const panelSettings = {};\n\n    const panelProperties = {\n      promptEnabled: prompt.settings && toggle(prompt.label),\n    };\n\n    return (\n      <layout.ConfigLayout\n        extraCSSRules={extraCSSRules}\n        dimensions={contentDimensions}\n        hideSettings={settingsPanelDisabled}\n        settings={\n          <Panel\n            model={model}\n            configuration={configuration}\n            onChangeModel={(model) => onModelChanged(model)}\n            onChangeConfiguration={onConfigurationChanged}\n            groups={{\n              Settings: panelSettings,\n              Properties: panelProperties,\n            }}\n          />\n        }\n      >\n        {promptEnabled && (\n          <InputContainer label={prompt.label || ''} className={classes.promptHolder}>\n            <EditableHtml\n              className={classes.prompt}\n              markup={model.prompt}\n              onChange={this.onPromptChanged}\n              imageSupport={imageSupport}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n            />\n          </InputContainer>\n        )}\n      </layout.ConfigLayout>\n    );\n  }\n}\n\nexport default withStyles((theme) => ({\n  promptHolder: {\n    width: '100%',\n    paddingTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n}))(Design);\n"],"file":"design.js"}
+{"version":3,"file":"design.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_cloneDeep","_configUi","_renderUi","_editableHtmlTipTap","Panel","toggle","settings","StyledInputContainer","styled","InputContainer","theme","width","paddingTop","spacing","marginBottom","marginTop","Design","React","Component","constructor","args","_defineProperty2","default","prompt","onModelChanged","model","props","update","cloneDeep","render","configuration","imageSupport","onConfigurationChanged","uploadSoundSupport","contentDimensions","settingsPanelDisabled","extraCSSRules","promptEnabled","panelSettings","panelProperties","label","createElement","layout","ConfigLayout","dimensions","hideSettings","onChangeModel","onChangeConfiguration","groups","Settings","Properties","markup","onChange","onPromptChanged","languageCharactersProps","language","exports","PropTypes","object","isRequired","func","shape","add","delete","_default"],"sources":["../src/design.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport cloneDeep from 'lodash/cloneDeep';\nimport { settings, layout } from '@pie-lib/config-ui';\nimport { InputContainer } from '@pie-lib/render-ui'\nimport EditableHtml from '@pie-lib/editable-html-tip-tap';\n\nconst { Panel, toggle } = settings;\n\nconst StyledInputContainer = styled(InputContainer)(({ theme }) => ({\n  width: '100%',\n  paddingTop: theme.spacing(1),\n  marginBottom: theme.spacing(2),\n  marginTop: theme.spacing(2),\n}));\n\nexport class Design extends React.Component {\n  static propTypes = {\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    onModelChanged: PropTypes.func.isRequired,\n    onConfigurationChanged: PropTypes.func.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    uploadSoundSupport: PropTypes.object,\n  };\n\n  static defaultProps = {};\n\n  onPromptChanged = (prompt) => {\n    const { onModelChanged, model } = this.props;\n    const update = cloneDeep(model);\n\n    update.prompt = prompt;\n    onModelChanged(update);\n  };\n\n  render() {\n    const { configuration, imageSupport, model, onConfigurationChanged, onModelChanged, uploadSoundSupport } =\n      this.props;\n    const { contentDimensions = {}, prompt = {}, settingsPanelDisabled } = configuration || {};\n    const { extraCSSRules, promptEnabled } = model || {};\n\n    const panelSettings = {};\n\n    const panelProperties = {\n      promptEnabled: prompt.settings && toggle(prompt.label),\n    };\n\n    return (\n      <layout.ConfigLayout\n        extraCSSRules={extraCSSRules}\n        dimensions={contentDimensions}\n        hideSettings={settingsPanelDisabled}\n        settings={\n          <Panel\n            model={model}\n            configuration={configuration}\n            onChangeModel={(model) => onModelChanged(model)}\n            onChangeConfiguration={onConfigurationChanged}\n            groups={{\n              Settings: panelSettings,\n              Properties: panelProperties,\n            }}\n          />\n        }\n      >\n        {promptEnabled && (\n          <StyledInputContainer label={prompt.label || ''}>\n            <EditableHtml\n              markup={model.prompt}\n              onChange={this.onPromptChanged}\n              imageSupport={imageSupport}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n            />\n          </StyledInputContainer>\n        )}\n      </layout.ConfigLayout>\n    );\n  }\n}\n\nexport default Design;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AACA,IAAAM,mBAAA,GAAAP,sBAAA,CAAAC,OAAA;AAEA,MAAM;EAAEO,KAAK;EAAEC;AAAO,CAAC,GAAGC,kBAAQ;AAElC,MAAMC,oBAAoB,GAAG,IAAAC,cAAM,EAACC,wBAAc,CAAC,CAAC,CAAC;EAAEC;AAAM,CAAC,MAAM;EAClEC,KAAK,EAAE,MAAM;EACbC,UAAU,EAAEF,KAAK,CAACG,OAAO,CAAC,CAAC,CAAC;EAC5BC,YAAY,EAAEJ,KAAK,CAACG,OAAO,CAAC,CAAC,CAAC;EAC9BE,SAAS,EAAEL,KAAK,CAACG,OAAO,CAAC,CAAC;AAC5B,CAAC,CAAC,CAAC;AAEI,MAAMG,MAAM,SAASC,cAAK,CAACC,SAAS,CAAC;EAAAC,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,2BAevBC,MAAM,IAAK;MAC5B,MAAM;QAAEC,cAAc;QAAEC;MAAM,CAAC,GAAG,IAAI,CAACC,KAAK;MAC5C,MAAMC,MAAM,GAAG,IAAAC,kBAAS,EAACH,KAAK,CAAC;MAE/BE,MAAM,CAACJ,MAAM,GAAGA,MAAM;MACtBC,cAAc,CAACG,MAAM,CAAC;IACxB,CAAC;EAAA;EAEDE,MAAMA,CAAA,EAAG;IACP,MAAM;MAAEC,aAAa;MAAEC,YAAY;MAAEN,KAAK;MAAEO,sBAAsB;MAAER,cAAc;MAAES;IAAmB,CAAC,GACtG,IAAI,CAACP,KAAK;IACZ,MAAM;MAAEQ,iBAAiB,GAAG,CAAC,CAAC;MAAEX,MAAM,GAAG,CAAC,CAAC;MAAEY;IAAsB,CAAC,GAAGL,aAAa,IAAI,CAAC,CAAC;IAC1F,MAAM;MAAEM,aAAa;MAAEC;IAAc,CAAC,GAAGZ,KAAK,IAAI,CAAC,CAAC;IAEpD,MAAMa,aAAa,GAAG,CAAC,CAAC;IAExB,MAAMC,eAAe,GAAG;MACtBF,aAAa,EAAEd,MAAM,CAACjB,QAAQ,IAAID,MAAM,CAACkB,MAAM,CAACiB,KAAK;IACvD,CAAC;IAED,oBACE7C,MAAA,CAAA2B,OAAA,CAAAmB,aAAA,CAACxC,SAAA,CAAAyC,MAAM,CAACC,YAAY;MAClBP,aAAa,EAAEA,aAAc;MAC7BQ,UAAU,EAAEV,iBAAkB;MAC9BW,YAAY,EAAEV,qBAAsB;MACpC7B,QAAQ,eACNX,MAAA,CAAA2B,OAAA,CAAAmB,aAAA,CAACrC,KAAK;QACJqB,KAAK,EAAEA,KAAM;QACbK,aAAa,EAAEA,aAAc;QAC7BgB,aAAa,EAAGrB,KAAK,IAAKD,cAAc,CAACC,KAAK,CAAE;QAChDsB,qBAAqB,EAAEf,sBAAuB;QAC9CgB,MAAM,EAAE;UACNC,QAAQ,EAAEX,aAAa;UACvBY,UAAU,EAAEX;QACd;MAAE,CACH;IACF,GAEAF,aAAa,iBACZ1C,MAAA,CAAA2B,OAAA,CAAAmB,aAAA,CAAClC,oBAAoB;MAACiC,KAAK,EAAEjB,MAAM,CAACiB,KAAK,IAAI;IAAG,gBAC9C7C,MAAA,CAAA2B,OAAA,CAAAmB,aAAA,CAACtC,mBAAA,CAAAmB,OAAY;MACX6B,MAAM,EAAE1B,KAAK,CAACF,MAAO;MACrB6B,QAAQ,EAAE,IAAI,CAACC,eAAgB;MAC/BtB,YAAY,EAAEA,YAAa;MAC3BE,kBAAkB,EAAEA,kBAAmB;MACvCqB,uBAAuB,EAAE,CAAC;QAAEC,QAAQ,EAAE;MAAU,CAAC,EAAE;QAAEA,QAAQ,EAAE;MAAU,CAAC;IAAE,CAC7E,CACmB,CAEL,CAAC;EAE1B;AACF;AAACC,OAAA,CAAAxC,MAAA,GAAAA,MAAA;AAAA,IAAAK,gBAAA,CAAAC,OAAA,EAnEYN,MAAM,eACE;EACjBS,KAAK,EAAEgC,kBAAS,CAACC,MAAM,CAACC,UAAU;EAClC7B,aAAa,EAAE2B,kBAAS,CAACC,MAAM,CAACC,UAAU;EAC1CnC,cAAc,EAAEiC,kBAAS,CAACG,IAAI,CAACD,UAAU;EACzC3B,sBAAsB,EAAEyB,kBAAS,CAACG,IAAI,CAACD,UAAU;EACjD5B,YAAY,EAAE0B,kBAAS,CAACI,KAAK,CAAC;IAC5BC,GAAG,EAAEL,kBAAS,CAACG,IAAI,CAACD,UAAU;IAC9BI,MAAM,EAAEN,kBAAS,CAACG,IAAI,CAACD;EACzB,CAAC,CAAC;EACF1B,kBAAkB,EAAEwB,kBAAS,CAACC;AAChC,CAAC;AAAA,IAAArC,gBAAA,CAAAC,OAAA,EAXUN,MAAM,kBAaK,CAAC,CAAC;AAAA,IAAAgD,QAAA,GAAAR,OAAA,CAAAlC,OAAA,GAwDXN,MAAM","ignoreList":[]}

package/configure/lib/index.js

@@ -1,148 +1,96 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
-
+exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
-var _reactDom = _interopRequireDefault(require("react-dom"));
-
+var _client = require("react-dom/client");
 var _design = _interopRequireDefault(require("./design"));
-
 var _pieConfigureEvents = require("@pie-framework/pie-configure-events");
-
 var _defaults = _interopRequireDefault(require("./defaults"));
-
-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; }
-
-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 BoilerplateItemTypeConfigure = /*#__PURE__*/function (_HTMLElement) {
-  (0, _inherits2["default"])(BoilerplateItemTypeConfigure, _HTMLElement);
-
-  var _super = _createSuper(BoilerplateItemTypeConfigure);
+class BoilerplateItemTypeConfigure extends HTMLElement {
+  constructor() {
+    super();
+    this._root = null;
+    this._model = BoilerplateItemTypeConfigure.createDefaultModel();
+    this._configuration = _defaults.default.configuration;
+  }
+  set model(m) {
+    this._model = BoilerplateItemTypeConfigure.createDefaultModel(m);
+    this.render();
+  }
+  set configuration(c) {
+    this._configuration = c;
+    this.render();
+  }
+  connectedCallback() {
+    this.render();
+  }
+  modelChanged(m) {
+    this._model = m;
+    this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model), true);
+    this.render();
+  }
+  onConfigurationChanged(c) {
+    this._configuration = c;
+    this.render();
+  }
 
   /**
-   * This function makes sure you set the default values on the model
-   * @param model
-   * @returns model
+   *
+   * @param {done, progress, file} handler
    */
-  function BoilerplateItemTypeConfigure() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, BoilerplateItemTypeConfigure);
-    _this = _super.call(this);
-    _this._model = BoilerplateItemTypeConfigure.createDefaultModel();
-    _this._configuration = _defaults["default"].configuration;
-    return _this;
+  insertImage(handler) {
+    this.dispatchEvent(new _pieConfigureEvents.InsertImageEvent(handler));
   }
-
-  (0, _createClass2["default"])(BoilerplateItemTypeConfigure, [{
-    key: "model",
-    set: function set(m) {
-      this._model = BoilerplateItemTypeConfigure.createDefaultModel(m);
-      this.render();
-    }
-  }, {
-    key: "configuration",
-    set: function set(c) {
-      this._configuration = c;
-      this.render();
-    }
-  }, {
-    key: "connectedCallback",
-    value: function connectedCallback() {
-      this.render();
-    }
-  }, {
-    key: "modelChanged",
-    value: function modelChanged(m) {
-      this._model = m;
-      this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model), true);
-      this.render();
-    }
-  }, {
-    key: "onConfigurationChanged",
-    value: function onConfigurationChanged(c) {
-      this._configuration = c;
-      this.render();
-    }
-    /**
-     *
-     * @param {done, progress, file} handler
-     */
-
-  }, {
-    key: "insertImage",
-    value: function insertImage(handler) {
-      this.dispatchEvent(new _pieConfigureEvents.InsertImageEvent(handler));
-    }
-  }, {
-    key: "onDeleteImage",
-    value: function onDeleteImage(src, done) {
-      this.dispatchEvent(new _pieConfigureEvents.DeleteImageEvent(src, done));
-    }
-  }, {
-    key: "insertSound",
-    value: function insertSound(handler) {
-      this.dispatchEvent(new _pieConfigureEvents.InsertSoundEvent(handler));
-    }
-  }, {
-    key: "onDeleteSound",
-    value: function onDeleteSound(src, done) {
-      this.dispatchEvent(new _pieConfigureEvents.DeleteSoundEvent(src, done));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      if (this._model) {
-        var el = /*#__PURE__*/_react["default"].createElement(_design["default"], {
-          model: this._model,
-          configuration: this._configuration,
-          onModelChanged: this.modelChanged.bind(this),
-          onConfigurationChanged: this.onConfigurationChanged.bind(this),
-          imageSupport: {
-            add: this.insertImage.bind(this),
-            "delete": this.onDeleteImage.bind(this)
-          },
-          uploadSoundSupport: {
-            add: this.insertSound.bind(this),
-            "delete": this.onDeleteSound.bind(this)
-          }
-        });
-
-        _reactDom["default"].render(el, this);
+  onDeleteImage(src, done) {
+    this.dispatchEvent(new _pieConfigureEvents.DeleteImageEvent(src, done));
+  }
+  insertSound(handler) {
+    this.dispatchEvent(new _pieConfigureEvents.InsertSoundEvent(handler));
+  }
+  onDeleteSound(src, done) {
+    this.dispatchEvent(new _pieConfigureEvents.DeleteSoundEvent(src, done));
+  }
+  render() {
+    if (this._model) {
+      const el = /*#__PURE__*/_react.default.createElement(_design.default, {
+        model: this._model,
+        configuration: this._configuration,
+        onModelChanged: this.modelChanged.bind(this),
+        onConfigurationChanged: this.onConfigurationChanged.bind(this),
+        imageSupport: {
+          add: this.insertImage.bind(this),
+          delete: this.onDeleteImage.bind(this)
+        },
+        uploadSoundSupport: {
+          add: this.insertSound.bind(this),
+          delete: this.onDeleteSound.bind(this)
+        }
+      });
+      if (!this._root) {
+        this._root = (0, _client.createRoot)(this);
       }
+      this._root.render(el);
     }
-  }]);
-  return BoilerplateItemTypeConfigure;
-}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
-
-exports["default"] = BoilerplateItemTypeConfigure;
-(0, _defineProperty2["default"])(BoilerplateItemTypeConfigure, "createDefaultModel", function () {
-  var model = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return _objectSpread(_objectSpread({}, _defaults["default"].model), model);
-});
+  }
+  disconnectedCallback() {
+    if (this._root) {
+      this._root.unmount();
+    }
+  }
+}
+exports.default = BoilerplateItemTypeConfigure;
+/**
+ * This function makes sure you set the default values on the model
+ * @param model
+ * @returns model
+ */
+(0, _defineProperty2.default)(BoilerplateItemTypeConfigure, "createDefaultModel", (model = {}) => ({
+  ..._defaults.default.model,
+  ...model
+}));
 //# sourceMappingURL=index.js.map

package/configure/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["BoilerplateItemTypeConfigure","_model","createDefaultModel","_configuration","defaultValues","configuration","m","render","c","dispatchEvent","ModelUpdatedEvent","handler","InsertImageEvent","src","done","DeleteImageEvent","InsertSoundEvent","DeleteSoundEvent","el","React","createElement","Main","model","onModelChanged","modelChanged","bind","onConfigurationChanged","imageSupport","add","insertImage","onDeleteImage","uploadSoundSupport","insertSound","onDeleteSound","ReactDOM","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAOA;;;;;;;;;;IAEqBA,4B;;;;;AACnB;AACF;AACA;AACA;AACA;AAME,0CAAc;AAAA;;AAAA;AACZ;AACA,UAAKC,MAAL,GAAcD,4BAA4B,CAACE,kBAA7B,EAAd;AACA,UAAKC,cAAL,GAAsBC,qBAAcC,aAApC;AAHY;AAIb;;;;SAED,aAAUC,CAAV,EAAa;AACX,WAAKL,MAAL,GAAcD,4BAA4B,CAACE,kBAA7B,CAAgDI,CAAhD,CAAd;AACA,WAAKC,MAAL;AACD;;;SAED,aAAkBC,CAAlB,EAAqB;AACnB,WAAKL,cAAL,GAAsBK,CAAtB;AACA,WAAKD,MAAL;AACD;;;WAED,6BAAoB;AAClB,WAAKA,MAAL;AACD;;;WAED,sBAAaD,CAAb,EAAgB;AACd,WAAKL,MAAL,GAAcK,CAAd;AACA,WAAKG,aAAL,CAAmB,IAAIC,qCAAJ,CAAsB,KAAKT,MAA3B,CAAnB,EAAuD,IAAvD;AACA,WAAKM,MAAL;AACD;;;WAED,gCAAuBC,CAAvB,EAA0B;AACxB,WAAKL,cAAL,GAAsBK,CAAtB;AAEA,WAAKD,MAAL;AACD;AAED;AACF;AACA;AACA;;;;WACE,qBAAYI,OAAZ,EAAqB;AACnB,WAAKF,aAAL,CAAmB,IAAIG,oCAAJ,CAAqBD,OAArB,CAAnB;AACD;;;WAED,uBAAcE,GAAd,EAAmBC,IAAnB,EAAyB;AACvB,WAAKL,aAAL,CAAmB,IAAIM,oCAAJ,CAAqBF,GAArB,EAA0BC,IAA1B,CAAnB;AACD;;;WAED,qBAAYH,OAAZ,EAAqB;AACnB,WAAKF,aAAL,CAAmB,IAAIO,oCAAJ,CAAqBL,OAArB,CAAnB;AACD;;;WAED,uBAAcE,GAAd,EAAmBC,IAAnB,EAAyB;AACvB,WAAKL,aAAL,CAAmB,IAAIQ,oCAAJ,CAAqBJ,GAArB,EAA0BC,IAA1B,CAAnB;AACD;;;WAED,kBAAS;AACP,UAAI,KAAKb,MAAT,EAAiB;AACf,YAAMiB,EAAE,gBAAGC,kBAAMC,aAAN,CAAoBC,kBAApB,EAA0B;AACnCC,UAAAA,KAAK,EAAE,KAAKrB,MADuB;AAEnCI,UAAAA,aAAa,EAAE,KAAKF,cAFe;AAGnCoB,UAAAA,cAAc,EAAE,KAAKC,YAAL,CAAkBC,IAAlB,CAAuB,IAAvB,CAHmB;AAInCC,UAAAA,sBAAsB,EAAE,KAAKA,sBAAL,CAA4BD,IAA5B,CAAiC,IAAjC,CAJW;AAKnCE,UAAAA,YAAY,EAAE;AACZC,YAAAA,GAAG,EAAE,KAAKC,WAAL,CAAiBJ,IAAjB,CAAsB,IAAtB,CADO;AAEZ,sBAAQ,KAAKK,aAAL,CAAmBL,IAAnB,CAAwB,IAAxB;AAFI,WALqB;AASnCM,UAAAA,kBAAkB,EAAE;AAClBH,YAAAA,GAAG,EAAE,KAAKI,WAAL,CAAiBP,IAAjB,CAAsB,IAAtB,CADa;AAElB,sBAAQ,KAAKQ,aAAL,CAAmBR,IAAnB,CAAwB,IAAxB;AAFU;AATe,SAA1B,CAAX;;AAeAS,6BAAS3B,MAAT,CAAgBW,EAAhB,EAAoB,IAApB;AACD;AACF;;;kDAlFuDiB,W;;;iCAArCnC,4B,wBAMS;AAAA,MAACsB,KAAD,uEAAS,EAAT;AAAA,yCACvBlB,qBAAckB,KADS,GAEvBA,KAFuB;AAAA,C","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport Main from './design';\nimport {\n  ModelUpdatedEvent,\n  DeleteImageEvent,\n  InsertImageEvent,\n  InsertSoundEvent,\n  DeleteSoundEvent,\n} from '@pie-framework/pie-configure-events';\nimport defaultValues from './defaults';\n\nexport default class BoilerplateItemTypeConfigure extends HTMLElement {\n  /**\n   * This function makes sure you set the default values on the model\n   * @param model\n   * @returns model\n   */\n  static createDefaultModel = (model = {}) => ({\n    ...defaultValues.model,\n    ...model,\n  });\n\n  constructor() {\n    super();\n    this._model = BoilerplateItemTypeConfigure.createDefaultModel();\n    this._configuration = defaultValues.configuration;\n  }\n\n  set model(m) {\n    this._model = BoilerplateItemTypeConfigure.createDefaultModel(m);\n    this.render();\n  }\n\n  set configuration(c) {\n    this._configuration = c;\n    this.render();\n  }\n\n  connectedCallback() {\n    this.render();\n  }\n\n  modelChanged(m) {\n    this._model = m;\n    this.dispatchEvent(new ModelUpdatedEvent(this._model), true);\n    this.render();\n  }\n\n  onConfigurationChanged(c) {\n    this._configuration = c;\n\n    this.render();\n  }\n\n  /**\n   *\n   * @param {done, progress, file} handler\n   */\n  insertImage(handler) {\n    this.dispatchEvent(new InsertImageEvent(handler));\n  }\n\n  onDeleteImage(src, done) {\n    this.dispatchEvent(new DeleteImageEvent(src, done));\n  }\n\n  insertSound(handler) {\n    this.dispatchEvent(new InsertSoundEvent(handler));\n  }\n\n  onDeleteSound(src, done) {\n    this.dispatchEvent(new DeleteSoundEvent(src, done));\n  }\n\n  render() {\n    if (this._model) {\n      const el = React.createElement(Main, {\n        model: this._model,\n        configuration: this._configuration,\n        onModelChanged: this.modelChanged.bind(this),\n        onConfigurationChanged: this.onConfigurationChanged.bind(this),\n        imageSupport: {\n          add: this.insertImage.bind(this),\n          delete: this.onDeleteImage.bind(this),\n        },\n        uploadSoundSupport: {\n          add: this.insertSound.bind(this),\n          delete: this.onDeleteSound.bind(this),\n        },\n      });\n\n      ReactDOM.render(el, this);\n    }\n  }\n}\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_client","_design","_pieConfigureEvents","_defaults","BoilerplateItemTypeConfigure","HTMLElement","constructor","_root","_model","createDefaultModel","_configuration","defaultValues","configuration","model","m","render","c","connectedCallback","modelChanged","dispatchEvent","ModelUpdatedEvent","onConfigurationChanged","insertImage","handler","InsertImageEvent","onDeleteImage","src","done","DeleteImageEvent","insertSound","InsertSoundEvent","onDeleteSound","DeleteSoundEvent","el","React","createElement","Main","onModelChanged","bind","imageSupport","add","delete","uploadSoundSupport","createRoot","disconnectedCallback","unmount","exports","default","_defineProperty2"],"sources":["../src/index.js"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport Main from './design';\nimport {\n  ModelUpdatedEvent,\n  DeleteImageEvent,\n  InsertImageEvent,\n  InsertSoundEvent,\n  DeleteSoundEvent,\n} from '@pie-framework/pie-configure-events';\nimport defaultValues from './defaults';\n\nexport default class BoilerplateItemTypeConfigure extends HTMLElement {\n  /**\n   * This function makes sure you set the default values on the model\n   * @param model\n   * @returns model\n   */\n  static createDefaultModel = (model = {}) => ({\n    ...defaultValues.model,\n    ...model,\n  });\n\n  constructor() {\n    super();\n    this._root = null;\n    this._model = BoilerplateItemTypeConfigure.createDefaultModel();\n    this._configuration = defaultValues.configuration;\n  }\n\n  set model(m) {\n    this._model = BoilerplateItemTypeConfigure.createDefaultModel(m);\n    this.render();\n  }\n\n  set configuration(c) {\n    this._configuration = c;\n    this.render();\n  }\n\n  connectedCallback() {\n    this.render();\n  }\n\n  modelChanged(m) {\n    this._model = m;\n    this.dispatchEvent(new ModelUpdatedEvent(this._model), true);\n    this.render();\n  }\n\n  onConfigurationChanged(c) {\n    this._configuration = c;\n\n    this.render();\n  }\n\n  /**\n   *\n   * @param {done, progress, file} handler\n   */\n  insertImage(handler) {\n    this.dispatchEvent(new InsertImageEvent(handler));\n  }\n\n  onDeleteImage(src, done) {\n    this.dispatchEvent(new DeleteImageEvent(src, done));\n  }\n\n  insertSound(handler) {\n    this.dispatchEvent(new InsertSoundEvent(handler));\n  }\n\n  onDeleteSound(src, done) {\n    this.dispatchEvent(new DeleteSoundEvent(src, done));\n  }\n\n  render() {\n    if (this._model) {\n      const el = React.createElement(Main, {\n        model: this._model,\n        configuration: this._configuration,\n        onModelChanged: this.modelChanged.bind(this),\n        onConfigurationChanged: this.onConfigurationChanged.bind(this),\n        imageSupport: {\n          add: this.insertImage.bind(this),\n          delete: this.onDeleteImage.bind(this),\n        },\n        uploadSoundSupport: {\n          add: this.insertSound.bind(this),\n          delete: this.onDeleteSound.bind(this),\n        },\n      });\n\n      if (!this._root) {\n        this._root = createRoot(this);\n      }\n      this._root.render(el);\n    }\n  }\n\n  disconnectedCallback() {\n    if (this._root) {\n      this._root.unmount();\n    }\n  }\n}\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AAOA,IAAAI,SAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEe,MAAMK,4BAA4B,SAASC,WAAW,CAAC;EAWpEC,WAAWA,CAAA,EAAG;IACZ,KAAK,CAAC,CAAC;IACP,IAAI,CAACC,KAAK,GAAG,IAAI;IACjB,IAAI,CAACC,MAAM,GAAGJ,4BAA4B,CAACK,kBAAkB,CAAC,CAAC;IAC/D,IAAI,CAACC,cAAc,GAAGC,iBAAa,CAACC,aAAa;EACnD;EAEA,IAAIC,KAAKA,CAACC,CAAC,EAAE;IACX,IAAI,CAACN,MAAM,GAAGJ,4BAA4B,CAACK,kBAAkB,CAACK,CAAC,CAAC;IAChE,IAAI,CAACC,MAAM,CAAC,CAAC;EACf;EAEA,IAAIH,aAAaA,CAACI,CAAC,EAAE;IACnB,IAAI,CAACN,cAAc,GAAGM,CAAC;IACvB,IAAI,CAACD,MAAM,CAAC,CAAC;EACf;EAEAE,iBAAiBA,CAAA,EAAG;IAClB,IAAI,CAACF,MAAM,CAAC,CAAC;EACf;EAEAG,YAAYA,CAACJ,CAAC,EAAE;IACd,IAAI,CAACN,MAAM,GAAGM,CAAC;IACf,IAAI,CAACK,aAAa,CAAC,IAAIC,qCAAiB,CAAC,IAAI,CAACZ,MAAM,CAAC,EAAE,IAAI,CAAC;IAC5D,IAAI,CAACO,MAAM,CAAC,CAAC;EACf;EAEAM,sBAAsBA,CAACL,CAAC,EAAE;IACxB,IAAI,CAACN,cAAc,GAAGM,CAAC;IAEvB,IAAI,CAACD,MAAM,CAAC,CAAC;EACf;;EAEA;AACF;AACA;AACA;EACEO,WAAWA,CAACC,OAAO,EAAE;IACnB,IAAI,CAACJ,aAAa,CAAC,IAAIK,oCAAgB,CAACD,OAAO,CAAC,CAAC;EACnD;EAEAE,aAAaA,CAACC,GAAG,EAAEC,IAAI,EAAE;IACvB,IAAI,CAACR,aAAa,CAAC,IAAIS,oCAAgB,CAACF,GAAG,EAAEC,IAAI,CAAC,CAAC;EACrD;EAEAE,WAAWA,CAACN,OAAO,EAAE;IACnB,IAAI,CAACJ,aAAa,CAAC,IAAIW,oCAAgB,CAACP,OAAO,CAAC,CAAC;EACnD;EAEAQ,aAAaA,CAACL,GAAG,EAAEC,IAAI,EAAE;IACvB,IAAI,CAACR,aAAa,CAAC,IAAIa,oCAAgB,CAACN,GAAG,EAAEC,IAAI,CAAC,CAAC;EACrD;EAEAZ,MAAMA,CAAA,EAAG;IACP,IAAI,IAAI,CAACP,MAAM,EAAE;MACf,MAAMyB,EAAE,gBAAGC,cAAK,CAACC,aAAa,CAACC,eAAI,EAAE;QACnCvB,KAAK,EAAE,IAAI,CAACL,MAAM;QAClBI,aAAa,EAAE,IAAI,CAACF,cAAc;QAClC2B,cAAc,EAAE,IAAI,CAACnB,YAAY,CAACoB,IAAI,CAAC,IAAI,CAAC;QAC5CjB,sBAAsB,EAAE,IAAI,CAACA,sBAAsB,CAACiB,IAAI,CAAC,IAAI,CAAC;QAC9DC,YAAY,EAAE;UACZC,GAAG,EAAE,IAAI,CAAClB,WAAW,CAACgB,IAAI,CAAC,IAAI,CAAC;UAChCG,MAAM,EAAE,IAAI,CAAChB,aAAa,CAACa,IAAI,CAAC,IAAI;QACtC,CAAC;QACDI,kBAAkB,EAAE;UAClBF,GAAG,EAAE,IAAI,CAACX,WAAW,CAACS,IAAI,CAAC,IAAI,CAAC;UAChCG,MAAM,EAAE,IAAI,CAACV,aAAa,CAACO,IAAI,CAAC,IAAI;QACtC;MACF,CAAC,CAAC;MAEF,IAAI,CAAC,IAAI,CAAC/B,KAAK,EAAE;QACf,IAAI,CAACA,KAAK,GAAG,IAAAoC,kBAAU,EAAC,IAAI,CAAC;MAC/B;MACA,IAAI,CAACpC,KAAK,CAACQ,MAAM,CAACkB,EAAE,CAAC;IACvB;EACF;EAEAW,oBAAoBA,CAAA,EAAG;IACrB,IAAI,IAAI,CAACrC,KAAK,EAAE;MACd,IAAI,CAACA,KAAK,CAACsC,OAAO,CAAC,CAAC;IACtB;EACF;AACF;AAACC,OAAA,CAAAC,OAAA,GAAA3C,4BAAA;AA5FC;AACF;AACA;AACA;AACA;AAJE,IAAA4C,gBAAA,CAAAD,OAAA,EADmB3C,4BAA4B,wBAMnB,CAACS,KAAK,GAAG,CAAC,CAAC,MAAM;EAC3C,GAAGF,iBAAa,CAACE,KAAK;EACtB,GAAGA;AACL,CAAC,CAAC","ignoreList":[]}

package/configure/package.json

@@ -1,20 +1,24 @@
 {
   "name": "@pie-element/boilerplate-item-type-configure",
   "private": true,
-  "version": "4.3.3",
+  "version": "5.0.0-beta.1",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
   "dependencies": {
-    "@material-ui/core": "^3.9.2",
+    "@emotion/react": "^11.14.0",
+    "@emotion/style": "^0.8.0",
+    "@mui/icons-material": "^7.3.4",
+    "@mui/material": "^7.3.4",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/config-ui": "11.30.2",
-    "@pie-lib/editable-html": "11.21.2",
+    "@pie-lib/config-ui": "12.1.0-next.5",
+    "@pie-lib/editable-html-tip-tap": "1.1.0-next.5",
+    "@pie-lib/render-ui": "5.1.0-next.5",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",
     "prop-types": "^15.6.2",
-    "react": "^16.8.1",
-    "react-dom": "^16.8.1"
+    "react": "18.2.0",
+    "react-dom": "18.2.0"
   },
   "author": "",
   "license": "ISC"