@pie-lib/editable-html-tip-tap 2.1.2-next.31 → 2.1.2-next.36

package/lib/components/common/toolbar-buttons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-buttons.js","names":["_react","_interopRequireDefault","require","_debug","_styles","_propTypes","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ownKeys","r","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","StyledButton","styled","shouldForwardProp","prop","includes","_ref","theme","active","disabled","color","display","padding","background","border","cursor","outline","concat","palette","grey","opacity","log","debug","RawButton","exports","_React$Component","props","_this","_classCallCheck2","preventDefault","onClick","key","_inherits2","_createClass2","value","render","_this$props","children","extraStyles","ariaLabel","createElement","style","onMouseDown","onKeyDown","tabIndex","React","Component","PropTypes","func","isRequired","oneOfType","arrayOf","node","bool","object","Button","RawMarkButton","_React$Component2","_this2","onToggle","mark","_this$props2","label","string","MarkButton"],"sources":["../../../src/components/common/toolbar-buttons.jsx"],"sourcesContent":["import React from 'react';\nimport debug from 'debug';\nimport { styled } from '@mui/material/styles';\nimport PropTypes from 'prop-types';\n\nconst StyledButton = styled('button', {\n  shouldForwardProp: (prop) => !['active', 'disabled', 'extraStyles'].includes(prop),\n})(({ theme, active, disabled }) => ({\n  color: active ? 'black' : 'grey',\n  display: 'inline-flex',\n  padding: '2px',\n  background: 'none',\n  border: 'none',\n  cursor: disabled ? 'not-allowed' : 'pointer',\n  '&:hover': {\n    color: disabled ? 'grey' : 'black',\n  },\n  '&:focus': {\n    outline: `2px solid ${theme.palette.grey[700]}`,\n  },\n  ...(disabled && {\n    opacity: 0.7,\n  }),\n}));\n\nconst log = debug('pie-elements:editable-html:raw-button');\n\nexport class RawButton extends React.Component {\n  static propTypes = {\n    onClick: PropTypes.func.isRequired,\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n    active: PropTypes.bool,\n    disabled: PropTypes.bool,\n    extraStyles: PropTypes.object,\n  };\n\n  constructor(props) {\n    super(props);\n  }\n\n  onClick = (e) => {\n    log('[onClick]');\n    e.preventDefault();\n    const { onClick } = this.props;\n    onClick(e);\n  };\n\n  onKeyDown = (e) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      log('[onKeyDown]');\n      e.preventDefault();\n      const { onClick } = this.props;\n      onClick(e);\n    }\n  };\n\n  render() {\n    const { active, children, disabled, extraStyles, ariaLabel } = this.props;\n\n    return (\n      <StyledButton\n        style={extraStyles}\n        active={active}\n        disabled={disabled}\n        onMouseDown={this.onClick}\n        onKeyDown={this.onKeyDown}\n        aria-label={ariaLabel}\n        aria-pressed={active}\n        tabIndex={0}\n      >\n        {children}\n      </StyledButton>\n    );\n  }\n}\n\nexport const Button = RawButton;\n\nexport class RawMarkButton extends React.Component {\n  static propTypes = {\n    onToggle: PropTypes.func.isRequired,\n    mark: PropTypes.string,\n    label: PropTypes.string.isRequired,\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n    active: PropTypes.bool,\n  };\n\n  constructor(props) {\n    super(props);\n  }\n\n  onToggle = (e) => {\n    e.preventDefault();\n    this.props.onToggle(this.props.mark);\n  };\n\n  onKeyDown = (e) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      this.props.onToggle(this.props.mark);\n    }\n  };\n\n  render() {\n    const { children, active, label } = this.props;\n\n    return (\n      <StyledButton\n        active={active}\n        onMouseDown={this.onToggle}\n        aria-pressed={active}\n        onKeyDown={this.onKeyDown}\n        aria-label={label}\n        tabIndex={0}\n      >\n        {children}\n      </StyledButton>\n    );\n  }\n}\n\nexport const MarkButton = RawMarkButton;\n"],"mappings":"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","ignoreList":[]}

package/lib/components/icons/CssIcon.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _styles = require("@mui/material/styles");
+var StyledCssIcon = (0, _styles.styled)('div')(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    fontFamily: 'Cerebri Sans, Arial, sans-serif',
+    fontSize: theme.typography.fontSize,
+    fontWeight: 'bold',
+    lineHeight: '14px',
+    position: 'relative',
+    whiteSpace: 'nowrap'
+  };
+});
+var CssIcon = function CssIcon() {
+  return /*#__PURE__*/_react["default"].createElement(StyledCssIcon, null, "CSS");
+};
+var _default = exports["default"] = CssIcon;
+//# sourceMappingURL=CssIcon.js.map

