@kids-reporter/draft-renderer 1.0.13 → 1.0.14

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

@@ -38,7 +38,7 @@ const Img = _styledComponents.default.img`
   object-fit: contain;
   ${props => props.$isDesktopAndAbove ? 'cursor: zoom-in;' : ''};
 `;
-function ImageBlock({
+function ImageBlockInner({
   className = '',
   data
 }) {
@@ -91,6 +91,18 @@ function ImageBlock({
   });
   return imgBlock;
 }
+function ImageBlock({
+  className = '',
+  data
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styledComponents.ThemeProvider, {
+    theme: {},
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ImageBlockInner, {
+      className: className,
+      data: data
+    })
+  });
+}
 const ArticleBodyContainer = _styledComponents.default.div`
   /* reset browser default styles */
   figure {

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

@@ -26,10 +26,10 @@ const Img = _styledComponents.default.img`
   object-fit: contain;
   ${props => props.$isDesktopAndAbove ? 'cursor: zoom-in;' : ''};
 `;
-const ImageLinkBlock = ({
+function ImageLinkBlockInner({
   className = '',
   data
-}) => {
+}) {
   const theme = (0, _styledComponents.useTheme)();
   const {
     url,
@@ -69,6 +69,18 @@ const ImageLinkBlock = ({
     })]
   });
   return imgBlock;
+}
+const ImageLinkBlock = ({
+  className = '',
+  data
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styledComponents.ThemeProvider, {
+    theme: {},
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ImageLinkBlockInner, {
+      className: className,
+      data: data
+    })
+  });
 };
 exports.ImageLinkBlock = ImageLinkBlock;
 const ArticleBodyContainer = _styledComponents.default.div`

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

@@ -263,43 +263,38 @@ const SlidesFlexBox = _styledComponents.default.div`
   flex-wrap: nowrap;
   width: 100%;
   height: 100%;
-  ${props => {
-  if (props.isSliding) {
-    return `transition: transform ${props.duration}ms ease-in-out;`;
-  }
-  return '';
-}}
-
-  ${_mediaQuery.mediaQuery.smallOnly} {
-    transform: translateX(
-      ${props => getTranslateX(mockup.mobile, props.translateXUint) / getContainerWidth(mockup.mobile) * 100}%
-    );
-  }
-
-  ${_mediaQuery.mediaQuery.mediumOnly} {
-    transform: translateX(
-      ${props => getTranslateX(mockup.desktop, props.translateXUint)}px
-    );
-  }
-
-  ${_mediaQuery.mediaQuery.largeOnly} {
-    transform: translateX(
-      ${props => getTranslateX(mockup.hd, props.translateXUint)}px
-    );
-  }
+  ${({
+  isSliding,
+  duration
+}) => isSliding ? `transition: transform ${duration}ms ease-in-out;` : ''}
+
+  ${({
+  translateXUint
+}) => `
+    ${_mediaQuery.mediaQuery.smallOnly} {
+      transform: translateX(
+          ${getTranslateX(mockup.mobile, translateXUint) / getContainerWidth(mockup.mobile)} * 100%
+        );
+    }
+    ${_mediaQuery.mediaQuery.mediumOnly} {
+      transform: translateX(
+          ${getTranslateX(mockup.desktop, translateXUint) / getContainerWidth(mockup.desktop)} * 100%
+        );
+    }
+    ${_mediaQuery.mediaQuery.largeOnly} {
+      transform: translateX(
+          ${getTranslateX(mockup.hd, translateXUint) / getContainerWidth(mockup.hd)} * 100%
+        );
+    }
+  `}
 `;
 const SlideFlexItem = _styledComponents.default.div`
   height: 100%;
   flex-shrink: 0;
 
   ${_mediaQuery.mediaQuery.smallOnly} {
-    flex-basis: calc(
-      ${getSlideWidth(mockup.mobile)} / ${getContainerWidth(mockup.mobile)}*100%
-    );
-    padding-right: calc(
-      ${mockup.mobile.slide.paddingRight} /
-        ${getContainerWidth(mockup.mobile)}*100%
-    );
+    flex-basis: ${() => `calc(${getSlideWidth(mockup.mobile)} / ${getContainerWidth(mockup.mobile)}*100%)`};
+    padding-right: ${() => `calc(${mockup.mobile.slide.paddingRight} / ${getContainerWidth(mockup.mobile)}*100%)`};
   }
 
   ${_mediaQuery.mediaQuery.mediumOnly} {

package/lib/entity-decorators/link-decorator.js

@@ -21,7 +21,7 @@ const LinkWrapper = _styledComponents.default.a`
     color: #232323;
   }
 `;
-const Link = props => {
+const LinkInner = props => {
   const {
     url
   } = props.contentState.getEntity(props.entityKey).getData();
@@ -47,6 +47,14 @@ const Link = props => {
     children: props.children
   });
 };
+const Link = props => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styledComponents.ThemeProvider, {
+    theme: {},
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(LinkInner, {
+      ...props
+    })
+  });
+};
 const linkDecorator = exports.linkDecorator = {
   strategy: (0, _entity.findEntitiesByType)(_entity.ENTITY.Link),
   component: Link

package/lib/global.d.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FontSizeLevel = void 0;
+/* eslint-disable @typescript-eslint/consistent-type-definitions */
+let FontSizeLevel = exports.FontSizeLevel = /*#__PURE__*/function (FontSizeLevel) {
+  FontSizeLevel["NORMAL"] = "normal";
+  FontSizeLevel["LARGE"] = "large";
+  return FontSizeLevel;
+}({});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kids-reporter/draft-renderer",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "description": "",
   "main": "lib/index.js",
   "scripts": {
@@ -35,7 +35,7 @@
     "draft-js": "^0.11.7",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "styled-components": "5.3.5"
+    "styled-components": "6.1.19"
   },
   "files": [
     "lib",
@@ -44,6 +44,6 @@
   "devDependencies": {
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "styled-components": "5.3.5"
+    "styled-components": "6.1.19"
   }
 }