@kids-reporter/draft-renderer 1.0.11 → 1.0.13

package/lib/block-render-maps/annotation.js

@@ -4,11 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.blockRenderMap = void 0;
+var _draftJs = require("draft-js");
 var _immutable = _interopRequireDefault(require("immutable"));
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _draftJs = require("draft-js");
 var _articleContent = require("./article-content");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const HeadingForAnnotation = (0, _styledComponents.default)(_articleContent.Heading)`
   margin: 0 auto 27px auto;
@@ -34,29 +35,29 @@ const ParagraphForAnnotation = (0, _styledComponents.default)(_articleContent.Pa
 const _blockRenderMapForAnnotation = _immutable.default.Map({
   atomic: {
     element: 'figure',
-    wrapper: /*#__PURE__*/_react.default.createElement(_articleContent.Atomic, null)
+    wrapper: /*#__PURE__*/(0, _jsxRuntime.jsx)(_articleContent.Atomic, {})
   },
   'header-four': {
     element: 'h4',
-    wrapper: /*#__PURE__*/_react.default.createElement(HeadingForAnnotation, null)
+    wrapper: /*#__PURE__*/(0, _jsxRuntime.jsx)(HeadingForAnnotation, {})
   },
   'header-five': {
     element: 'h5',
-    wrapper: /*#__PURE__*/_react.default.createElement(HeadingForAnnotation, null)
+    wrapper: /*#__PURE__*/(0, _jsxRuntime.jsx)(HeadingForAnnotation, {})
   },
   'ordered-list-item': {
     element: 'li',
-    wrapper: /*#__PURE__*/_react.default.createElement(ListForAnnotation, null)
+    wrapper: /*#__PURE__*/(0, _jsxRuntime.jsx)(ListForAnnotation, {})
   },
   'unordered-list-item': {
     element: 'li',
-    wrapper: /*#__PURE__*/_react.default.createElement(ListForAnnotation, {
+    wrapper: /*#__PURE__*/(0, _jsxRuntime.jsx)(ListForAnnotation, {
       as: "ul"
     })
   },
   unstyled: {
     element: 'div',
-    wrapper: /*#__PURE__*/_react.default.createElement(ParagraphForAnnotation, null)
+    wrapper: /*#__PURE__*/(0, _jsxRuntime.jsx)(ParagraphForAnnotation, {})
   }
 });
 const blockRenderMap = exports.blockRenderMap = _draftJs.DefaultDraftBlockRenderMap.merge(_blockRenderMapForAnnotation);

package/lib/block-render-maps/article-brief.js

@@ -4,11 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.blockRenderMap = void 0;
+var _draftJs = require("draft-js");
 var _immutable = _interopRequireDefault(require("immutable"));
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _draftJs = require("draft-js");
 var _articleContent = require("./article-content");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const ParagraphForIntroduction = (0, _styledComponents.default)(_articleContent.Paragraph)`
   font-size: ${({
@@ -22,16 +23,16 @@ const ListForIntroduction = (0, _styledComponents.default)(_articleContent.List)
 const blockRenderMap = exports.blockRenderMap = _draftJs.DefaultDraftBlockRenderMap.merge(_immutable.default.Map({
   'ordered-list-item': {
     element: 'li',
-    wrapper: /*#__PURE__*/_react.default.createElement(ListForIntroduction, null)
+    wrapper: /*#__PURE__*/(0, _jsxRuntime.jsx)(ListForIntroduction, {})
   },
   'unordered-list-item': {
     element: 'li',
-    wrapper: /*#__PURE__*/_react.default.createElement(ListForIntroduction, {
+    wrapper: /*#__PURE__*/(0, _jsxRuntime.jsx)(ListForIntroduction, {
       as: "ul"
     })
   },
   unstyled: {
     element: 'div',
-    wrapper: /*#__PURE__*/_react.default.createElement(ParagraphForIntroduction, null)
+    wrapper: /*#__PURE__*/(0, _jsxRuntime.jsx)(ParagraphForIntroduction, {})
   }
 }));

package/lib/block-render-maps/article-content.js

@@ -4,11 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.blockRenderMap = exports.Paragraph = exports.List = exports.Heading = exports.Atomic = void 0;
+var _draftJs = require("draft-js");
 var _immutable = _interopRequireDefault(require("immutable"));
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _draftJs = require("draft-js");
 var _mediaQuery = require("../utils/media-query");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const Paragraph = exports.Paragraph = _styledComponents.default.div`
   width: 100%;
@@ -101,37 +102,37 @@ const Atomic = exports.Atomic = _styledComponents.default.div`
 const _blockRenderMap = _immutable.default.Map({
   atomic: {
     element: 'figure',
-    wrapper: /*#__PURE__*/_react.default.createElement(Atomic, null)
+    wrapper: /*#__PURE__*/(0, _jsxRuntime.jsx)(Atomic, {})
   },
   'header-two': {
     element: 'h2',
-    wrapper: /*#__PURE__*/_react.default.createElement(Heading, null)
+    wrapper: /*#__PURE__*/(0, _jsxRuntime.jsx)(Heading, {})
   },
   'header-three': {
     element: 'h3',
-    wrapper: /*#__PURE__*/_react.default.createElement(Heading, null)
+    wrapper: /*#__PURE__*/(0, _jsxRuntime.jsx)(Heading, {})
   },
   'header-four': {
     element: 'h4',
-    wrapper: /*#__PURE__*/_react.default.createElement(Heading, null)
+    wrapper: /*#__PURE__*/(0, _jsxRuntime.jsx)(Heading, {})
   },
   'header-five': {
     element: 'h5',
-    wrapper: /*#__PURE__*/_react.default.createElement(Heading, null)
+    wrapper: /*#__PURE__*/(0, _jsxRuntime.jsx)(Heading, {})
   },
   'ordered-list-item': {
     element: 'li',
-    wrapper: /*#__PURE__*/_react.default.createElement(List, null)
+    wrapper: /*#__PURE__*/(0, _jsxRuntime.jsx)(List, {})
   },
   'unordered-list-item': {
     element: 'li',
-    wrapper: /*#__PURE__*/_react.default.createElement(List, {
+    wrapper: /*#__PURE__*/(0, _jsxRuntime.jsx)(List, {
       as: "ul"
     })
   },
   unstyled: {
     element: 'div',
-    wrapper: /*#__PURE__*/_react.default.createElement(Paragraph, null)
+    wrapper: /*#__PURE__*/(0, _jsxRuntime.jsx)(Paragraph, {})
   }
 });
 const blockRenderMap = exports.blockRenderMap = _draftJs.DefaultDraftBlockRenderMap.merge(_blockRenderMap);

package/lib/block-render-maps/image-link.js

@@ -4,11 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.blockRenderMap = void 0;
+var _draftJs = require("draft-js");
 var _immutable = _interopRequireDefault(require("immutable"));
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _draftJs = require("draft-js");
 var _articleContent = require("./article-content");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const ParagraphForImageLink = (0, _styledComponents.default)(_articleContent.Paragraph)`
   /* overwrite css */
@@ -26,11 +27,11 @@ const ParagraphForImageLink = (0, _styledComponents.default)(_articleContent.Par
 const _blockRenderMapForAnnotation = _immutable.default.Map({
   atomic: {
     element: 'div',
-    wrapper: /*#__PURE__*/_react.default.createElement(_articleContent.Atomic, null)
+    wrapper: /*#__PURE__*/(0, _jsxRuntime.jsx)(_articleContent.Atomic, {})
   },
   unstyled: {
     element: 'div',
-    wrapper: /*#__PURE__*/_react.default.createElement(ParagraphForImageLink, null)
+    wrapper: /*#__PURE__*/(0, _jsxRuntime.jsx)(ParagraphForImageLink, {})
   }
 });
 const blockRenderMap = exports.blockRenderMap = _draftJs.DefaultDraftBlockRenderMap.merge(_blockRenderMapForAnnotation);

package/lib/block-render-maps/index.js

@@ -7,8 +7,8 @@ exports.default = void 0;
 var _annotation = require("./annotation");
 var _articleBrief = require("./article-brief");
 var _articleContent = require("./article-content");
-var _infoBox = require("./info-box");
 var _imageLink = require("./image-link");
+var _infoBox = require("./info-box");
 var _projectContent = require("./project-content");
 var _default = exports.default = {
   annotation: _annotation.blockRenderMap,

package/lib/block-render-maps/info-box.js

@@ -4,11 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.blockRenderMapForInfoBoxWithHeaderBorder = exports.blockRenderMap = void 0;
+var _draftJs = require("draft-js");
 var _immutable = _interopRequireDefault(require("immutable"));
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _draftJs = require("draft-js");
 var _articleContent = require("./article-content");
+var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -40,29 +41,29 @@ const ParagraphForInfoBox = (0, _styledComponents.default)(_articleContent.Parag
 const _blockRenderMapForAnnotation = _immutable.default.Map({
   atomic: {
     element: 'div',
-    wrapper: /*#__PURE__*/_react.default.createElement(_articleContent.Atomic, null)
+    wrapper: /*#__PURE__*/(0, _jsxRuntime.jsx)(_articleContent.Atomic, {})
   },
   'header-four': {
     element: 'h4',
-    wrapper: /*#__PURE__*/_react.default.createElement(HeadingForInfoBox, null)
+    wrapper: /*#__PURE__*/(0, _jsxRuntime.jsx)(HeadingForInfoBox, {})
   },
   'header-five': {
     element: 'h5',
-    wrapper: /*#__PURE__*/_react.default.createElement(HeadingForInfoBox, null)
+    wrapper: /*#__PURE__*/(0, _jsxRuntime.jsx)(HeadingForInfoBox, {})
   },
   'ordered-list-item': {
     element: 'li',
-    wrapper: /*#__PURE__*/_react.default.createElement(ListForInfoBox, null)
+    wrapper: /*#__PURE__*/(0, _jsxRuntime.jsx)(ListForInfoBox, {})
   },
   'unordered-list-item': {
     element: 'li',
-    wrapper: /*#__PURE__*/_react.default.createElement(ListForInfoBox, {
+    wrapper: /*#__PURE__*/(0, _jsxRuntime.jsx)(ListForInfoBox, {
       as: "ul"
     })
   },
   unstyled: {
     element: 'div',
-    wrapper: /*#__PURE__*/_react.default.createElement(ParagraphForInfoBox, null)
+    wrapper: /*#__PURE__*/(0, _jsxRuntime.jsx)(ParagraphForInfoBox, {})
   }
 });
 const blockRenderMap = exports.blockRenderMap = _draftJs.DefaultDraftBlockRenderMap.merge(_blockRenderMapForAnnotation);
@@ -93,6 +94,6 @@ const HeadingForInfoBoxWithHeaderBorder = (0, _styledComponents.default)(Heading
 const blockRenderMapForInfoBoxWithHeaderBorder = exports.blockRenderMapForInfoBoxWithHeaderBorder = blockRenderMap.merge(_immutable.default.Map({
   'header-four': {
     element: 'h4',
-    wrapper: /*#__PURE__*/_react.default.createElement(HeadingForInfoBoxWithHeaderBorder, null)
+    wrapper: /*#__PURE__*/(0, _jsxRuntime.jsx)(HeadingForInfoBoxWithHeaderBorder, {})
   }
 }));

package/lib/block-render-maps/project-content.js

@@ -4,11 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.blockRenderMap = exports.Paragraph = exports.Heading = void 0;
+var _draftJs = require("draft-js");
 var _immutable = _interopRequireDefault(require("immutable"));
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _draftJs = require("draft-js");
 var _articleContent = require("./article-content");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const Paragraph = exports.Paragraph = (0, _styledComponents.default)(_articleContent.Paragraph)`
   text-align: center;
@@ -20,37 +21,37 @@ const Heading = exports.Heading = (0, _styledComponents.default)(_articleContent
 const _blockRenderMap = _immutable.default.Map({
   atomic: {
     element: 'figure',
-    wrapper: /*#__PURE__*/_react.default.createElement(_articleContent.Atomic, null)
+    wrapper: /*#__PURE__*/(0, _jsxRuntime.jsx)(_articleContent.Atomic, {})
   },
   'header-two': {
     element: 'h2',
-    wrapper: /*#__PURE__*/_react.default.createElement(Heading, null)
+    wrapper: /*#__PURE__*/(0, _jsxRuntime.jsx)(Heading, {})
   },
   'header-three': {
     element: 'h3',
-    wrapper: /*#__PURE__*/_react.default.createElement(Heading, null)
+    wrapper: /*#__PURE__*/(0, _jsxRuntime.jsx)(Heading, {})
   },
   'header-four': {
     element: 'h4',
-    wrapper: /*#__PURE__*/_react.default.createElement(Heading, null)
+    wrapper: /*#__PURE__*/(0, _jsxRuntime.jsx)(Heading, {})
   },
   'header-five': {
     element: 'h5',
-    wrapper: /*#__PURE__*/_react.default.createElement(Heading, null)
+    wrapper: /*#__PURE__*/(0, _jsxRuntime.jsx)(Heading, {})
   },
   'ordered-list-item': {
     element: 'li',
-    wrapper: /*#__PURE__*/_react.default.createElement(_articleContent.List, null)
+    wrapper: /*#__PURE__*/(0, _jsxRuntime.jsx)(_articleContent.List, {})
   },
   'unordered-list-item': {
     element: 'li',
-    wrapper: /*#__PURE__*/_react.default.createElement(_articleContent.List, {
+    wrapper: /*#__PURE__*/(0, _jsxRuntime.jsx)(_articleContent.List, {
       as: "ul"
     })
   },
   unstyled: {
     element: 'div',
-    wrapper: /*#__PURE__*/_react.default.createElement(Paragraph, null)
+    wrapper: /*#__PURE__*/(0, _jsxRuntime.jsx)(Paragraph, {})
   }
 });
 const blockRenderMap = exports.blockRenderMap = _draftJs.DefaultDraftBlockRenderMap.merge(_blockRenderMap);

package/lib/block-renderers/blockquote.js

@@ -10,6 +10,7 @@ var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _index = require("../utils/index");
 var _mediaQuery = require("../utils/media-query");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const BorderLeftContainer = _styledComponents.default.blockquote`
   margin: 0;
@@ -21,7 +22,11 @@ const BorderLeftContainer = _styledComponents.default.blockquote`
 function BorderLeftBlockquote({
   text
 }) {
-  return /*#__PURE__*/_react.default.createElement(BorderLeftContainer, null, /*#__PURE__*/_react.default.createElement(QuoteText, null, text));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BorderLeftContainer, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(QuoteText, {
+      children: text
+    })
+  });
 }
 const QuoteLeftContainer = _styledComponents.default.blockquote`
   margin: 0;
@@ -74,18 +79,25 @@ const SvgBlock = _styledComponents.default.div`
   }
 `;
 function QuoteSvg() {
-  return /*#__PURE__*/_react.default.createElement(SvgBlock, null, /*#__PURE__*/_react.default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 50 50",
-    "aria-hidden": "true"
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M9.4 14.6c-2.4 2.9-3.6 5.9-3.6 8.9 0 1.3.2 2.4.5 3.3 1.8-1.4 3.8-2.1 6-2.1 2.9 0 5.3.9 7.3 2.7 2 1.8 3 4.2 3 7.3 0 1.9-.5 3.6-1.4 5.1-.9 1.5-2.2 2.7-3.8 3.6s-3.3 1.3-5.1 1.3c-4.1 0-7.3-1.6-9.5-4.9C.9 36.9 0 33.5 0 29.4c0-5.2 1.4-9.9 4.1-14 2.8-4.1 6.9-7.5 12.5-10l1.5 2.8c-3.3 1.3-6.2 3.5-8.7 6.4zm27.5 0c-2.4 2.9-3.6 5.9-3.6 8.9 0 1.3.2 2.4.5 3.3 1.8-1.4 3.8-2.1 6-2.1 2.9 0 5.4.9 7.4 2.7 2 1.8 3 4.2 3 7.3 0 2.8-1 5.2-3 7.1-2 1.9-4.4 2.9-7.3 2.9-4.1 0-7.3-1.6-9.5-4.9-1.8-2.7-2.8-6.2-2.8-10.3 0-5.2 1.4-9.9 4.1-14 2.8-4.1 6.9-7.5 12.5-10l1.5 2.8c-3.5 1.2-6.4 3.4-8.8 6.3z"
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SvgBlock, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 50 50",
+      "aria-hidden": "true",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M9.4 14.6c-2.4 2.9-3.6 5.9-3.6 8.9 0 1.3.2 2.4.5 3.3 1.8-1.4 3.8-2.1 6-2.1 2.9 0 5.3.9 7.3 2.7 2 1.8 3 4.2 3 7.3 0 1.9-.5 3.6-1.4 5.1-.9 1.5-2.2 2.7-3.8 3.6s-3.3 1.3-5.1 1.3c-4.1 0-7.3-1.6-9.5-4.9C.9 36.9 0 33.5 0 29.4c0-5.2 1.4-9.9 4.1-14 2.8-4.1 6.9-7.5 12.5-10l1.5 2.8c-3.3 1.3-6.2 3.5-8.7 6.4zm27.5 0c-2.4 2.9-3.6 5.9-3.6 8.9 0 1.3.2 2.4.5 3.3 1.8-1.4 3.8-2.1 6-2.1 2.9 0 5.4.9 7.4 2.7 2 1.8 3 4.2 3 7.3 0 2.8-1 5.2-3 7.1-2 1.9-4.4 2.9-7.3 2.9-4.1 0-7.3-1.6-9.5-4.9-1.8-2.7-2.8-6.2-2.8-10.3 0-5.2 1.4-9.9 4.1-14 2.8-4.1 6.9-7.5 12.5-10l1.5 2.8c-3.5 1.2-6.4 3.4-8.8 6.3z"
+      })
+    })
+  });
 }
 function QuoteLeftBlockquote({
   text
 }) {
-  return /*#__PURE__*/_react.default.createElement(QuoteLeftContainer, null, /*#__PURE__*/_react.default.createElement(QuoteSvg, null), /*#__PURE__*/_react.default.createElement(QuoteText, null, text));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(QuoteLeftContainer, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(QuoteSvg, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(QuoteText, {
+      children: text
+    })]
+  });
 }
 const ArticleBodyContainer = _styledComponents.default.div`
   max-width: 700px;
@@ -112,9 +124,10 @@ function BlockquoteInArticleBody({
     text
   } = data;
   const BlockQuote = type === BlockquoteTypeEnum.quoteLeft ? QuoteLeftBlockquote : BorderLeftBlockquote;
-  return /*#__PURE__*/_react.default.createElement(ArticleBodyContainer, {
-    className: className
-  }, /*#__PURE__*/_react.default.createElement(BlockQuote, {
-    text: text
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ArticleBodyContainer, {
+    className: className,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BlockQuote, {
+      text: text
+    })
+  });
 }

package/lib/block-renderers/divider.js

@@ -8,6 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _index = require("../utils/index");
 var _mediaQuery = require("../utils/media-query");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const Hr = _styledComponents.default.hr`
   border-top: 3px solid ${({
@@ -22,7 +23,7 @@ const Hr = _styledComponents.default.hr`
   }
 `;
 const Divider = () => {
-  return /*#__PURE__*/_react.default.createElement(Hr, null);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Hr, {});
 };
 exports.Divider = Divider;
 var _default = exports.default = Divider;

package/lib/block-renderers/dropdown.js

@@ -4,11 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Dropdown = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const DropdownOptionList = _styledComponents.default.ul`
   margin: 0;
   position: relative;
@@ -103,21 +102,29 @@ const Dropdown = function ({
     onChange(option);
     setSelectedOption(option);
   };
-  const optionItem = options.map((option, idx) => /*#__PURE__*/_react.default.createElement(DropdownOption, {
+  const optionItem = options.map((option, idx) => /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownOption, {
     onClick: () => selectOption(option),
-    key: `option-${idx}`
-  }, option.name));
-  return /*#__PURE__*/_react.default.createElement(Container, {
-    className: className
-  }, /*#__PURE__*/_react.default.createElement(InputBlock, {
-    onClick: toggleList
-  }, /*#__PURE__*/_react.default.createElement(Input, {
-    disabled: true,
-    readOnly: true,
-    placeholder: "\u8ACB\u9078\u64C7",
-    value: selectedOption.name
-  }), options.length > 1 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Arrow, {
-    $isListOpen: isListOpen
-  }), labelForMore && /*#__PURE__*/_react.default.createElement(Label, null, labelForMore))), isListOpen && /*#__PURE__*/_react.default.createElement(DropdownOptionList, null, optionItem));
+    children: option.name
+  }, `option-${idx}`));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, {
+    className: className,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(InputBlock, {
+      onClick: toggleList,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Input, {
+        disabled: true,
+        readOnly: true,
+        placeholder: "\u8ACB\u9078\u64C7",
+        value: selectedOption.name
+      }), options.length > 1 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Arrow, {
+          $isListOpen: isListOpen
+        }), labelForMore && /*#__PURE__*/(0, _jsxRuntime.jsx)(Label, {
+          children: labelForMore
+        })]
+      })]
+    }), isListOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownOptionList, {
+      children: optionItem
+    })]
+  });
 };
 exports.Dropdown = Dropdown;

