@pie-element/boilerplate-item-type 6.0.0-beta.0 → 6.0.0-next.42
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +0 -11
- package/configure/CHANGELOG.md +0 -11
- package/configure/lib/design.js +2 -2
- package/configure/lib/design.js.map +1 -1
- package/configure/package.json +5 -5
- package/controller/package.json +1 -1
- package/module/configure.js +1 -0
- package/module/controller.js +1061 -0
- package/module/demo.js +30 -0
- package/module/element.js +1 -0
- package/module/index.html +21 -0
- package/module/manifest.json +14 -0
- package/module/print-demo.js +68 -0
- package/module/print.html +18 -0
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -3,17 +3,6 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
-
## [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)
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
### Bug Fixes
|
|
10
|
-
|
|
11
|
-
* bump libs PD-5274, PD-5211, PD-5248 ([7610b25](https://github.com/pie-framework/pie-elements/commit/7610b25423956b6492f33322513b3430051fca77))
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
6
|
## [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)
|
|
18
7
|
|
|
19
8
|
|
package/configure/CHANGELOG.md
CHANGED
|
@@ -3,17 +3,6 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
-
## [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)
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
### Bug Fixes
|
|
10
|
-
|
|
11
|
-
* bump libs PD-5274, PD-5211, PD-5248 ([7610b25](https://github.com/pie-framework/pie-elements/commit/7610b25423956b6492f33322513b3430051fca77))
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
6
|
## [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)
|
|
18
7
|
|
|
19
8
|
|
package/configure/lib/design.js
CHANGED
|
@@ -12,7 +12,7 @@ var _styles = require("@mui/material/styles");
|
|
|
12
12
|
var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
|
|
13
13
|
var _configUi = require("@pie-lib/config-ui");
|
|
14
14
|
var _renderUi = require("@pie-lib/render-ui");
|
|
15
|
-
var
|
|
15
|
+
var _editableHtmlTipTap = _interopRequireDefault(require("@pie-lib/editable-html-tip-tap"));
|
|
16
16
|
const {
|
|
17
17
|
Panel,
|
|
18
18
|
toggle
|
|
@@ -76,7 +76,7 @@ class Design extends _react.default.Component {
|
|
|
76
76
|
})
|
|
77
77
|
}, promptEnabled && /*#__PURE__*/_react.default.createElement(StyledInputContainer, {
|
|
78
78
|
label: prompt.label || ''
|
|
79
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
79
|
+
}, /*#__PURE__*/_react.default.createElement(_editableHtmlTipTap.default, {
|
|
80
80
|
markup: model.prompt,
|
|
81
81
|
onChange: this.onPromptChanged,
|
|
82
82
|
imageSupport: imageSupport,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"design.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_cloneDeep","_configUi","_renderUi","
|
|
1
|
+
{"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":"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","ignoreList":[]}
|
package/configure/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pie-element/boilerplate-item-type-configure",
|
|
3
3
|
"private": true,
|
|
4
|
-
"version": "5.0.0-beta.
|
|
4
|
+
"version": "5.0.0-beta.1",
|
|
5
5
|
"description": "",
|
|
6
6
|
"main": "lib/index.js",
|
|
7
7
|
"module": "src/index.js",
|
|
@@ -11,10 +11,10 @@
|
|
|
11
11
|
"@mui/icons-material": "^7.3.4",
|
|
12
12
|
"@mui/material": "^7.3.4",
|
|
13
13
|
"@pie-framework/pie-configure-events": "^1.3.0",
|
|
14
|
-
"@pie-lib/config-ui": "
|
|
15
|
-
"@pie-lib/editable-html": "
|
|
16
|
-
"@pie-lib/render-ui": "
|
|
17
|
-
"debug": "^
|
|
14
|
+
"@pie-lib/config-ui": "12.1.1-next.0",
|
|
15
|
+
"@pie-lib/editable-html-tip-tap": "1.1.1-next.0",
|
|
16
|
+
"@pie-lib/render-ui": "5.1.1-next.0",
|
|
17
|
+
"debug": "^4.1.1",
|
|
18
18
|
"lodash": "^4.17.15",
|
|
19
19
|
"prop-types": "^15.6.2",
|
|
20
20
|
"react": "18.2.0",
|
package/controller/package.json
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{_dll_react_dom as e,_dll_react as t,_dll_prop_types as n,_dll_mui__material_styles as i,_dll_lodash as o,_dll_pie_lib__render_ui as s}from"../../../@pie-lib/shared-module@^3.0.5/module/index.js";import{_dll_pie_lib__config_ui as a}from"../../../@pie-lib/config-module@^3.0.0/module/index.js";import{_dll_pie_lib__editable_html_tip_tap as d}from"../../../@pie-lib/editable-html-module@^6.0.5/module/index.js";var r,l=e;r=l.createRoot,l.hydrateRoot;const u=t,p=n,{styled:h}=i,{cloneDeep:c}=o,{InputContainer:m}=s,{settings:_}=a,{layout:g}=a,b=d,{Panel:C,toggle:E}=_,f=h(m)(({theme:e})=>({width:"100%",paddingTop:e.spacing(1),marginBottom:e.spacing(2),marginTop:e.spacing(2)}));class S extends u.Component{constructor(...e){super(...e),S.prototype.__init.call(this)}static __initStatic(){this.propTypes={model:p.object.isRequired,configuration:p.object.isRequired,onModelChanged:p.func.isRequired,onConfigurationChanged:p.func.isRequired,imageSupport:p.shape({add:p.func.isRequired,delete:p.func.isRequired}),uploadSoundSupport:p.object}}static __initStatic2(){this.defaultProps={}}__init(){this.onPromptChanged=e=>{const{onModelChanged:t,model:n}=this.props,i=c(n);i.prompt=e,t(i)}}render(){const{configuration:e,imageSupport:t,model:n,onConfigurationChanged:i,onModelChanged:o,uploadSoundSupport:s}=this.props,{contentDimensions:a={},prompt:d={},settingsPanelDisabled:r}=e||{},{extraCSSRules:l,promptEnabled:p}=n||{},h={promptEnabled:d.settings&&E(d.label)};return u.createElement(g.ConfigLayout,{extraCSSRules:l,dimensions:a,hideSettings:r,settings:u.createElement(C,{model:n,configuration:e,onChangeModel:e=>o(e),onChangeConfiguration:i,groups:{Settings:{},Properties:h}})},p&&u.createElement(f,{label:d.label||""},u.createElement(b,{markup:n.prompt,onChange:this.onPromptChanged,imageSupport:t,uploadSoundSupport:s,languageCharactersProps:[{language:"spanish"},{language:"special"}]})))}}S.__initStatic(),S.__initStatic2();var v={};Object.defineProperty(v,"__esModule",{value:!0});class P extends CustomEvent{constructor(e,t=!1){super(P.TYPE,{bubbles:!0,detail:{update:e,reset:t}}),this.update=e,this.reset=t}}P.TYPE="model.updated";var T=v.ModelUpdatedEvent=P;class x extends CustomEvent{constructor(e,t){super(x.TYPE,{bubbles:!0,detail:{src:e,done:t}}),this.src=e,this.done=t}}x.TYPE="delete.image";var D=v.DeleteImageEvent=x;class M extends CustomEvent{constructor(e){super(M.TYPE,{bubbles:!0,detail:e}),this.handler=e}}M.TYPE="insert.image";var R=v.InsertImageEvent=M;class Y extends CustomEvent{constructor(e,t){super(Y.TYPE,{bubbles:!0,detail:{src:e,done:t}}),this.src=e,this.done=t}}Y.TYPE="delete.sound";var y=v.DeleteSoundEvent=Y;class I extends CustomEvent{constructor(e){super(I.TYPE,{bubbles:!0,detail:e}),this.handler=e}}I.TYPE="insert.sound";var j=v.InsertSoundEvent=I,q={prompt:"",promptEnabled:!0},w={prompt:{label:"Prompt",settings:!0}};const k=t;class L extends HTMLElement{static __initStatic(){this.createDefaultModel=(e={})=>({...q,...e})}constructor(){super(),this._root=null,this._model=L.createDefaultModel(),this._configuration=w}set model(e){this._model=L.createDefaultModel(e),this.render()}set configuration(e){this._configuration=e,this.render()}connectedCallback(){this.render()}modelChanged(e){this._model=e,this.dispatchEvent(new T(this._model),!0),this.render()}onConfigurationChanged(e){this._configuration=e,this.render()}insertImage(e){this.dispatchEvent(new R(e))}onDeleteImage(e,t){this.dispatchEvent(new D(e,t))}insertSound(e){this.dispatchEvent(new j(e))}onDeleteSound(e,t){this.dispatchEvent(new y(e,t))}render(){if(this._model){const e=k.createElement(S,{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)}});this._root||(this._root=r(this)),this._root.render(e)}}disconnectedCallback(){this._root&&this._root.unmount()}}L.__initStatic();export{L as default};
|