package/lib/components/icons/CssIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CssIcon.js","names":["_react","_interopRequireDefault","require","_styles","StyledCssIcon","styled","_ref","theme","fontFamily","fontSize","typography","fontWeight","lineHeight","position","whiteSpace","CssIcon","createElement","_default","exports"],"sources":["../../../src/components/icons/CssIcon.jsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\n\nconst StyledCssIcon = 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 CssIcon = () => <StyledCssIcon>CSS</StyledCssIcon>;\n\nexport default CssIcon;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAEA,IAAME,aAAa,GAAG,IAAAC,cAAM,EAAC,KAAK,CAAC,CAAC,UAAAC,IAAA;EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAAA,OAAQ;IAClDC,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,OAAO,GAAG,SAAVA,OAAOA,CAAA;EAAA,oBAASf,MAAA,YAAAgB,aAAA,CAACZ,aAAa,QAAC,KAAkB,CAAC;AAAA;AAAC,IAAAa,QAAA,GAAAC,OAAA,cAE1CH,OAAO","ignoreList":[]}

package/lib/components/icons/RespArea.js

@@ -0,0 +1,72 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToolbarIcon = exports.GripIcon = exports.Chevron = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _ChevronRight = _interopRequireDefault(require("@mui/icons-material/ChevronRight"));
+var _MoreVert = _interopRequireDefault(require("@mui/icons-material/MoreVert"));
+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 getRotate = function getRotate(direction) {
+  switch (direction) {
+    case 'down':
+      return 90;
+    case 'up':
+      return -90;
+    case 'left':
+      return 180;
+    default:
+      return 0;
+  }
+};
+var Chevron = exports.Chevron = function Chevron(props) {
+  var direction = props.direction,
+    style = props.style;
+  var rotate = getRotate(direction);
+  return /*#__PURE__*/_react["default"].createElement(_ChevronRight["default"], {
+    style: _objectSpread({
+      transform: "rotate(".concat(rotate, "deg)")
+    }, style)
+  });
+};
+Chevron.propTypes = {
+  direction: _propTypes["default"].string,
+  style: _propTypes["default"].object
+};
+var GripIcon = exports.GripIcon = function GripIcon(_ref) {
+  var style = _ref.style;
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    style: style
+  }, /*#__PURE__*/_react["default"].createElement(_MoreVert["default"], {
+    style: {
+      margin: '0 -16px'
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_MoreVert["default"], null));
+};
+GripIcon.propTypes = {
+  style: _propTypes["default"].object
+};
+var StyledToolbarIcon = (0, _styles.styled)('div')(function (_ref2) {
+  var theme = _ref2.theme;
+  return {
+    fontFamily: 'Cerebri Sans !important',
+    fontSize: theme.typography.fontSize,
+    fontWeight: 'bold',
+    lineHeight: '14px',
+    position: 'relative',
+    top: '7px',
+    width: '110px',
+    height: '28px',
+    whiteSpace: 'nowrap'
+  };
+});
+var ToolbarIcon = exports.ToolbarIcon = function ToolbarIcon() {
+  return /*#__PURE__*/_react["default"].createElement(StyledToolbarIcon, null, "+ Response Area");
+};
+//# sourceMappingURL=RespArea.js.map

package/lib/components/icons/RespArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RespArea.js","names":["_react","_interopRequireDefault","require","_propTypes","_ChevronRight","_MoreVert","_styles","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","getRotate","direction","Chevron","exports","props","style","rotate","createElement","transform","concat","propTypes","PropTypes","string","object","GripIcon","_ref","margin","StyledToolbarIcon","styled","_ref2","theme","fontFamily","fontSize","typography","fontWeight","lineHeight","position","top","width","height","whiteSpace","ToolbarIcon"],"sources":["../../../src/components/icons/RespArea.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ChevronRight from '@mui/icons-material/ChevronRight';\nimport MoreVert from '@mui/icons-material/MoreVert';\nimport { styled } from '@mui/material/styles';\n\nconst getRotate = (direction) => {\n  switch (direction) {\n    case 'down':\n      return 90;\n\n    case 'up':\n      return -90;\n\n    case 'left':\n      return 180;\n\n    default:\n      return 0;\n  }\n};\n\nexport const Chevron = (props) => {\n  const { direction, style } = props;\n  const rotate = getRotate(direction);\n\n  return (\n    <ChevronRight\n      style={{\n        transform: `rotate(${rotate}deg)`,\n        ...style,\n      }}\n    />\n  );\n};\n\nChevron.propTypes = {\n  direction: PropTypes.string,\n  style: PropTypes.object,\n};\n\nexport const GripIcon = ({ style }) => {\n  return (\n    <span style={style}>\n      <MoreVert\n        style={{\n          margin: '0 -16px',\n        }}\n      />\n      <MoreVert />\n    </span>\n  );\n};\n\nGripIcon.propTypes = {\n  style: PropTypes.object,\n};\n\nconst StyledToolbarIcon = styled('div')(({ theme }) => ({\n  fontFamily: 'Cerebri Sans !important',\n  fontSize: theme.typography.fontSize,\n  fontWeight: 'bold',\n  lineHeight: '14px',\n  position: 'relative',\n  top: '7px',\n  width: '110px',\n  height: '28px',\n  whiteSpace: 'nowrap',\n}));\n\nexport const ToolbarIcon = () => <StyledToolbarIcon>+ Response Area</StyledToolbarIcon>;\n"],"mappings":"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","ignoreList":[]}