package/lib/block-renderers/embedded-code-block.js

@@ -5,12 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.EmbeddedCodeBlock = exports.Caption = exports.Block = void 0;
 exports.EmbeddedCodeInArticleBody = EmbeddedCodeInArticleBody;
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _mediaQuery = require("../utils/media-query");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const Block = exports.Block = _styledComponents.default.div`
   position: relative;
   white-space: normal;
@@ -73,14 +72,17 @@ const EmbeddedCodeBlock = ({
     });
     node.appendChild(fragment);
   }, [embeddedCode]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: className
-  }, /*#__PURE__*/_react.default.createElement("input", {
-    hidden: true,
-    disabled: true
-  }), /*#__PURE__*/_react.default.createElement(Block, {
-    ref: embedded
-  }), caption && /*#__PURE__*/_react.default.createElement(Caption, null, caption));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: className,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+      hidden: true,
+      disabled: true
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Block, {
+      ref: embedded
+    }), caption && /*#__PURE__*/(0, _jsxRuntime.jsx)(Caption, {
+      children: caption
+    })]
+  });
 };
 exports.EmbeddedCodeBlock = EmbeddedCodeBlock;
 const ArticleBodyContainer = _styledComponents.default.div`
@@ -95,10 +97,11 @@ function EmbeddedCodeInArticleBody({
   className = '',
   data
 }) {
-  return /*#__PURE__*/_react.default.createElement(ArticleBodyContainer, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ArticleBodyContainer, {
     $align: data.align,
-    className: className
-  }, /*#__PURE__*/_react.default.createElement(EmbeddedCodeBlock, {
-    data: data
-  }));
+    className: className,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(EmbeddedCodeBlock, {
+      data: data
+    })
+  });
 }

