@pie-lib/editable-html 11.0.9-next.14 → 11.0.9
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
CHANGED
|
@@ -3,6 +3,20 @@
|
|
|
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
|
+
## [11.0.9](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@11.0.8...@pie-lib/editable-html@11.0.9) (2023-10-16)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* **editable-html:** add clarifying comments for HTML mode edit tracking PD-2765 ([3870a4d](https://github.com/pie-framework/pie-lib/commit/3870a4d9b2e618ae6f32e6d20713978c4d791b14))
|
|
12
|
+
* **editable-html:** hide DoneButton on active htmlMode PD-2765 ([636a302](https://github.com/pie-framework/pie-lib/commit/636a302ab81016b2de8a16b1e6d96923d25b0592))
|
|
13
|
+
* **editable-html:** Prevent infinite loop in componentDidUpdate by refining isEdited state check PD-2765 ([e858ad0](https://github.com/pie-framework/pie-lib/commit/e858ad030e444b6be1ea57e950e6aa3462b5f60d))
|
|
14
|
+
* **editable-html:** Remove body overflow set by Material-UI and disable dialog scroll lock PD-3233 ([8ab4bde](https://github.com/pie-framework/pie-lib/commit/8ab4bde07fa411ef3cb31794309213bde541b6eb))
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
6
20
|
## [11.0.8](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@11.0.7...@pie-lib/editable-html@11.0.8) (2023-10-03)
|
|
7
21
|
|
|
8
22
|
|
|
@@ -64,6 +64,9 @@ var AltDialog = /*#__PURE__*/function (_React$Component) {
|
|
|
64
64
|
|
|
65
65
|
_this.closeDialog();
|
|
66
66
|
});
|
|
67
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleOverflow", function () {
|
|
68
|
+
document.body.style.removeProperty('overflow');
|
|
69
|
+
});
|
|
67
70
|
var alt = props.alt;
|
|
68
71
|
_this.state = {
|
|
69
72
|
value: alt
|
|
@@ -82,7 +85,9 @@ var AltDialog = /*#__PURE__*/function (_React$Component) {
|
|
|
82
85
|
disablePortal: true,
|
|
83
86
|
onClose: this.closeDialog,
|
|
84
87
|
id: "text-dialog",
|
|
85
|
-
hideBackdrop: true
|
|
88
|
+
hideBackdrop: true,
|
|
89
|
+
disableScrollLock: true,
|
|
90
|
+
onEntered: this.handleOverflow
|
|
86
91
|
}, /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement("div", {
|
|
87
92
|
style: {
|
|
88
93
|
display: 'flex'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/plugins/image/alt-dialog.jsx"],"names":["AltDialog","props","allDialogs","document","querySelectorAll","forEach","s","remove","onDone","value","state","closeDialog","alt","display","paddingTop","event","setState","target","
|
|
1
|
+
{"version":3,"sources":["../../../src/plugins/image/alt-dialog.jsx"],"names":["AltDialog","props","allDialogs","document","querySelectorAll","forEach","s","remove","onDone","value","state","closeDialog","body","style","removeProperty","alt","handleOverflow","display","paddingTop","event","setState","target","fontSize","React","Component","PropTypes","func","isRequired","string"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEaA,S;;;;;AAMX,qBAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AADiB,oGAUL,YAAM;AAClB,UAAMC,UAAU,GAAGC,QAAQ,CAACC,gBAAT,CAA0B,cAA1B,CAAnB;AAEAF,MAAAA,UAAU,CAACG,OAAX,CAAmB,UAASC,CAAT,EAAY;AAC7B,eAAOA,CAAC,CAACC,MAAF,EAAP;AACD,OAFD;AAGD,KAhBkB;AAAA,+FAkBV,YAAM;AACb,UAAQC,MAAR,GAAmB,MAAKP,KAAxB,CAAQO,MAAR;AACA,UAAQC,KAAR,GAAkB,MAAKC,KAAvB,CAAQD,KAAR;AAEAD,MAAAA,MAAM,CAACC,KAAD,CAAN;;AACA,YAAKE,WAAL;AACD,KAxBkB;AAAA,uGA0BF,YAAM;AACrBR,MAAAA,QAAQ,CAACS,IAAT,CAAcC,KAAd,CAAoBC,cAApB,CAAmC,UAAnC;AACD,KA5BkB;AAGjB,QAAQC,GAAR,GAAgBd,KAAhB,CAAQc,GAAR;AAEA,UAAKL,KAAL,GAAa;AACXD,MAAAA,KAAK,EAAEM;AADI,KAAb;AALiB;AAQlB;;;;WAsBD,kBAAS;AAAA;;AACP,UAAQN,KAAR,GAAkB,KAAKC,KAAvB,CAAQD,KAAR;AAEA,0BACE,gCAAC,kBAAD;AACE,QAAA,IAAI,MADN;AAEE,QAAA,aAAa,MAFf;AAGE,QAAA,OAAO,EAAE,KAAKE,WAHhB;AAIE,QAAA,EAAE,EAAC,aAJL;AAKE,QAAA,YAAY,MALd;AAME,QAAA,iBAAiB,MANnB;AAOE,QAAA,SAAS,EAAE,KAAKK;AAPlB,sBASE,gCAAC,yBAAD,qBACE;AAAK,QAAA,KAAK,EAAE;AAAEC,UAAAA,OAAO,EAAE;AAAX;AAAZ,sBACE,gCAAC,wBAAD;AAAc,QAAA,KAAK,EAAE;AAAEC,UAAAA,UAAU,EAAE;AAAd;AAArB,QADF,eAEE,gCAAC,qBAAD;AACE,QAAA,SAAS,MADX;AAEE,QAAA,WAAW,EAAE,6CAFf;AAGE,QAAA,UAAU,EACR,0HAJJ;AAME,QAAA,KAAK,EAAET,KANT;AAOE,QAAA,QAAQ,EAAE,kBAACU,KAAD;AAAA,iBAAW,MAAI,CAACC,QAAL,CAAc;AAAEX,YAAAA,KAAK,EAAEU,KAAK,CAACE,MAAN,CAAaZ;AAAtB,WAAd,CAAX;AAAA,SAPZ;AAQE,QAAA,mBAAmB,EAAE;AAAEI,UAAAA,KAAK,EAAE;AAAES,YAAAA,QAAQ,EAAE;AAAZ;AAAT;AARvB,QAFF,CADF,CATF,eAwBE,gCAAC,yBAAD,qBACE,gCAAC,kBAAD;AAAQ,QAAA,OAAO,EAAE,KAAKd;AAAtB,gBADF,CAxBF,CADF;AA8BD;;;EArE4Be,kBAAMC,S;;;iCAAxBxB,S,eACQ;AACjBQ,EAAAA,MAAM,EAAEiB,sBAAUC,IAAV,CAAeC,UADN;AAEjBZ,EAAAA,GAAG,EAAEU,sBAAUG;AAFE,C;eAuEN5B,S","sourcesContent":["import React from 'react';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport ArrowBackIos from '@material-ui/icons/ArrowBackIos';\nimport TextField from '@material-ui/core/TextField';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport PropTypes from 'prop-types';\n\nexport class AltDialog extends React.Component {\n static propTypes = {\n onDone: PropTypes.func.isRequired,\n alt: PropTypes.string,\n };\n\n constructor(props) {\n super(props);\n\n const { alt } = props;\n\n this.state = {\n value: alt,\n };\n }\n\n closeDialog = () => {\n const allDialogs = document.querySelectorAll('#text-dialog');\n\n allDialogs.forEach(function(s) {\n return s.remove();\n });\n };\n\n onDone = () => {\n const { onDone } = this.props;\n const { value } = this.state;\n\n onDone(value);\n this.closeDialog();\n };\n\n handleOverflow = () => {\n document.body.style.removeProperty('overflow');\n };\n\n render() {\n const { value } = this.state;\n\n return (\n <Dialog\n open\n disablePortal\n onClose={this.closeDialog}\n id=\"text-dialog\"\n hideBackdrop\n disableScrollLock\n onEntered={this.handleOverflow}\n >\n <DialogContent>\n <div style={{ display: 'flex' }}>\n <ArrowBackIos style={{ paddingTop: '6px' }} />\n <TextField\n multiline\n placeholder={'Enter an Alt Text description of this image'}\n helperText={\n 'Users with visual limitations rely on Alt Text, since screen readers cannot otherwise describe the contents of an image.'\n }\n value={value}\n onChange={(event) => this.setState({ value: event.target.value })}\n FormHelperTextProps={{ style: { fontSize: 14 } }}\n />\n </div>\n </DialogContent>\n <DialogActions>\n <Button onClick={this.onDone}>Done</Button>\n </DialogActions>\n </Dialog>\n );\n }\n}\n\nexport default AltDialog;\n"],"file":"alt-dialog.js"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pie-lib/editable-html",
|
|
3
|
-
"version": "11.0.9
|
|
3
|
+
"version": "11.0.9",
|
|
4
4
|
"description": "",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"main": "lib/index.js",
|
|
@@ -47,6 +47,6 @@
|
|
|
47
47
|
"publishConfig": {
|
|
48
48
|
"access": "public"
|
|
49
49
|
},
|
|
50
|
-
"gitHead": "
|
|
50
|
+
"gitHead": "cda593dd0aedaadb7e1fd85f12d72ca3bb03d375",
|
|
51
51
|
"scripts": {}
|
|
52
52
|
}
|
|
@@ -39,11 +39,23 @@ export class AltDialog extends React.Component {
|
|
|
39
39
|
this.closeDialog();
|
|
40
40
|
};
|
|
41
41
|
|
|
42
|
+
handleOverflow = () => {
|
|
43
|
+
document.body.style.removeProperty('overflow');
|
|
44
|
+
};
|
|
45
|
+
|
|
42
46
|
render() {
|
|
43
47
|
const { value } = this.state;
|
|
44
48
|
|
|
45
49
|
return (
|
|
46
|
-
<Dialog
|
|
50
|
+
<Dialog
|
|
51
|
+
open
|
|
52
|
+
disablePortal
|
|
53
|
+
onClose={this.closeDialog}
|
|
54
|
+
id="text-dialog"
|
|
55
|
+
hideBackdrop
|
|
56
|
+
disableScrollLock
|
|
57
|
+
onEntered={this.handleOverflow}
|
|
58
|
+
>
|
|
47
59
|
<DialogContent>
|
|
48
60
|
<div style={{ display: 'flex' }}>
|
|
49
61
|
<ArrowBackIos style={{ paddingTop: '6px' }} />
|