@teambit/base-ui.graph.tree.recursive-tree - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

dist/default-tree-node.d.ts

@@ -1,3 +0,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { TreeNodeProps } from './tree-types';
-export declare function DefaultTreeNode({ node, depth }: TreeNodeProps): JSX.Element;
+export declare function DefaultTreeNode({ node, depth }: TreeNodeProps): React.JSX.Element;

dist/default-tree-node.js

@@ -16,3 +16,3 @@ "use strict";
         react_1.default.createElement("div", { className: base_ui_graph_tree_indent_1.indentClass }, node.id),
-        react_1.default.createElement("div", { style: base_ui_graph_tree_indent_1.indentStyle(depth) },
+        react_1.default.createElement("div", { style: (0, base_ui_graph_tree_indent_1.indentStyle)(depth) },
             react_1.default.createElement(tree_layer_1.TreeLayer, { childNodes: node.children, depth: depth }))));
@@ -19,0 +19,0 @@ }

dist/index.js

@@ -8,3 +8,7 @@ "use strict";
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
@@ -11,0 +15,0 @@ if (k2 === undefined) k2 = k;

dist/recursive-tree.composition.d.ts

@@ -1,3 +0,3 @@
-/// <reference types="react" />
-export declare const Preview: () => JSX.Element;
-export declare const CustomNodes: () => JSX.Element;
+import React from 'react';
+export declare const Preview: () => React.JSX.Element;
+export declare const CustomNodes: () => React.JSX.Element;

dist/recursive-tree.composition.js

 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
@@ -49,3 +53,3 @@ if (k2 === undefined) k2 = k;
     const { id, children } = node;
-    const [isOpen, setOpen] = react_1.useState(true);
+    const [isOpen, setOpen] = (0, react_1.useState)(true);
     if (!children) {
@@ -68,4 +72,4 @@ return (react_1.default.createElement("div", { className: base_ui_graph_tree_indent_1.indentClass },
             id),
-        react_1.default.createElement("div", { style: base_ui_graph_tree_indent_1.indentStyle(depth) }, isOpen && react_1.default.createElement(tree_layer_1.TreeLayer, { childNodes: children, depth: depth }))));
+        react_1.default.createElement("div", { style: (0, base_ui_graph_tree_indent_1.indentStyle)(depth) }, isOpen && react_1.default.createElement(tree_layer_1.TreeLayer, { childNodes: children, depth: depth }))));
 };
 //# sourceMappingURL=recursive-tree.composition.js.map

dist/tree-layer.d.ts

@@ -1,3 +0,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { TreeLayerProps } from './tree-types';
-export declare function TreeLayer<Payload = any>({ childNodes, depth }: TreeLayerProps<Payload>): JSX.Element;
+export declare function TreeLayer<Payload = any>({ childNodes, depth }: TreeLayerProps<Payload>): React.JSX.Element;

dist/tree-layer.js

 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
@@ -26,3 +30,3 @@ if (k2 === undefined) k2 = k;
 function TreeLayer({ childNodes, depth }) {
-    const TreeNodeRenderer = react_1.useContext(tree_node_context_1.TreeNodeContext);
+    const TreeNodeRenderer = (0, react_1.useContext)(tree_node_context_1.TreeNodeContext);
     return (react_1.default.createElement(react_1.default.Fragment, null, childNodes.map((node) => (react_1.default.createElement(TreeNodeRenderer, { key: node.id, node: node, depth: depth + 1 })))));
@@ -29,0 +33,0 @@ }

dist/tree-node-context.js

@@ -6,3 +6,3 @@ "use strict";
 const default_tree_node_1 = require("./default-tree-node");
-exports.TreeNodeContext = react_1.createContext(default_tree_node_1.DefaultTreeNode);
+exports.TreeNodeContext = (0, react_1.createContext)(default_tree_node_1.DefaultTreeNode);
 //# sourceMappingURL=tree-node-context.js.map