package/lib/block-renderers/image-block.js

@@ -7,9 +7,14 @@ exports.ImageBlock = ImageBlock;
 exports.ImageInArticleBody = ImageInArticleBody;
 exports.ImageInInfoBox = ImageInInfoBox;
 exports.InfoBoxContainer = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
+var _react = require("react");
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _constants = require("../utils/constants");
 var _mediaQuery = require("../utils/media-query");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const Figure = _styledComponents.default.figure`
   width: 100%;
@@ -31,16 +36,29 @@ const FigureCaption = _styledComponents.default.figcaption`
 const Img = _styledComponents.default.img`
   width: 100%;
   object-fit: contain;
+  ${props => props.$isDesktopAndAbove ? 'cursor: zoom-in;' : ''};
 `;
 function ImageBlock({
   className = '',
   data
 }) {
+  const theme = (0, _styledComponents.useTheme)();
   const {
     desc,
     imageFile,
     resized
   } = data || {};
+  const [isDesktopAndAbove, setIsDesktopAndAbove] = (0, _react.useState)(false);
+  const handleWindowResize = (0, _debounce.default)(() => {
+    setIsDesktopAndAbove(window.innerWidth > _mediaQuery.breakpoints.desktop);
+  }, _constants.DEBOUNCE_THRESHOLD);
+  (0, _react.useEffect)(() => {
+    setIsDesktopAndAbove(window.innerWidth > _mediaQuery.breakpoints.desktop);
+    window.addEventListener('resize', handleWindowResize);
+    return () => {
+      window.removeEventListener('resize', handleWindowResize);
+    };
+  }, []);
   const aspectRatio = imageFile !== null && imageFile !== void 0 && imageFile.width && imageFile !== null && imageFile !== void 0 && imageFile.height ? `${imageFile.width}/${imageFile.height}` : '16/9';
   const imgSrcSetArr = [];
   if (resized !== null && resized !== void 0 && resized.medium) {
@@ -49,17 +67,28 @@ function ImageBlock({
   if (resized !== null && resized !== void 0 && resized.large) {
     imgSrcSetArr.push(`${resized.large} 1000w`);
   }
-  const imgBlock = /*#__PURE__*/_react.default.createElement(Figure, {
-    className: className
-  }, /*#__PURE__*/_react.default.createElement(Img, {
-    alt: desc,
+  const commonImgProps = {
     src: (resized === null || resized === void 0 ? void 0 : resized.original) ?? (resized === null || resized === void 0 ? void 0 : resized.medium),
-    srcSet: imgSrcSetArr.join(','),
-    sizes: "(min-width: 1200px) 1000px, 100vw",
-    style: {
-      aspectRatio: aspectRatio
-    }
-  }), desc && /*#__PURE__*/_react.default.createElement(FigureCaption, null, desc));
+    sizes: '(min-width: 1200px) 1000px, 100vw',
+    srcSet: imgSrcSetArr.join(',')
+  };
+  const imgBlock = /*#__PURE__*/(0, _jsxRuntime.jsxs)(Figure, {
+    className: className,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Img, {
+      alt: desc,
+      ...commonImgProps,
+      style: {
+        aspectRatio: aspectRatio
+      },
+      $isDesktopAndAbove: isDesktopAndAbove,
+      onClick: () => {
+        var _handleImgModalOpen, _ref;
+        return isDesktopAndAbove && (theme === null || theme === void 0 || (_handleImgModalOpen = (_ref = theme).handleImgModalOpen) === null || _handleImgModalOpen === void 0 ? void 0 : _handleImgModalOpen.call(_ref, commonImgProps));
+      }
+    }), desc && /*#__PURE__*/(0, _jsxRuntime.jsx)(FigureCaption, {
+      children: desc
+    })]
+  });
   return imgBlock;
 }
 const ArticleBodyContainer = _styledComponents.default.div`
@@ -103,6 +132,8 @@ const ArticleBodyContainer = _styledComponents.default.div`
             margin: 5px 27px 5px 0px;
           }
         `;
+    default:
+      return '';
   }
 }}
 `;
@@ -110,12 +141,13 @@ function ImageInArticleBody({
   className = '',
   data
 }) {
-  return /*#__PURE__*/_react.default.createElement(ArticleBodyContainer, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ArticleBodyContainer, {
     $alignment: data.alignment,
-    className: className
-  }, /*#__PURE__*/_react.default.createElement(ImageBlock, {
-    data: data
-  }));
+    className: className,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ImageBlock, {
+      data: data
+    })
+  });
 }
 const InfoBoxContainer = exports.InfoBoxContainer = _styledComponents.default.div`
   /* reset browser default styles */
@@ -157,10 +189,11 @@ function ImageInInfoBox({
   className = '',
   data
 }) {
-  return /*#__PURE__*/_react.default.createElement(InfoBoxContainer, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(InfoBoxContainer, {
     $alignment: data.alignment,
-    className: className
-  }, /*#__PURE__*/_react.default.createElement(ImageBlock, {
-    data: data
-  }));
+    className: className,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ImageBlock, {
+      data: data
+    })
+  });
 }