package/lib/components/icons/TableIcons.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RemoveTable = exports.RemoveRow = exports.RemoveColumn = exports.AddRow = exports.AddColumn = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _styles = require("@mui/material/styles");
+var StyledPath = (0, _styles.styled)('path')({
+  fill: 'grey',
+  '&:hover': {
+    fill: 'black'
+  }
+});
+var SvgIcon = function SvgIcon(Component) {
+  return function (props) {
+    return /*#__PURE__*/_react["default"].createElement("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      version: "1.1",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24"
+    }, /*#__PURE__*/_react["default"].createElement(Component, props));
+  };
+};
+var AddRow = exports.AddRow = SvgIcon(function (props) {
+  return /*#__PURE__*/_react["default"].createElement(StyledPath, (0, _extends2["default"])({}, props, {
+    d: "M22,10A2,2 0 0,1 20,12H4A2,2 0 0,1 2,10V3H4V5H8V3H10V5H14V3H16V5H20V3H22V10M4,10H8V7H4V10M10,10H14V7H10V10M20,10V7H16V10H20M11,14H13V17H16V19H13V22H11V19H8V17H11V14Z"
+  }));
+});
+var RemoveRow = exports.RemoveRow = SvgIcon(function (props) {
+  return /*#__PURE__*/_react["default"].createElement(StyledPath, (0, _extends2["default"])({}, props, {
+    d: "M9.41,13L12,15.59L14.59,13L16,14.41L13.41,17L16,19.59L14.59,21L12,18.41L9.41,21L8,19.59L10.59,17L8,14.41L9.41,13M22,9A2,2 0 0,1 20,11H4A2,2 0 0,1 2,9V6A2,2 0 0,1 4,4H20A2,2 0 0,1 22,6V9M4,9H8V6H4V9M10,9H14V6H10V9M16,9H20V6H16V9Z"
+  }));
+});
+var AddColumn = exports.AddColumn = SvgIcon(function (props) {
+  return /*#__PURE__*/_react["default"].createElement(StyledPath, (0, _extends2["default"])({}, props, {
+    d: "M11,2A2,2 0 0,1 13,4V20A2,2 0 0,1 11,22H2V2H11M4,10V14H11V10H4M4,16V20H11V16H4M4,4V8H11V4H4M15,11H18V8H20V11H23V13H20V16H18V13H15V11Z"
+  }));
+});
+var RemoveColumn = exports.RemoveColumn = SvgIcon(function (props) {
+  return /*#__PURE__*/_react["default"].createElement(StyledPath, (0, _extends2["default"])({}, props, {
+    d: "M4,2H11A2,2 0 0,1 13,4V20A2,2 0 0,1 11,22H4A2,2 0 0,1 2,20V4A2,2 0 0,1 4,2M4,10V14H11V10H4M4,16V20H11V16H4M4,4V8H11V4H4M17.59,12L15,9.41L16.41,8L19,10.59L21.59,8L23,9.41L20.41,12L23,14.59L21.59,16L19,13.41L16.41,16L15,14.59L17.59,12Z"
+  }));
+});
+var RemoveTable = exports.RemoveTable = SvgIcon(function (props) {
+  return /*#__PURE__*/_react["default"].createElement(StyledPath, (0, _extends2["default"])({}, props, {
+    d: "M15.46,15.88L16.88,14.46L19,16.59L21.12,14.46L22.54,15.88L20.41,18L22.54,20.12L21.12,21.54L19,19.41L16.88,21.54L15.46,20.12L17.59,18L15.46,15.88M4,3H18A2,2 0 0,1 20,5V12.08C18.45,11.82 16.92,12.18 15.68,13H12V17H13.08C12.97,17.68 12.97,18.35 13.08,19H4A2,2 0 0,1 2,17V5A2,2 0 0,1 4,3M4,7V11H10V7H4M12,7V11H18V7H12M4,13V17H10V13H4Z"
+  }));
+});
+//# sourceMappingURL=TableIcons.js.map