package.json

 {
   "name": "@teambit/base-ui.graph.tree.recursive-tree",
-  "version": "1.0.0",
-  "homepage": "https://bit.dev/teambit/base-ui/graph/tree/recursive-tree",
+  "version": "1.0.1",
+  "homepage": "https://bit.cloud/teambit/base-ui/graph/tree/recursive-tree",
   "main": "dist/index.js",
@@ -9,3 +9,3 @@ "componentId": {
     "name": "graph/tree/recursive-tree",
-    "version": "1.0.0"
+    "version": "1.0.1"
   },
@@ -18,40 +18,14 @@ "dependencies": {
     "@types/react": "^17.0.8",
-    "@types/testing-library__jest-dom": "5.9.5",
-    "@babel/runtime": "7.12.18",
+    "@types/node": "12.20.4",
+    "@types/react-dom": "^17.0.5",
     "@types/jest": "^26.0.0",
-    "@types/react-dom": "^17.0.5",
-    "@types/node": "12.20.4"
+    "@babel/runtime": "7.20.0",
+    "@types/testing-library__jest-dom": "5.9.5"
   },
   "peerDependencies": {
-    "react-dom": "^16.8.0 || ^17.0.0",
-    "react": "^16.8.0 || ^17.0.0"
+    "react": "^16.8.0 || ^17.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0"
   },
   "license": "SEE LICENSE IN LICENSE",
-  "bit": {
-    "bindingPrefix": "@teambit",
-    "env": {},
-    "overrides": {
-      "dependencies": {
-        "core-js": "^3.0.0",
-        "react-dom": "-",
-        "react": "-"
-      },
-      "devDependencies": {
-        "@types/testing-library__jest-dom": "5.9.5",
-        "@babel/runtime": "7.12.18",
-        "@types/jest": "^26.0.0",
-        "@types/react-dom": "^17.0.5",
-        "@types/react": "^17.0.8",
-        "@types/node": "12.20.4",
-        "@types/mocha": "-",
-        "react-dom": "-",
-        "react": "-"
-      },
-      "peerDependencies": {
-        "react-dom": "^16.8.0 || ^17.0.0",
-        "react": "^16.8.0 || ^17.0.0"
-      }
-    }
-  },
   "private": false
 }

tsconfig.json

@@ -10,17 +10,24 @@ {
     "target": "es2015",
-    "module": "commonjs",
+    "module": "CommonJS",
     "jsx": "react",
+    "allowJs": true,
+    "composite": true,
     "declaration": true,
     "sourceMap": true,
     "skipLibCheck": true,
+    "experimentalDecorators": true,
+    "outDir": "dist",
     "moduleResolution": "node",
     "esModuleInterop": true,
-    "allowJs": true,
-    "composite": true,
-    "outDir": "dist",
-    "rootDir": "."
+    "rootDir": ".",
+    "resolveJsonModule": true
   },
   "exclude": [
-    "dist"
+    "dist",
+    "package.json"
+  ],
+  "include": [
+    "**/*",
+    "**/*.json"
   ]
 }

types/asset.d.ts

@@ -6,5 +6,9 @@ declare module '*.png' {
 declare module '*.svg' {
-  const value: any;
-  export = value;
+  import type { FunctionComponent, SVGProps } from 'react';
+
+  export const ReactComponent: FunctionComponent<SVGProps<SVGSVGElement> & { title?: string }>;
+  const src: string;
+  export default src;
 }
+
 // @TODO Gilad
@@ -11,0 +15,0 @@ declare module '*.jpg' {

types/style.d.ts

@@ -24,2 +24,17 @@ declare module '*.module.css' {
 
+declare module '*.css' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.sass' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.scss' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
 declare module '*.mdx' {
@@ -26,0 +41,0 @@ const component: any;

New alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Unidentified License

License

(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.

Found 1 instance in 1 package

Fixed alerts

No website

Quality

Package does not have a website.

Found 1 instance in 1 package

Unidentified License

License

(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

19739

9.02%

Number of package files

30

7.14%

Lines of code

436

19.13%

Number of low quality alerts

0

-100%

Worsened metrics

Number of medium supply chain risk alerts

1

Infinity%

No dependency changes