codelabs-react - npm Package Compare versions

Comparing version 1.8.2 to 1.9.0

dist/components.js

@@ -120,4 +120,9 @@ "use strict";
 function ListItem(_ref12) {
-  var children = _ref12.children;
-  return /*#__PURE__*/_react["default"].createElement("li", null, children);
+  var children = _ref12.children,
+      magnitude = _ref12.magnitude;
+  return /*#__PURE__*/_react["default"].createElement("ul", {
+    style: {
+      marginLeft: "".concat(magnitude - 36, "px")
+    }
+  }, /*#__PURE__*/_react["default"].createElement("li", null, children));
 }
@@ -124,0 +129,0 @@

dist/core.test.js

@@ -25,3 +25,3 @@ "use strict";
 test("Extract parses the document", function () {
-  var tree = _extract["default"].parse(_document.content, _document1607876232180Inline.inlineObjects);
+  var tree = _extract["default"].parse(_document.body.content, _document1607876232180Inline.inlineObjects);
 
@@ -28,0 +28,0 @@ expect(tree).toMatchSnapshot();

dist/extract.js

@@ -48,4 +48,3 @@ "use strict";
 function parseParagraph(paragraph, images) {
-  return {
-    type: getParagraphType(paragraph),
+  return _objectSpread(_objectSpread({}, getParagraphDetails(paragraph)), {}, {
     content: paragraph.elements.map(function (element) {
@@ -76,3 +75,3 @@ var _element$textRun;
     })
-  };
+  });
 }
@@ -124,3 +123,3 @@
 
-function getParagraphType(paragraph) {
+function getParagraphDetails(paragraph) {
   var mapping = {
@@ -136,4 +135,6 @@ NORMAL_TEXT: "p",
   try {
-    if (paragraph.paragraphStyle.spacingMode === "COLLAPSE_LISTS" || paragraph.paragraphStyle.indentStart) {
-      return "li";
+    if (paragraph.paragraphStyle.indentStart) {
+      return _objectSpread({
+        type: "li"
+      }, paragraph.paragraphStyle.indentStart);
     }
@@ -144,6 +145,10 @@ } catch (ex) {// do nothing
   try {
-    return mapping[paragraph.paragraphStyle.namedStyleType];
+    return {
+      type: mapping[paragraph.paragraphStyle.namedStyleType]
+    };
   } catch (e) {
     // defaults to p
-    return "p";
+    return {
+      type: "p"
+    };
   }
@@ -150,0 +155,0 @@ }

dist/index.js

@@ -98,3 +98,3 @@ "use strict";
     li: function li(props) {
-      return /*#__PURE__*/_react["default"].createElement(ListItemComponent, null, props.children);
+      return /*#__PURE__*/_react["default"].createElement(ListItemComponent, props, props.children);
     },
@@ -165,3 +165,3 @@ infobox: function infobox(props) {
 
-  return /*#__PURE__*/_react["default"].createElement(Tag, null, node.content.map(function (element, elementIndex) {
+  return /*#__PURE__*/_react["default"].createElement(Tag, node, node.content.map(function (element, elementIndex) {
     if (!element) return;
@@ -168,0 +168,0 @@ key = "".concat(key, "-").concat(elementIndex);

package.json

 {
   "name": "codelabs-react",
-  "version": "1.8.2",
+  "version": "1.9.0",
   "description": "",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

README.md

@@ -73,5 +73,5 @@ # codelabs-react
 
-- [ ] Image support
+- [x] Image support
 - [ ] YouTube support
 - [ ] Per-step time estimation
 - [ ] Feedback links

src/components.js

@@ -101,4 +101,8 @@ import React from "react";
 
-export function ListItem({ children }) {
-  return <li>{children}</li>;
+export function ListItem({ children, magnitude }) {
+  return (
+    <ul style={{ marginLeft: `${magnitude - 36}px` }}>
+      <li>{children}</li>
+    </ul>
+  );
 }
@@ -105,0 +109,0 @@

src/core.test.js

@@ -11,3 +11,3 @@ import React from "react";
 
-import { content } from "../stories/document-1607876232180.json";
+import { body } from "../stories/document-1607876232180.json";
 import { inlineObjects } from "../stories/document-1607876232180-inline.json";
@@ -21,3 +21,3 @@ import Extract from "./extract";
 test("Extract parses the document", () => {
-  const tree = Extract.parse(content, inlineObjects);
+  const tree = Extract.parse(body.content, inlineObjects);
   expect(tree).toMatchSnapshot();
@@ -24,0 +24,0 @@ });

src/extract.js

@@ -31,3 +31,3 @@ const infoColor = { red: 0.8509804, green: 0.91764706, blue: 0.827451 };
   return {
-    type: getParagraphType(paragraph),
+    ...getParagraphDetails(paragraph),
     content: paragraph.elements.map((element) => {
@@ -141,3 +141,3 @@ // TODO(): add image support
 
-function getParagraphType(paragraph) {
+function getParagraphDetails(paragraph) {
   const mapping = {
@@ -153,7 +153,7 @@ NORMAL_TEXT: "p",
   try {
-    if (
-      paragraph.paragraphStyle.spacingMode === "COLLAPSE_LISTS" ||
-      paragraph.paragraphStyle.indentStart
-    ) {
-      return "li";
+    if (paragraph.paragraphStyle.indentStart) {
+      return {
+        type: "li",
+        ...paragraph.paragraphStyle.indentStart,
+      };
     }
@@ -165,6 +165,8 @@ } catch (ex) {
   try {
-    return mapping[paragraph.paragraphStyle.namedStyleType];
+    return {
+      type: mapping[paragraph.paragraphStyle.namedStyleType],
+    };
   } catch (e) {
     // defaults to p
-    return "p";
+    return { type: "p" };
   }
@@ -171,0 +173,0 @@ }

src/index.js

@@ -74,3 +74,5 @@ import React, { useState } from "react";
     h6: (props) => <H6Component>{props.children}</H6Component>,
-    li: (props) => <ListItemComponent>{props.children}</ListItemComponent>,
+    li: (props) => (
+      <ListItemComponent {...props}>{props.children}</ListItemComponent>
+    ),
     infobox: (props) => <InfoBoxComponent>{props.children}</InfoBoxComponent>,
@@ -136,3 +138,3 @@ warningbox: (props) => (
   return (
-    <Tag>
+    <Tag {...node}>
       {node.content.map((element, elementIndex) => {
@@ -139,0 +141,0 @@ if (!element) return;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

323828

increased by2.69%

Lines of code

1404

increased by1.3%

No dependency changes