package/lib/components/icons/TableIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableIcons.js","names":["_react","_interopRequireDefault","require","_styles","StyledPath","styled","fill","SvgIcon","Component","props","createElement","xmlns","version","width","height","viewBox","AddRow","exports","_extends2","d","RemoveRow","AddColumn","RemoveColumn","RemoveTable"],"sources":["../../../src/components/icons/TableIcons.jsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\n\nconst StyledPath = styled('path')({\n  fill: 'grey',\n  '&:hover': {\n    fill: 'black',\n  },\n});\n\nconst SvgIcon = (Component) => {\n  return (props) => (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\n      <Component {...props} />\n    </svg>\n  );\n};\n\nexport const AddRow = SvgIcon((props) => (\n  <StyledPath\n    {...props}\n    d=\"M22,10A2,2 0 0,1 20,12H4A2,2 0 0,1 2,10V3H4V5H8V3H10V5H14V3H16V5H20V3H22V10M4,10H8V7H4V10M10,10H14V7H10V10M20,10V7H16V10H20M11,14H13V17H16V19H13V22H11V19H8V17H11V14Z\"\n  />\n));\n\nexport const RemoveRow = SvgIcon((props) => (\n  <StyledPath\n    {...props}\n    d=\"M9.41,13L12,15.59L14.59,13L16,14.41L13.41,17L16,19.59L14.59,21L12,18.41L9.41,21L8,19.59L10.59,17L8,14.41L9.41,13M22,9A2,2 0 0,1 20,11H4A2,2 0 0,1 2,9V6A2,2 0 0,1 4,4H20A2,2 0 0,1 22,6V9M4,9H8V6H4V9M10,9H14V6H10V9M16,9H20V6H16V9Z\"\n  />\n));\n\nexport const AddColumn = SvgIcon((props) => (\n  <StyledPath\n    {...props}\n    d=\"M11,2A2,2 0 0,1 13,4V20A2,2 0 0,1 11,22H2V2H11M4,10V14H11V10H4M4,16V20H11V16H4M4,4V8H11V4H4M15,11H18V8H20V11H23V13H20V16H18V13H15V11Z\"\n  />\n));\n\nexport const RemoveColumn = SvgIcon((props) => (\n  <StyledPath\n    {...props}\n    d=\"M4,2H11A2,2 0 0,1 13,4V20A2,2 0 0,1 11,22H4A2,2 0 0,1 2,20V4A2,2 0 0,1 4,2M4,10V14H11V10H4M4,16V20H11V16H4M4,4V8H11V4H4M17.59,12L15,9.41L16.41,8L19,10.59L21.59,8L23,9.41L20.41,12L23,14.59L21.59,16L19,13.41L16.41,16L15,14.59L17.59,12Z\"\n  />\n));\n\nexport const RemoveTable = SvgIcon((props) => (\n  <StyledPath\n    {...props}\n    d=\"M15.46,15.88L16.88,14.46L19,16.59L21.12,14.46L22.54,15.88L20.41,18L22.54,20.12L21.12,21.54L19,19.41L16.88,21.54L15.46,20.12L17.59,18L15.46,15.88M4,3H18A2,2 0 0,1 20,5V12.08C18.45,11.82 16.92,12.18 15.68,13H12V17H13.08C12.97,17.68 12.97,18.35 13.08,19H4A2,2 0 0,1 2,17V5A2,2 0 0,1 4,3M4,7V11H10V7H4M12,7V11H18V7H12M4,13V17H10V13H4Z\"\n  />\n));\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAEA,IAAME,UAAU,GAAG,IAAAC,cAAM,EAAC,MAAM,CAAC,CAAC;EAChCC,IAAI,EAAE,MAAM;EACZ,SAAS,EAAE;IACTA,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEF,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAAIC,SAAS,EAAK;EAC7B,OAAO,UAACC,KAAK;IAAA,oBACXT,MAAA,YAAAU,aAAA;MAAKC,KAAK,EAAC,4BAA4B;MAACC,OAAO,EAAC,KAAK;MAACC,KAAK,EAAC,IAAI;MAACC,MAAM,EAAC,IAAI;MAACC,OAAO,EAAC;IAAW,gBAC9Ff,MAAA,YAAAU,aAAA,CAACF,SAAS,EAAKC,KAAQ,CACpB,CAAC;EAAA,CACP;AACH,CAAC;AAEM,IAAMO,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAGT,OAAO,CAAC,UAACE,KAAK;EAAA,oBAClCT,MAAA,YAAAU,aAAA,CAACN,UAAU,MAAAc,SAAA,iBACLT,KAAK;IACTU,CAAC,EAAC;EAAuK,EAC1K,CAAC;AAAA,CACH,CAAC;AAEK,IAAMC,SAAS,GAAAH,OAAA,CAAAG,SAAA,GAAGb,OAAO,CAAC,UAACE,KAAK;EAAA,oBACrCT,MAAA,YAAAU,aAAA,CAACN,UAAU,MAAAc,SAAA,iBACLT,KAAK;IACTU,CAAC,EAAC;EAAsO,EACzO,CAAC;AAAA,CACH,CAAC;AAEK,IAAME,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGd,OAAO,CAAC,UAACE,KAAK;EAAA,oBACrCT,MAAA,YAAAU,aAAA,CAACN,UAAU,MAAAc,SAAA,iBACLT,KAAK;IACTU,CAAC,EAAC;EAAuI,EAC1I,CAAC;AAAA,CACH,CAAC;AAEK,IAAMG,YAAY,GAAAL,OAAA,CAAAK,YAAA,GAAGf,OAAO,CAAC,UAACE,KAAK;EAAA,oBACxCT,MAAA,YAAAU,aAAA,CAACN,UAAU,MAAAc,SAAA,iBACLT,KAAK;IACTU,CAAC,EAAC;EAA2O,EAC9O,CAAC;AAAA,CACH,CAAC;AAEK,IAAMI,WAAW,GAAAN,OAAA,CAAAM,WAAA,GAAGhB,OAAO,CAAC,UAACE,KAAK;EAAA,oBACvCT,MAAA,YAAAU,aAAA,CAACN,UAAU,MAAAc,SAAA,iBACLT,KAAK;IACTU,CAAC,EAAC;EAA4U,EAC/U,CAAC;AAAA,CACH,CAAC","ignoreList":[]}

package/lib/components/icons/TextAlign.js

@@ -0,0 +1,157 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.AlignRight = exports.AlignLeft = exports.AlignJustify = exports.AlignCenter = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _Collapse = _interopRequireDefault(require("@mui/material/Collapse"));
+var _List = _interopRequireDefault(require("@mui/material/List"));
+var _ListItem = _interopRequireDefault(require("@mui/material/ListItem"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var AlignLeft = exports.AlignLeft = function AlignLeft() {
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "20",
+    height: "20",
+    viewBox: "0 0 66 66",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M42.1875 4.75C42.1875 7.38672 39.9902 9.4375 37.5 9.4375H4.6875C2.05078 9.4375 0 7.38672 0 4.75C0 2.25977 2.05078 0.0625 4.6875 0.0625H37.5C39.9902 0.0625 42.1875 2.25977 42.1875 4.75ZM42.1875 42.25C42.1875 44.8867 39.9902 46.9375 37.5 46.9375H4.6875C2.05078 46.9375 0 44.8867 0 42.25C0 39.7598 2.05078 37.5625 4.6875 37.5625H37.5C39.9902 37.5625 42.1875 39.7598 42.1875 42.25ZM0 23.5C0 21.0098 2.05078 18.8125 4.6875 18.8125H60.9375C63.4277 18.8125 65.625 21.0098 65.625 23.5C65.625 26.1367 63.4277 28.1875 60.9375 28.1875H4.6875C2.05078 28.1875 0 26.1367 0 23.5ZM65.625 61C65.625 63.6367 63.4277 65.6875 60.9375 65.6875H4.6875C2.05078 65.6875 0 63.6367 0 61C0 58.5098 2.05078 56.3125 4.6875 56.3125H60.9375C63.4277 56.3125 65.625 58.5098 65.625 61Z",
+    fill: "currentColor"
+  }));
+};
+var AlignRight = exports.AlignRight = function AlignRight() {
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "20",
+    height: "20",
+    viewBox: "0 0 66 66",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M65.625 4.75C65.625 7.38672 63.4277 9.4375 60.9375 9.4375H28.125C25.4883 9.4375 23.4375 7.38672 23.4375 4.75C23.4375 2.25977 25.4883 0.0625 28.125 0.0625H60.9375C63.4277 0.0625 65.625 2.25977 65.625 4.75ZM65.625 42.25C65.625 44.8867 63.4277 46.9375 60.9375 46.9375H28.125C25.4883 46.9375 23.4375 44.8867 23.4375 42.25C23.4375 39.7598 25.4883 37.5625 28.125 37.5625H60.9375C63.4277 37.5625 65.625 39.7598 65.625 42.25ZM0 23.5C0 21.0098 2.05078 18.8125 4.6875 18.8125H60.9375C63.4277 18.8125 65.625 21.0098 65.625 23.5C65.625 26.1367 63.4277 28.1875 60.9375 28.1875H4.6875C2.05078 28.1875 0 26.1367 0 23.5ZM65.625 61C65.625 63.6367 63.4277 65.6875 60.9375 65.6875H4.6875C2.05078 65.6875 0 63.6367 0 61C0 58.5098 2.05078 56.3125 4.6875 56.3125H60.9375C63.4277 56.3125 65.625 58.5098 65.625 61Z",
+    fill: "currentColor"
+  }));
+};
+var AlignCenter = exports.AlignCenter = function AlignCenter() {
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "20",
+    height: "20",
+    viewBox: "0 0 66 66",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M51.5625 4.75C51.5625 7.38672 49.3652 9.4375 46.875 9.4375H18.75C16.1133 9.4375 14.0625 7.38672 14.0625 4.75C14.0625 2.25977 16.1133 0.0625 18.75 0.0625H46.875C49.3652 0.0625 51.5625 2.25977 51.5625 4.75ZM65.625 23.5C65.625 26.1367 63.4277 28.1875 60.9375 28.1875H4.6875C2.05078 28.1875 0 26.1367 0 23.5C0 21.0098 2.05078 18.8125 4.6875 18.8125H60.9375C63.4277 18.8125 65.625 21.0098 65.625 23.5ZM0 61C0 58.5098 2.05078 56.3125 4.6875 56.3125H60.9375C63.4277 56.3125 65.625 58.5098 65.625 61C65.625 63.6367 63.4277 65.6875 60.9375 65.6875H4.6875C2.05078 65.6875 0 63.6367 0 61ZM51.5625 42.25C51.5625 44.8867 49.3652 46.9375 46.875 46.9375H18.75C16.1133 46.9375 14.0625 44.8867 14.0625 42.25C14.0625 39.7598 16.1133 37.5625 18.75 37.5625H46.875C49.3652 37.5625 51.5625 39.7598 51.5625 42.25Z",
+    fill: "currentColor"
+  }));
+};
+var AlignJustify = exports.AlignJustify = function AlignJustify() {
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "20",
+    height: "20",
+    viewBox: "0 0 66 66",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M65.625 4.75C65.625 7.38672 63.4277 9.4375 60.9375 9.4375H4.6875C2.05078 9.4375 0 7.38672 0 4.75C0 2.25977 2.05078 0.0625 4.6875 0.0625H60.9375C63.4277 0.0625 65.625 2.25977 65.625 4.75ZM65.625 42.25C65.625 44.8867 63.4277 46.9375 60.9375 46.9375H4.6875C2.05078 46.9375 0 44.8867 0 42.25C0 39.7598 2.05078 37.5625 4.6875 37.5625H60.9375C63.4277 37.5625 65.625 39.7598 65.625 42.25ZM0 23.5C0 21.0098 2.05078 18.8125 4.6875 18.8125H60.9375C63.4277 18.8125 65.625 21.0098 65.625 23.5C65.625 26.1367 63.4277 28.1875 60.9375 28.1875H4.6875C2.05078 28.1875 0 26.1367 0 23.5ZM65.625 61C65.625 63.6367 63.4277 65.6875 60.9375 65.6875H4.6875C2.05078 65.6875 0 63.6367 0 61C0 58.5098 2.05078 56.3125 4.6875 56.3125H60.9375C63.4277 56.3125 65.625 58.5098 65.625 61Z",
+    fill: "currentColor"
+  }));
+};
+var _default = exports["default"] = function _default(_ref) {
+  var editor = _ref.editor,
+    onChange = _ref.onChange;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var icon;
+  switch (true) {
+    case editor.isActive({
+      textAlign: 'right'
+    }):
+      icon = /*#__PURE__*/_react["default"].createElement(AlignRight, null);
+      break;
+    case editor.isActive({
+      textAlign: 'center'
+    }):
+      icon = /*#__PURE__*/_react["default"].createElement(AlignCenter, null);
+      break;
+    case editor.isActive({
+      textAlign: 'justify'
+    }):
+      icon = /*#__PURE__*/_react["default"].createElement(AlignJustify, null);
+      break;
+    default:
+      icon = /*#__PURE__*/_react["default"].createElement(AlignLeft, null);
+      break;
+  }
+  var applyAlignment = function applyAlignment(event) {
+    var _event$currentTarget;
+    var alignType = (_event$currentTarget = event.currentTarget) === null || _event$currentTarget === void 0 ? void 0 : _event$currentTarget.getAttribute('value');
+    if (alignType) {
+      editor.commands.setTextAlign(alignType);
+    }
+    setOpen(false);
+  };
+  var onMouseDown = function onMouseDown(event) {
+    event.preventDefault();
+    event.stopPropagation();
+    setOpen(!open);
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'center'
+    },
+    onClick: onMouseDown
+  }, icon, /*#__PURE__*/_react["default"].createElement("span", {
+    style: {
+      marginLeft: '5px',
+      fontSize: '8px'
+    }
+  }, "\u25BC")), /*#__PURE__*/_react["default"].createElement(_Collapse["default"], {
+    "in": open,
+    timeout: "auto",
+    unmountOnExit: true,
+    style: {
+      position: 'absolute'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_List["default"], {
+    component: "div",
+    disablePadding: true,
+    style: {
+      background: '#fff',
+      display: 'flex',
+      flexDirection: 'row',
+      padding: 0
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
+    button: true,
+    type: "submit",
+    value: "left",
+    "aria-label": "Align text left",
+    onClick: applyAlignment
+  }, /*#__PURE__*/_react["default"].createElement(AlignLeft, null)), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
+    button: true,
+    type: "submit",
+    value: "center",
+    "aria-label": "Align text center",
+    onClick: applyAlignment
+  }, /*#__PURE__*/_react["default"].createElement(AlignCenter, null)), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
+    button: true,
+    type: "submit",
+    value: "right",
+    "aria-label": "Align text right",
+    onClick: applyAlignment
+  }, /*#__PURE__*/_react["default"].createElement(AlignRight, null)), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
+    button: true,
+    type: "submit",
+    value: "justify",
+    "aria-label": "Justify text",
+    onClick: applyAlignment
+  }, /*#__PURE__*/_react["default"].createElement(AlignJustify, null)))));
+};
+//# sourceMappingURL=TextAlign.js.map

