@pie-lib/editable-html 11.18.6-esmbeta.0 → 11.19.0-mui-update.0
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 +37 -0
- package/lib/block-tags.js +2 -3
- package/lib/block-tags.js.map +1 -1
- package/lib/constants.js +3 -6
- package/lib/constants.js.map +1 -1
- package/lib/editor.js +302 -450
- package/lib/editor.js.map +1 -1
- package/lib/index.js +19 -77
- package/lib/index.js.map +1 -1
- package/lib/parse-html.js +7 -7
- package/lib/parse-html.js.map +1 -1
- package/lib/plugins/characters/custom-popper.js +24 -44
- package/lib/plugins/characters/custom-popper.js.map +1 -1
- package/lib/plugins/characters/index.js +9 -60
- package/lib/plugins/characters/index.js.map +1 -1
- package/lib/plugins/characters/utils.js +3 -6
- package/lib/plugins/characters/utils.js.map +1 -1
- package/lib/plugins/css/icons/index.js +13 -25
- package/lib/plugins/css/icons/index.js.map +1 -1
- package/lib/plugins/css/index.js +22 -88
- package/lib/plugins/css/index.js.map +1 -1
- package/lib/plugins/customPlugin/index.js +10 -26
- package/lib/plugins/customPlugin/index.js.map +1 -1
- package/lib/plugins/html/icons/index.js +14 -26
- package/lib/plugins/html/icons/index.js.map +1 -1
- package/lib/plugins/html/index.js +4 -13
- package/lib/plugins/html/index.js.map +1 -1
- package/lib/plugins/image/alt-dialog.js +20 -49
- package/lib/plugins/image/alt-dialog.js.map +1 -1
- package/lib/plugins/image/component.js +119 -190
- package/lib/plugins/image/component.js.map +1 -1
- package/lib/plugins/image/image-toolbar.js +44 -86
- package/lib/plugins/image/image-toolbar.js.map +1 -1
- package/lib/plugins/image/index.js +6 -46
- package/lib/plugins/image/index.js.map +1 -1
- package/lib/plugins/image/insert-image-handler.js +10 -31
- package/lib/plugins/image/insert-image-handler.js.map +1 -1
- package/lib/plugins/index.js +44 -106
- package/lib/plugins/index.js.map +1 -1
- package/lib/plugins/list/index.js +27 -73
- package/lib/plugins/list/index.js.map +1 -1
- package/lib/plugins/math/index.js +64 -116
- package/lib/plugins/math/index.js.map +1 -1
- package/lib/plugins/media/index.js +23 -81
- package/lib/plugins/media/index.js.map +1 -1
- package/lib/plugins/media/media-dialog.js +192 -307
- package/lib/plugins/media/media-dialog.js.map +1 -1
- package/lib/plugins/media/media-toolbar.js +40 -65
- package/lib/plugins/media/media-toolbar.js.map +1 -1
- package/lib/plugins/media/media-wrapper.js +20 -49
- package/lib/plugins/media/media-wrapper.js.map +1 -1
- package/lib/plugins/rendering/index.js +5 -15
- package/lib/plugins/rendering/index.js.map +1 -1
- package/lib/plugins/respArea/drag-in-the-blank/choice.js +175 -249
- package/lib/plugins/respArea/drag-in-the-blank/choice.js.map +1 -1
- package/lib/plugins/respArea/drag-in-the-blank/index.js +39 -29
- package/lib/plugins/respArea/drag-in-the-blank/index.js.map +1 -1
- package/lib/plugins/respArea/explicit-constructed-response/index.js +3 -10
- package/lib/plugins/respArea/explicit-constructed-response/index.js.map +1 -1
- package/lib/plugins/respArea/icons/index.js +22 -45
- package/lib/plugins/respArea/icons/index.js.map +1 -1
- package/lib/plugins/respArea/index.js +5 -59
- package/lib/plugins/respArea/index.js.map +1 -1
- package/lib/plugins/respArea/inline-dropdown/index.js +2 -10
- package/lib/plugins/respArea/inline-dropdown/index.js.map +1 -1
- package/lib/plugins/respArea/math-templated/index.js +92 -109
- package/lib/plugins/respArea/math-templated/index.js.map +1 -1
- package/lib/plugins/respArea/utils.js +8 -40
- package/lib/plugins/respArea/utils.js.map +1 -1
- package/lib/plugins/table/CustomTablePlugin.js +24 -41
- package/lib/plugins/table/CustomTablePlugin.js.map +1 -1
- package/lib/plugins/table/icons/index.js +19 -35
- package/lib/plugins/table/icons/index.js.map +1 -1
- package/lib/plugins/table/index.js +41 -118
- package/lib/plugins/table/index.js.map +1 -1
- package/lib/plugins/table/table-toolbar.js +37 -87
- package/lib/plugins/table/table-toolbar.js.map +1 -1
- package/lib/plugins/textAlign/icons/index.js +18 -64
- package/lib/plugins/textAlign/icons/index.js.map +1 -1
- package/lib/plugins/textAlign/index.js +1 -6
- package/lib/plugins/textAlign/index.js.map +1 -1
- package/lib/plugins/toolbar/default-toolbar.js +30 -79
- package/lib/plugins/toolbar/default-toolbar.js.map +1 -1
- package/lib/plugins/toolbar/done-button.js +16 -34
- package/lib/plugins/toolbar/done-button.js.map +1 -1
- package/lib/plugins/toolbar/editor-and-toolbar.js +174 -201
- package/lib/plugins/toolbar/editor-and-toolbar.js.map +1 -1
- package/lib/plugins/toolbar/index.js +0 -5
- package/lib/plugins/toolbar/index.js.map +1 -1
- package/lib/plugins/toolbar/toolbar-buttons.js +57 -107
- package/lib/plugins/toolbar/toolbar-buttons.js.map +1 -1
- package/lib/plugins/toolbar/toolbar.js +95 -161
- package/lib/plugins/toolbar/toolbar.js.map +1 -1
- package/lib/plugins/utils.js +5 -25
- package/lib/plugins/utils.js.map +1 -1
- package/lib/serialization.js +44 -150
- package/lib/serialization.js.map +1 -1
- package/lib/shared/alert-dialog.js +23 -42
- package/lib/theme.js +1 -2
- package/lib/theme.js.map +1 -1
- package/package.json +15 -21
- package/src/__tests__/utils.js +1 -1
- package/src/editor.jsx +110 -108
- package/src/plugins/characters/custom-popper.js +20 -25
- package/src/plugins/css/icons/index.jsx +11 -13
- package/src/plugins/css/index.jsx +3 -5
- package/src/plugins/html/icons/index.jsx +12 -14
- package/src/plugins/image/alt-dialog.jsx +9 -8
- package/src/plugins/image/component.jsx +67 -87
- package/src/plugins/image/image-toolbar.jsx +26 -26
- package/src/plugins/image/index.jsx +1 -1
- package/src/plugins/index.jsx +10 -10
- package/src/plugins/math/index.jsx +1 -1
- package/src/plugins/media/index.jsx +2 -2
- package/src/plugins/media/media-dialog.js +65 -76
- package/src/plugins/media/media-toolbar.jsx +32 -33
- package/src/plugins/media/media-wrapper.jsx +10 -13
- package/src/plugins/respArea/drag-in-the-blank/choice.jsx +193 -180
- package/src/plugins/respArea/drag-in-the-blank/index.jsx +58 -22
- package/src/plugins/respArea/icons/index.jsx +16 -16
- package/src/plugins/respArea/math-templated/index.jsx +88 -89
- package/src/plugins/respArea/utils.jsx +1 -1
- package/src/plugins/table/icons/index.jsx +14 -16
- package/src/plugins/table/index.jsx +27 -19
- package/src/plugins/table/table-toolbar.jsx +17 -19
- package/src/plugins/textAlign/icons/index.jsx +3 -3
- package/src/plugins/toolbar/__tests__/default-toolbar.test.jsx +1 -1
- package/src/plugins/toolbar/__tests__/toolbar.test.jsx +1 -1
- package/src/plugins/toolbar/default-toolbar.jsx +18 -21
- package/src/plugins/toolbar/done-button.jsx +16 -22
- package/src/plugins/toolbar/editor-and-toolbar.jsx +134 -157
- package/src/plugins/toolbar/toolbar-buttons.jsx +29 -46
- package/src/plugins/toolbar/toolbar.jsx +60 -78
- package/esm/index.js +0 -111560
- package/esm/index.js.map +0 -1
- package/esm/package.json +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_styles","StyledHtmlIcon","styled","_ref","theme","fontFamily","fontSize","typography","fontWeight","lineHeight","position","whiteSpace","HtmlModeIcon","_ref2","isHtmlMode","createElement","_default","exports"],"sources":["../../../../src/plugins/html/icons/index.jsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\n\nconst StyledHtmlIcon = styled('div')(({ theme }) => ({\n fontFamily: 'Cerebri Sans, Arial, sans-serif',\n fontSize: theme.typography.fontSize,\n fontWeight: 'bold',\n lineHeight: '14px',\n position: 'relative',\n whiteSpace: 'nowrap',\n}));\n\nconst HtmlModeIcon = ({ isHtmlMode }) => (\n <StyledHtmlIcon>{isHtmlMode ? 'Exit <HTML> mode' : '<HTML>'}</StyledHtmlIcon>\n);\n\nexport default HtmlModeIcon;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAEA,IAAME,cAAc,GAAG,IAAAC,cAAM,EAAC,KAAK,CAAC,CAAC,UAAAC,IAAA;EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAAA,OAAQ;IACnDC,UAAU,EAAE,iCAAiC;IAC7CC,QAAQ,EAAEF,KAAK,CAACG,UAAU,CAACD,QAAQ;IACnCE,UAAU,EAAE,MAAM;IAClBC,UAAU,EAAE,MAAM;IAClBC,QAAQ,EAAE,UAAU;IACpBC,UAAU,EAAE;EACd,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAAC,KAAA;EAAA,IAAMC,UAAU,GAAAD,KAAA,CAAVC,UAAU;EAAA,oBAChCjB,MAAA,YAAAkB,aAAA,CAACd,cAAc,QAAEa,UAAU,GAAG,kBAAkB,GAAG,QAAyB,CAAC;AAAA,CAC9E;AAAC,IAAAE,QAAA,GAAAC,OAAA,cAEaL,YAAY","ignoreList":[]}
|
|
@@ -1,32 +1,25 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = HtmlPlugin;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _icons = _interopRequireDefault(require("./icons"));
|
|
13
|
-
|
|
14
10
|
var _serialization = require("./../../serialization");
|
|
15
|
-
|
|
16
11
|
var toggleToRichText = function toggleToRichText(value, onChange, dismiss) {
|
|
17
12
|
var plainText = value.document.text;
|
|
18
13
|
var slateValue = dismiss ? value : (0, _serialization.htmlToValue)(plainText);
|
|
19
14
|
var change = value.change().selectAll()["delete"]().insertFragment(slateValue.document);
|
|
20
15
|
onChange(change);
|
|
21
16
|
};
|
|
22
|
-
|
|
23
17
|
function HtmlPlugin(opts) {
|
|
24
18
|
var isHtmlMode = opts.isHtmlMode,
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
19
|
+
isEditedInHtmlMode = opts.isEditedInHtmlMode,
|
|
20
|
+
toggleHtmlMode = opts.toggleHtmlMode,
|
|
21
|
+
handleAlertDialog = opts.handleAlertDialog,
|
|
22
|
+
currentValue = opts.currentValue;
|
|
30
23
|
var handleHtmlModeOn = function handleHtmlModeOn(value, onChange) {
|
|
31
24
|
var dialogProps = {
|
|
32
25
|
title: 'Warning',
|
|
@@ -44,12 +37,10 @@ function HtmlPlugin(opts) {
|
|
|
44
37
|
};
|
|
45
38
|
handleAlertDialog(true, dialogProps);
|
|
46
39
|
};
|
|
47
|
-
|
|
48
40
|
var handleHtmlModeOff = function handleHtmlModeOff(value, onChange) {
|
|
49
41
|
var change = value.change().selectAll()["delete"]().insertText((0, _serialization.valueToHtml)(value));
|
|
50
42
|
onChange(change);
|
|
51
43
|
};
|
|
52
|
-
|
|
53
44
|
return {
|
|
54
45
|
name: 'html',
|
|
55
46
|
toolbar: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_icons","_serialization","toggleToRichText","value","onChange","dismiss","plainText","document","text","slateValue","htmlToValue","change","selectAll","insertFragment","HtmlPlugin","opts","isHtmlMode","isEditedInHtmlMode","toggleHtmlMode","handleAlertDialog","currentValue","handleHtmlModeOn","dialogProps","title","onConfirmText","onCloseText","onConfirm","onClose","handleHtmlModeOff","insertText","valueToHtml","name","toolbar","icon","createElement","ariaLabel","buttonStyles","margin","type","onClick"],"sources":["../../../src/plugins/html/index.jsx"],"sourcesContent":["import React from 'react';\nimport HtmlModeIcon from './icons';\nimport { htmlToValue, valueToHtml } from './../../serialization';\n\nconst toggleToRichText = (value, onChange, dismiss) => {\n const plainText = value.document.text;\n const slateValue = dismiss ? value : htmlToValue(plainText);\n\n const change = value\n .change()\n .selectAll()\n .delete()\n .insertFragment(slateValue.document);\n onChange(change);\n};\n\nexport default function HtmlPlugin(opts) {\n const { isHtmlMode, isEditedInHtmlMode, toggleHtmlMode, handleAlertDialog, currentValue } = opts;\n\n const handleHtmlModeOn = (value, onChange) => {\n const dialogProps = {\n title: 'Warning',\n text: 'Returning to rich text mode without saving will cause edits to be lost.',\n onConfirmText: 'Dismiss changes',\n onCloseText: 'Continue Editing',\n onConfirm: () => {\n handleAlertDialog(false);\n toggleToRichText(currentValue, onChange, true);\n toggleHtmlMode();\n },\n onClose: () => {\n handleAlertDialog(false);\n },\n };\n\n handleAlertDialog(true, dialogProps);\n };\n\n const handleHtmlModeOff = (value, onChange) => {\n const change = value\n .change()\n .selectAll()\n .delete()\n .insertText(valueToHtml(value));\n onChange(change);\n };\n\n return {\n name: 'html',\n toolbar: {\n icon: <HtmlModeIcon isHtmlMode={isHtmlMode} />,\n ariaLabel: 'Html editor',\n buttonStyles: {\n margin: '0 20px 0 auto',\n },\n type: 'html',\n onClick: (value, onChange) => {\n if (isHtmlMode) {\n if (isEditedInHtmlMode) {\n handleHtmlModeOn(value, onChange);\n } else {\n toggleToRichText(value, onChange);\n toggleHtmlMode();\n }\n } else {\n handleHtmlModeOff(value, onChange);\n toggleHtmlMode();\n }\n },\n },\n };\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAEA,IAAMG,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,KAAK,EAAEC,QAAQ,EAAEC,OAAO,EAAK;EACrD,IAAMC,SAAS,GAAGH,KAAK,CAACI,QAAQ,CAACC,IAAI;EACrC,IAAMC,UAAU,GAAGJ,OAAO,GAAGF,KAAK,GAAG,IAAAO,0BAAW,EAACJ,SAAS,CAAC;EAE3D,IAAMK,MAAM,GAAGR,KAAK,CACjBQ,MAAM,CAAC,CAAC,CACRC,SAAS,CAAC,CAAC,UACL,CAAC,CAAC,CACRC,cAAc,CAACJ,UAAU,CAACF,QAAQ,CAAC;EACtCH,QAAQ,CAACO,MAAM,CAAC;AAClB,CAAC;AAEc,SAASG,UAAUA,CAACC,IAAI,EAAE;EACvC,IAAQC,UAAU,GAA0ED,IAAI,CAAxFC,UAAU;IAAEC,kBAAkB,GAAsDF,IAAI,CAA5EE,kBAAkB;IAAEC,cAAc,GAAsCH,IAAI,CAAxDG,cAAc;IAAEC,iBAAiB,GAAmBJ,IAAI,CAAxCI,iBAAiB;IAAEC,YAAY,GAAKL,IAAI,CAArBK,YAAY;EAEvF,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIlB,KAAK,EAAEC,QAAQ,EAAK;IAC5C,IAAMkB,WAAW,GAAG;MAClBC,KAAK,EAAE,SAAS;MAChBf,IAAI,EAAE,yEAAyE;MAC/EgB,aAAa,EAAE,iBAAiB;MAChCC,WAAW,EAAE,kBAAkB;MAC/BC,SAAS,EAAE,SAAXA,SAASA,CAAA,EAAQ;QACfP,iBAAiB,CAAC,KAAK,CAAC;QACxBjB,gBAAgB,CAACkB,YAAY,EAAEhB,QAAQ,EAAE,IAAI,CAAC;QAC9Cc,cAAc,CAAC,CAAC;MAClB,CAAC;MACDS,OAAO,EAAE,SAATA,OAAOA,CAAA,EAAQ;QACbR,iBAAiB,CAAC,KAAK,CAAC;MAC1B;IACF,CAAC;IAEDA,iBAAiB,CAAC,IAAI,EAAEG,WAAW,CAAC;EACtC,CAAC;EAED,IAAMM,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIzB,KAAK,EAAEC,QAAQ,EAAK;IAC7C,IAAMO,MAAM,GAAGR,KAAK,CACjBQ,MAAM,CAAC,CAAC,CACRC,SAAS,CAAC,CAAC,UACL,CAAC,CAAC,CACRiB,UAAU,CAAC,IAAAC,0BAAW,EAAC3B,KAAK,CAAC,CAAC;IACjCC,QAAQ,CAACO,MAAM,CAAC;EAClB,CAAC;EAED,OAAO;IACLoB,IAAI,EAAE,MAAM;IACZC,OAAO,EAAE;MACPC,IAAI,eAAEpC,MAAA,YAAAqC,aAAA,CAAClC,MAAA,WAAY;QAACgB,UAAU,EAAEA;MAAW,CAAE,CAAC;MAC9CmB,SAAS,EAAE,aAAa;MACxBC,YAAY,EAAE;QACZC,MAAM,EAAE;MACV,CAAC;MACDC,IAAI,EAAE,MAAM;MACZC,OAAO,EAAE,SAATA,OAAOA,CAAGpC,KAAK,EAAEC,QAAQ,EAAK;QAC5B,IAAIY,UAAU,EAAE;UACd,IAAIC,kBAAkB,EAAE;YACtBI,gBAAgB,CAAClB,KAAK,EAAEC,QAAQ,CAAC;UACnC,CAAC,MAAM;YACLF,gBAAgB,CAACC,KAAK,EAAEC,QAAQ,CAAC;YACjCc,cAAc,CAAC,CAAC;UAClB;QACF,CAAC,MAAM;UACLU,iBAAiB,CAACzB,KAAK,EAAEC,QAAQ,CAAC;UAClCc,cAAc,CAAC,CAAC;QAClB;MACF;IACF;EACF,CAAC;AACH","ignoreList":[]}
|
|
@@ -1,70 +1,44 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = exports.AltDialog = void 0;
|
|
9
|
-
|
|
10
8
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
-
|
|
12
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
-
|
|
14
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
15
|
-
|
|
16
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
|
-
|
|
18
10
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
19
|
-
|
|
20
11
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
21
|
-
|
|
12
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
22
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
23
|
-
|
|
24
14
|
var _react = _interopRequireDefault(require("react"));
|
|
25
|
-
|
|
26
|
-
var
|
|
27
|
-
|
|
28
|
-
var
|
|
29
|
-
|
|
30
|
-
var
|
|
31
|
-
|
|
32
|
-
var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions"));
|
|
33
|
-
|
|
34
|
-
var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
|
|
35
|
-
|
|
36
|
-
var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
|
|
37
|
-
|
|
15
|
+
var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
|
|
16
|
+
var _ArrowBackIos = _interopRequireDefault(require("@mui/icons-material/ArrowBackIos"));
|
|
17
|
+
var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
|
|
18
|
+
var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
|
|
19
|
+
var _Button = _interopRequireDefault(require("@mui/material/Button"));
|
|
20
|
+
var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
|
|
38
21
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
39
|
-
|
|
40
|
-
function
|
|
41
|
-
|
|
42
|
-
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; } }
|
|
43
|
-
|
|
44
|
-
var AltDialog = /*#__PURE__*/function (_React$Component) {
|
|
45
|
-
(0, _inherits2["default"])(AltDialog, _React$Component);
|
|
46
|
-
|
|
47
|
-
var _super = _createSuper(AltDialog);
|
|
48
|
-
|
|
22
|
+
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)); }
|
|
23
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
24
|
+
var AltDialog = exports.AltDialog = /*#__PURE__*/function (_React$Component) {
|
|
49
25
|
function AltDialog(props) {
|
|
50
26
|
var _this;
|
|
51
|
-
|
|
52
27
|
(0, _classCallCheck2["default"])(this, AltDialog);
|
|
53
|
-
_this =
|
|
54
|
-
(0, _defineProperty2["default"])(
|
|
28
|
+
_this = _callSuper(this, AltDialog, [props]);
|
|
29
|
+
(0, _defineProperty2["default"])(_this, "closeDialog", function () {
|
|
55
30
|
var allDialogs = document.querySelectorAll('#text-dialog');
|
|
56
31
|
allDialogs.forEach(function (s) {
|
|
57
32
|
return s.remove();
|
|
58
33
|
});
|
|
59
34
|
});
|
|
60
|
-
(0, _defineProperty2["default"])(
|
|
35
|
+
(0, _defineProperty2["default"])(_this, "onDone", function () {
|
|
61
36
|
var onDone = _this.props.onDone;
|
|
62
37
|
var value = _this.state.value;
|
|
63
38
|
onDone(value);
|
|
64
|
-
|
|
65
39
|
_this.closeDialog();
|
|
66
40
|
});
|
|
67
|
-
(0, _defineProperty2["default"])(
|
|
41
|
+
(0, _defineProperty2["default"])(_this, "handleOverflow", function () {
|
|
68
42
|
document.body.style.removeProperty('overflow');
|
|
69
43
|
});
|
|
70
44
|
var alt = props.alt;
|
|
@@ -73,12 +47,11 @@ var AltDialog = /*#__PURE__*/function (_React$Component) {
|
|
|
73
47
|
};
|
|
74
48
|
return _this;
|
|
75
49
|
}
|
|
76
|
-
|
|
77
|
-
(0, _createClass2["default"])(AltDialog, [{
|
|
50
|
+
(0, _inherits2["default"])(AltDialog, _React$Component);
|
|
51
|
+
return (0, _createClass2["default"])(AltDialog, [{
|
|
78
52
|
key: "render",
|
|
79
53
|
value: function render() {
|
|
80
54
|
var _this2 = this;
|
|
81
|
-
|
|
82
55
|
var value = this.state.value;
|
|
83
56
|
return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
|
|
84
57
|
open: true,
|
|
@@ -87,7 +60,9 @@ var AltDialog = /*#__PURE__*/function (_React$Component) {
|
|
|
87
60
|
id: "text-dialog",
|
|
88
61
|
hideBackdrop: true,
|
|
89
62
|
disableScrollLock: true,
|
|
90
|
-
|
|
63
|
+
TransitionProps: {
|
|
64
|
+
onEntered: this.handleOverflow
|
|
65
|
+
}
|
|
91
66
|
}, /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement("div", {
|
|
92
67
|
style: {
|
|
93
68
|
display: 'flex'
|
|
@@ -116,14 +91,10 @@ var AltDialog = /*#__PURE__*/function (_React$Component) {
|
|
|
116
91
|
}, "Done")));
|
|
117
92
|
}
|
|
118
93
|
}]);
|
|
119
|
-
return AltDialog;
|
|
120
94
|
}(_react["default"].Component);
|
|
121
|
-
|
|
122
|
-
exports.AltDialog = AltDialog;
|
|
123
95
|
(0, _defineProperty2["default"])(AltDialog, "propTypes", {
|
|
124
96
|
onDone: _propTypes["default"].func.isRequired,
|
|
125
97
|
alt: _propTypes["default"].string
|
|
126
98
|
});
|
|
127
|
-
var _default = AltDialog;
|
|
128
|
-
exports["default"] = _default;
|
|
99
|
+
var _default = exports["default"] = AltDialog;
|
|
129
100
|
//# sourceMappingURL=alt-dialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"alt-dialog.js","names":["_react","_interopRequireDefault","require","_DialogContent","_ArrowBackIos","_TextField","_DialogActions","_Button","_Dialog","_propTypes","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","AltDialog","exports","_React$Component","props","_this","_classCallCheck2","_defineProperty2","allDialogs","document","querySelectorAll","forEach","s","remove","onDone","value","state","closeDialog","body","style","removeProperty","alt","_inherits2","_createClass2","key","render","_this2","createElement","open","disablePortal","onClose","id","hideBackdrop","disableScrollLock","TransitionProps","onEntered","handleOverflow","display","paddingTop","multiline","placeholder","helperText","onChange","event","setState","target","FormHelperTextProps","fontSize","onClick","React","Component","PropTypes","func","isRequired","string","_default"],"sources":["../../../src/plugins/image/alt-dialog.jsx"],"sourcesContent":["import React from 'react';\nimport DialogContent from '@mui/material/DialogContent';\nimport ArrowBackIos from '@mui/icons-material/ArrowBackIos';\nimport TextField from '@mui/material/TextField';\nimport DialogActions from '@mui/material/DialogActions';\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/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 TransitionProps={{\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"],"mappings":"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","ignoreList":[]}
|