@nteract/presentational-components - npm Package Compare versions

Comparing version 0.1.0 to 0.2.0

lib/components/outputs.js

@@ -54,8 +54,8 @@ "use strict";
           {
-            className: "jsx-2230648903" + " " + "outputs"
+            className: "jsx-3381935078" + " " + ("outputs" + (this.props.expanded ? " expanded" : ""))
           },
           this.props.children,
           React.createElement(_style2.default, {
-            styleId: "2230648903",
-            css: ".outputs.jsx-2230648903{padding:10px 10px 10px calc(var(--prompt-width,50px) + 10px);word-wrap:break-word;overflow-y:auto;outline:none;}.outputs.jsx-2230648903 a{color:var(--link-color-unvisited,blue);}.outputs.jsx-2230648903 a:visited{color:var(--link-color-visited,blue);}.outputs.jsx-2230648903>div:empty{display:none;}.outputs.jsx-2230648903 code{font-family:\"Source Code Pro\";white-space:pre-wrap;font-size:14px;}.outputs.jsx-2230648903 pre{white-space:pre-wrap;font-size:14px;word-wrap:break-word;}.outputs.jsx-2230648903 img{display:block;max-width:100%;}.outputs.jsx-2230648903 kbd{display:inline-block;border:1px solid #ccc;border-radius:4px;padding:0.1em 0.5em;margin:0 0.2em;box-shadow:0 1px 0px rgba(0,0,0,0.2),0 0 0 2px #fff inset;background-color:#f7f7f7;}.outputs.jsx-2230648903 table{border-collapse:collapse;}.outputs.jsx-2230648903 th,.outputs.jsx-2230648903 td,.outputs.jsx-2230648903 .th,.outputs.jsx-2230648903 .td{padding:0.5em 1em;border:1px solid var(--theme-app-border,#cbcbcb);}.outputs.jsx-2230648903 th{text-align:left;}.outputs.jsx-2230648903 blockquote{padding:0.75em 0.5em 0.75em 1em;background:var(--theme-cell-output-bg,white);border-left:0.5em solid #ddd;}.outputs.jsx-2230648903 .blockquote::before{display:block;height:0;content:\"\u201C\";margin-left:-0.95em;font:italic 400%/1 Open Serif,Georgia,\"Times New Roman\",serif;color:solid var(--theme-app-border,#cbcbcb);}.outputs.jsx-2230648903 blockquote p.jsx-2230648903{display:inline;}.outputs.jsx-2230648903 dd{display:block;-webkit-margin-start:40px;}.outputs.jsx-2230648903 dl{display:block;-webkit-margin-before:1__qem;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;}.outputs.jsx-2230648903 dt{display:block;}.outputs.jsx-2230648903 dl{width:100%;overflow:hidden;padding:0;margin:0;}.outputs.jsx-2230648903 dt{font-weight:bold;float:left;width:20%;padding:0;margin:0;}.outputs.jsx-2230648903 dd{float:left;width:80%;padding:0;margin:0;}.outputs.jsx-2230648903 .list-inline li.jsx-2230648903{display:inline;padding-right:20px;text-align:center;}"
+            styleId: "3381935078",
+            css: ".outputs.jsx-3381935078{padding:10px 10px 10px calc(var(--prompt-width,50px) + 10px);word-wrap:break-word;overflow-y:auto;outline:none;max-height:600px;}.expanded.jsx-3381935078{max-height:100%;}.outputs.jsx-3381935078 a{color:var(--link-color-unvisited,blue);}.outputs.jsx-3381935078 a:visited{color:var(--link-color-visited,blue);}.outputs.jsx-3381935078>div:empty{display:none;}.outputs.jsx-3381935078 code{font-family:\"Source Code Pro\";white-space:pre-wrap;font-size:14px;}.outputs.jsx-3381935078 pre{white-space:pre-wrap;font-size:14px;word-wrap:break-word;}.outputs.jsx-3381935078 img{display:block;max-width:100%;}.outputs.jsx-3381935078 kbd{display:inline-block;border:1px solid #ccc;border-radius:4px;padding:0.1em 0.5em;margin:0 0.2em;box-shadow:0 1px 0px rgba(0,0,0,0.2),0 0 0 2px #fff inset;background-color:#f7f7f7;}.outputs.jsx-3381935078 table{border-collapse:collapse;}.outputs.jsx-3381935078 th,.outputs.jsx-3381935078 td,.outputs.jsx-3381935078 .th,.outputs.jsx-3381935078 .td{padding:0.5em 1em;border:1px solid var(--theme-app-border,#cbcbcb);}.outputs.jsx-3381935078 th{text-align:left;}.outputs.jsx-3381935078 blockquote{padding:0.75em 0.5em 0.75em 1em;background:var(--theme-cell-output-bg,white);border-left:0.5em solid #ddd;}.outputs.jsx-3381935078 .blockquote::before{display:block;height:0;content:\"\u201C\";margin-left:-0.95em;font:italic 400%/1 Open Serif,Georgia,\"Times New Roman\",serif;color:solid var(--theme-app-border,#cbcbcb);}.outputs.jsx-3381935078 blockquote p.jsx-3381935078{display:inline;}.outputs.jsx-3381935078 dd{display:block;-webkit-margin-start:40px;}.outputs.jsx-3381935078 dl{display:block;-webkit-margin-before:1__qem;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;}.outputs.jsx-3381935078 dt{display:block;}.outputs.jsx-3381935078 dl{width:100%;overflow:hidden;padding:0;margin:0;}.outputs.jsx-3381935078 dt{font-weight:bold;float:left;width:20%;padding:0;margin:0;}.outputs.jsx-3381935078 dd{float:left;width:80%;padding:0;margin:0;}.outputs.jsx-3381935078 .list-inline li.jsx-3381935078{display:inline;padding-right:20px;text-align:center;}"
           })
@@ -81,2 +81,3 @@ );
   children: null,
+  expanded: false,
   hidden: false
@@ -83,0 +84,0 @@ };

package.json

 {
   "name": "@nteract/presentational-components",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "pure presentational components for nteract",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

src/components/outputs.js

@@ -6,2 +6,3 @@ // @flow
   children: React.Node,
+  expanded: boolean,
   hidden: boolean
@@ -13,2 +14,3 @@ };
     children: null,
+    expanded: false,
     hidden: false
@@ -24,3 +26,3 @@ };
       return (
-        <div className="outputs">
+        <div className={`outputs${this.props.expanded ? " expanded" : ""}`}>
           {this.props.children}
@@ -33,4 +35,10 @@ <style jsx>{`
               outline: none;
+              /* When expanded, this is overtaken to 100% */
+              max-height: 600px;
             }
 
+            .expanded {
+              max-height: 100%;
+            }
+
             .outputs :global(a) {
@@ -37,0 +45,0 @@ color: var(--link-color-unvisited, blue);

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

102242

increased by0.61%

Lines of code

1639

increased by0.55%

Number of medium supply chain risk alerts

6

decreased by-14.29%

No dependency changes