package/lib/components/icons/TextAlign.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextAlign.js","names":["_react","_interopRequireWildcard","require","_Collapse","_interopRequireDefault","_List","_ListItem","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AlignLeft","exports","createElement","width","height","viewBox","fill","xmlns","d","AlignRight","AlignCenter","AlignJustify","_default","_ref","editor","onChange","_useState","useState","_useState2","_slicedToArray2","open","setOpen","icon","isActive","textAlign","applyAlignment","event","_event$currentTarget","alignType","currentTarget","getAttribute","commands","setTextAlign","onMouseDown","preventDefault","stopPropagation","style","display","alignItems","onClick","marginLeft","fontSize","timeout","unmountOnExit","position","component","disablePadding","background","flexDirection","padding","button","type","value"],"sources":["../../../src/components/icons/TextAlign.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport Collapse from '@mui/material/Collapse';\nimport List from '@mui/material/List';\nimport ListItem from '@mui/material/ListItem';\n\nexport const AlignLeft = () => (\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 66 66\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M42.1875 4.75C42.1875 7.38672 39.9902 9.4375 37.5 9.4375H4.6875C2.05078 9.4375 0 7.38672 0 4.75C0 2.25977 2.05078 0.0625 4.6875 0.0625H37.5C39.9902 0.0625 42.1875 2.25977 42.1875 4.75ZM42.1875 42.25C42.1875 44.8867 39.9902 46.9375 37.5 46.9375H4.6875C2.05078 46.9375 0 44.8867 0 42.25C0 39.7598 2.05078 37.5625 4.6875 37.5625H37.5C39.9902 37.5625 42.1875 39.7598 42.1875 42.25ZM0 23.5C0 21.0098 2.05078 18.8125 4.6875 18.8125H60.9375C63.4277 18.8125 65.625 21.0098 65.625 23.5C65.625 26.1367 63.4277 28.1875 60.9375 28.1875H4.6875C2.05078 28.1875 0 26.1367 0 23.5ZM65.625 61C65.625 63.6367 63.4277 65.6875 60.9375 65.6875H4.6875C2.05078 65.6875 0 63.6367 0 61C0 58.5098 2.05078 56.3125 4.6875 56.3125H60.9375C63.4277 56.3125 65.625 58.5098 65.625 61Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nexport const AlignRight = () => (\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 66 66\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M65.625 4.75C65.625 7.38672 63.4277 9.4375 60.9375 9.4375H28.125C25.4883 9.4375 23.4375 7.38672 23.4375 4.75C23.4375 2.25977 25.4883 0.0625 28.125 0.0625H60.9375C63.4277 0.0625 65.625 2.25977 65.625 4.75ZM65.625 42.25C65.625 44.8867 63.4277 46.9375 60.9375 46.9375H28.125C25.4883 46.9375 23.4375 44.8867 23.4375 42.25C23.4375 39.7598 25.4883 37.5625 28.125 37.5625H60.9375C63.4277 37.5625 65.625 39.7598 65.625 42.25ZM0 23.5C0 21.0098 2.05078 18.8125 4.6875 18.8125H60.9375C63.4277 18.8125 65.625 21.0098 65.625 23.5C65.625 26.1367 63.4277 28.1875 60.9375 28.1875H4.6875C2.05078 28.1875 0 26.1367 0 23.5ZM65.625 61C65.625 63.6367 63.4277 65.6875 60.9375 65.6875H4.6875C2.05078 65.6875 0 63.6367 0 61C0 58.5098 2.05078 56.3125 4.6875 56.3125H60.9375C63.4277 56.3125 65.625 58.5098 65.625 61Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nexport const AlignCenter = () => (\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 66 66\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M51.5625 4.75C51.5625 7.38672 49.3652 9.4375 46.875 9.4375H18.75C16.1133 9.4375 14.0625 7.38672 14.0625 4.75C14.0625 2.25977 16.1133 0.0625 18.75 0.0625H46.875C49.3652 0.0625 51.5625 2.25977 51.5625 4.75ZM65.625 23.5C65.625 26.1367 63.4277 28.1875 60.9375 28.1875H4.6875C2.05078 28.1875 0 26.1367 0 23.5C0 21.0098 2.05078 18.8125 4.6875 18.8125H60.9375C63.4277 18.8125 65.625 21.0098 65.625 23.5ZM0 61C0 58.5098 2.05078 56.3125 4.6875 56.3125H60.9375C63.4277 56.3125 65.625 58.5098 65.625 61C65.625 63.6367 63.4277 65.6875 60.9375 65.6875H4.6875C2.05078 65.6875 0 63.6367 0 61ZM51.5625 42.25C51.5625 44.8867 49.3652 46.9375 46.875 46.9375H18.75C16.1133 46.9375 14.0625 44.8867 14.0625 42.25C14.0625 39.7598 16.1133 37.5625 18.75 37.5625H46.875C49.3652 37.5625 51.5625 39.7598 51.5625 42.25Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nexport const AlignJustify = () => (\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 66 66\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M65.625 4.75C65.625 7.38672 63.4277 9.4375 60.9375 9.4375H4.6875C2.05078 9.4375 0 7.38672 0 4.75C0 2.25977 2.05078 0.0625 4.6875 0.0625H60.9375C63.4277 0.0625 65.625 2.25977 65.625 4.75ZM65.625 42.25C65.625 44.8867 63.4277 46.9375 60.9375 46.9375H4.6875C2.05078 46.9375 0 44.8867 0 42.25C0 39.7598 2.05078 37.5625 4.6875 37.5625H60.9375C63.4277 37.5625 65.625 39.7598 65.625 42.25ZM0 23.5C0 21.0098 2.05078 18.8125 4.6875 18.8125H60.9375C63.4277 18.8125 65.625 21.0098 65.625 23.5C65.625 26.1367 63.4277 28.1875 60.9375 28.1875H4.6875C2.05078 28.1875 0 26.1367 0 23.5ZM65.625 61C65.625 63.6367 63.4277 65.6875 60.9375 65.6875H4.6875C2.05078 65.6875 0 63.6367 0 61C0 58.5098 2.05078 56.3125 4.6875 56.3125H60.9375C63.4277 56.3125 65.625 58.5098 65.625 61Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nexport default ({ editor, onChange }) => {\n  const [open, setOpen] = useState(false);\n\n  let icon;\n\n  switch (true) {\n    case editor.isActive({ textAlign: 'right' }):\n      icon = <AlignRight />;\n      break;\n    case editor.isActive({ textAlign: 'center' }):\n      icon = <AlignCenter />;\n      break;\n    case editor.isActive({ textAlign: 'justify' }):\n      icon = <AlignJustify />;\n      break;\n    default:\n      icon = <AlignLeft />;\n      break;\n  }\n\n  const applyAlignment = (event) => {\n    const alignType = event.currentTarget?.getAttribute('value');\n\n    if (alignType) {\n      editor.commands.setTextAlign(alignType);\n    }\n\n    setOpen(false);\n  };\n\n  const onMouseDown = (event) => {\n    event.preventDefault();\n    event.stopPropagation();\n    setOpen(!open);\n  };\n\n  return (\n    <div>\n      <div style={{ display: 'flex', alignItems: 'center' }} onClick={onMouseDown}>\n        {icon}\n        <span style={{ marginLeft: '5px', fontSize: '8px' }}>&#9660;</span>\n      </div>\n      <Collapse in={open} timeout=\"auto\" unmountOnExit style={{ position: 'absolute' }}>\n        <List\n          component=\"div\"\n          disablePadding\n          style={{\n            background: '#fff',\n            display: 'flex',\n            flexDirection: 'row',\n            padding: 0,\n          }}\n        >\n          <ListItem button type=\"submit\" value=\"left\" aria-label=\"Align text left\" onClick={applyAlignment}>\n            <AlignLeft />\n          </ListItem>\n\n          <ListItem button type=\"submit\" value=\"center\" aria-label=\"Align text center\" onClick={applyAlignment}>\n            <AlignCenter />\n          </ListItem>\n\n          <ListItem button type=\"submit\" value=\"right\" aria-label=\"Align text right\" onClick={applyAlignment}>\n            <AlignRight />\n          </ListItem>\n\n          <ListItem button type=\"submit\" value=\"justify\" aria-label=\"Justify text\" onClick={applyAlignment}>\n            <AlignJustify />\n          </ListItem>\n        </List>\n      </Collapse>\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/components/image/AltDialog.js

@@ -0,0 +1,98 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.AltDialog = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+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 _react = _interopRequireDefault(require("react"));
+var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
+var _ArrowBackIos = _interopRequireDefault(require("@mui/icons-material/ArrowBackIos"));
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+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 AltDialog = exports.AltDialog = /*#__PURE__*/function (_React$Component) {
+  function AltDialog(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, AltDialog);
+    _this = _callSuper(this, AltDialog, [props]);
+    (0, _defineProperty2["default"])(_this, "closeDialog", function () {
+      var allDialogs = document.querySelectorAll('#text-dialog');
+      allDialogs.forEach(function (s) {
+        return s.remove();
+      });
+    });
+    (0, _defineProperty2["default"])(_this, "onDone", function () {
+      var onDone = _this.props.onDone;
+      var value = _this.state.value;
+      onDone(value);
+      _this.closeDialog();
+    });
+    (0, _defineProperty2["default"])(_this, "handleOverflow", function () {
+      document.body.style.removeProperty('overflow');
+    });
+    var alt = props.alt;
+    _this.state = {
+      value: alt
+    };
+    return _this;
+  }
+  (0, _inherits2["default"])(AltDialog, _React$Component);
+  return (0, _createClass2["default"])(AltDialog, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var value = this.state.value;
+      return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
+        open: true,
+        disablePortal: true,
+        onClose: this.closeDialog,
+        id: "text-dialog",
+        hideBackdrop: true,
+        disableScrollLock: true,
+        onEntered: this.handleOverflow
+      }, /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          display: 'flex'
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_ArrowBackIos["default"], {
+        style: {
+          paddingTop: '6px'
+        }
+      }), /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+        multiline: true,
+        placeholder: 'Enter an Alt Text description of this image',
+        helperText: 'Users with visual limitations rely on Alt Text, since screen readers cannot otherwise describe the contents of an image.',
+        value: value,
+        onChange: function onChange(event) {
+          return _this2.setState({
+            value: event.target.value
+          });
+        },
+        FormHelperTextProps: {
+          style: {
+            fontSize: 14
+          }
+        }
+      }))), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+        onClick: this.onDone
+      }, "Done")));
+    }
+  }]);
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(AltDialog, "propTypes", {
+  onDone: _propTypes["default"].func.isRequired,
+  alt: _propTypes["default"].string
+});
+var _default = exports["default"] = AltDialog;
+//# sourceMappingURL=AltDialog.js.map

package/lib/components/image/AltDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AltDialog.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","onEntered","handleOverflow","display","paddingTop","multiline","placeholder","helperText","onChange","event","setState","target","FormHelperTextProps","fontSize","onClick","React","Component","PropTypes","func","isRequired","string","_default"],"sources":["../../../src/components/image/AltDialog.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        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":[]}