@digital-realty/ix-tree - npm Package Compare versions

Comparing version 1.0.13 to 1.0.15

dist/IIxTreeNode.d.ts

@@ -0,0 +0,0 @@ export interface IIxTreeNode {

dist/IIxTreeNode.js

 export {};
 //# sourceMappingURL=IIxTreeNode.js.map

dist/index.d.ts

 export { IxTree } from './IxTree.js';
 export { IxTreeNode } from './IxTreeNode.js';
 export { IIxTreeNode } from './IIxTreeNode.js';

dist/index.js

 export { IxTree } from './IxTree.js';
 export { IxTreeNode } from './IxTreeNode.js';
 //# sourceMappingURL=index.js.map

dist/ix-tree-node.d.ts

 export {};

dist/ix-tree-node.js

 import { IxTreeNode } from './IxTreeNode.js';
 customElements.define('ix-tree-node', IxTreeNode);
 //# sourceMappingURL=ix-tree-node.js.map

dist/ix-tree-styles.d.ts

 export declare const IxTreeStyles: import("lit").CSSResult;

dist/ix-tree-styles.js

@@ -6,3 +6,3 @@ import { css } from 'lit';
   :host {
-    --tree-node-spacer: var(--ix-sys-spacer, 0.7rem);
+    --tree-node-spacer: var(--ix-sys-spacer, 0.6rem);
     --tree-node-icon-size: calc(var(--tree-node-spacer) * 4);
@@ -41,2 +41,3 @@ }
     padding: 0.1rem;
+    border-left: 3px solid rgba(20, 86, 224, 0);
   }
@@ -48,6 +49,7 @@ .ix-tree-node__icon-size {
     color: #092241;
-    display: flex;
-    flex-grow: 1;
+    flex-grow: 0;
     padding: 0.25rem;
     white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
   }
@@ -54,0 +56,0 @@ .ix-tree-node__selected {

dist/ix-tree.d.ts

 export {};

dist/ix-tree.js

 import { IxTree } from './IxTree.js';
 customElements.define('ix-tree', IxTree);
 //# sourceMappingURL=ix-tree.js.map

dist/IxTree.d.ts

@@ -19,2 +19,3 @@ import '@digital-realty/ix-icon/ix-icon.js';
     private onTreeNodeClick;
+    private dispatchTreeNodeExpandToggle;
     private onTreeNodeToggle;
@@ -21,0 +22,0 @@ private onTreeNodeCheck;

dist/IxTree.js

@@ -33,2 +33,9 @@ import { __decorate } from "tslib";
     }
+    dispatchTreeNodeExpandToggle(e) {
+        this.dispatchEvent(new CustomEvent('on-tree-node-expand-toggle', {
+            detail: {
+                message: e.detail.message,
+            },
+        }));
+    }
     onTreeNodeToggle(e) {
@@ -40,3 +47,3 @@ const newRootNode = { ...this._rootNode };
         this._activeItemId = node.id;
-        this.onTreeNodeClick(e);
+        this.dispatchTreeNodeExpandToggle(e);
         this.requestUpdate();
@@ -43,0 +50,0 @@ }

dist/IxTreeNode.d.ts

@@ -17,2 +17,3 @@ import '@digital-realty/ix-icon-button/ix-icon-button.js';
     private _hasScrolledToActive;
+    private hasChildren;
     private getIcon;
@@ -19,0 +20,0 @@ private onNodeClick;

dist/IxTreeNode.js

@@ -10,3 +10,3 @@ import { __decorate } from "tslib";
 // They need to remain in synchronization with the CSS variables defined in ix-tree-styles.ts.
-const TREE_NODE_SPACER_REM = 0.7;
+const TREE_NODE_SPACER_REM = 0.6;
 const TREE_NODE_ICON_SIZE_REM = TREE_NODE_SPACER_REM * 4;
@@ -24,5 +24,7 @@ export class IxTreeNode extends LitElement {
     }
+    hasChildren() {
+        return this.node.children !== undefined && this.node.children.length > 0;
+    }
     getIcon(node, isExpanded) {
-        if (!node.children || node.children.length === 0) {
-            // This node does not have children; no icon is needed.
+        if (!this.hasChildren()) {
             return nothing;
@@ -99,5 +101,3 @@ }
       >
-        <div class="ix-tree-node__icon-size">
-          ${this.getIcon(this.node, this.isExpanded)}
-        </div>
+        <div>${this.getIcon(this.node, this.isExpanded)}</div>
         ${this.checkboxEnabled
@@ -116,2 +116,3 @@ ? html `<ix-checkbox
           test-id=${`${this.node.id}-on-node-click-icon-button`}
+          style=${this.hasChildren() ? '' : 'padding-left:2px;'}
           @click=${() => this.onNodeClick(this.node)}
@@ -118,0 +119,0 @@ ></ix-icon-button>

dist/tree-utils.d.ts

 import { IIxTreeNode } from './IIxTreeNode.js';
 export declare function findChildNodeById(node: IIxTreeNode, id: string): IIxTreeNode | null;
 export declare function updateNodeCheckedStatus(node: IIxTreeNode, rootNode: IIxTreeNode): void;

dist/tree-utils.js

@@ -0,0 +0,0 @@ export function findChildNodeById(node, id) {

package.json

@@ -6,3 +6,3 @@ {
   "author": "Digital Realty",
-  "version": "1.0.13",
+  "version": "1.0.15",
   "type": "module",
@@ -30,6 +30,6 @@ "main": "dist/index.js",
   "dependencies": {
-    "@digital-realty/ix-checkbox": "^1.1.8",
+    "@digital-realty/ix-checkbox": "^1.1.9",
     "@digital-realty/ix-icon": "*",
     "@digital-realty/ix-icon-button": "^1.0.19",
-    "@digital-realty/theme": "*",
+    "@digital-realty/theme": "^1.0.9",
     "@lit-labs/react": "^2.1.0",
@@ -105,4 +105,3 @@ "@material/web": "^1.0.0",
     "LICENSE"
-  ],
-  "gitHead": "fe2bd8ebfb445aace0ae9b8716ecd3e44da227dc"
+  ]
 }

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

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

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

Wildcard dependency

Quality

Package has a dependency with a floating version range. This can cause issues if the dependency publishes a new major version.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

45720

increased by3.18%

Lines of code

493

increased by2.49%

Number of medium quality alerts

2

decreased by-33.33%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@digital-realty/theme@1.0.30(transitive)

• - Removed@digital-realty/theme@2.1.12(transitive)

• Updated@digital-realty/ix-checkbox@^1.1.9

• Updated@digital-realty/theme@^1.0.9