@zywave/notes-widget - npm Package Compare versions

Comparing version 1.0.1 to 1.1.0-rc.2

dist/components/note-dialog.js

@@ -51,3 +51,3 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     render() {
-        var _a, _b;
+        var _a;
         return html `
@@ -63,3 +63,2 @@ <zui-dialog id="add-note-dialog" class="small">
             debounce="300"
-            .value=${(_a = this._noteCategory) === null || _a === void 0 ? void 0 : _a.categoryId}
             @change=${this.handleChangeNoteCategory}
@@ -83,3 +82,3 @@ >
             data-autom="note-dialog_textarea_select-note-text"
-            placeholder=${((_b = this._noteCategory) === null || _b === void 0 ? void 0 : _b.defaultNote) ? this._noteCategory.defaultNote : "Enter note here"}
+            placeholder=${((_a = this._noteCategory) === null || _a === void 0 ? void 0 : _a.defaultNote) ? this._noteCategory.defaultNote : "Enter note here"}
             minLength=${1}
@@ -92,3 +91,3 @@ maxLength=${10000}
             html `<span class="error-message">
-                Description is required
+                Note is required
               </span>` : nothing}
@@ -95,0 +94,0 @@

dist/components/note-expander.js

@@ -22,3 +22,3 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
             <h3 class="note-title-category">
-              <a href="#">${(_a = this.note) === null || _a === void 0 ? void 0 : _a.categoryName}</a>
+              <p>${(_a = this.note) === null || _a === void 0 ? void 0 : _a.categoryName}</p>
             </h3>
@@ -95,9 +95,7 @@ ${this.renderNoteLabels()}
     }
-    .note-title-category:hover {
-      color: var(--zui-blue-500);
-      cursor: pointer;
-    }
-    .note-title-category > a {
+
+    .note-title-category > p {
       text-decoration: none;
-      color: inherit
+      color: inherit;
+      cursor: initial;
     }
@@ -107,2 +105,3 @@
       margin-left: 1rem;
+      margin-top: 0.85rem;
       gap: 0.5rem;
@@ -109,0 +108,0 @@ display: flex;

dist/notes-widget.d.ts

@@ -5,2 +5,3 @@ import { LitElement } from 'lit';
 import './components/note-expander.js';
+import './components/empty-state';
 export declare class NotesWidget extends LitElement {
@@ -7,0 +8,0 @@ static styles: import("lit").CSSResult;

dist/notes-widget.js

@@ -15,2 +15,3 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
 import { apiClient } from './api/apiClient.js';
+import './components/empty-state';
 let NotesWidget = class NotesWidget extends LitElement {
@@ -63,3 +64,3 @@ constructor() {
       <note-dialog .accountId=${this.accountId}></note-dialog>
-      <zui-table>
+      <zui-table class="custom-column-widths">
         ${this.renderTopbar()}
@@ -79,3 +80,3 @@
                 <zui-table-cell>
-                  <p>You haven't added any notes for this account yet</p>
+                  <empty-state></empty-state>
                 </zui-table-cell>
@@ -100,18 +101,17 @@ </zui-table-row>
       <zui-table-topbar>
-        <h2>Notes</h2>
+        <h2 class="title">Notes</h2>
         <div class="topbar-actions">
-          <zui-button
-            data-autom="notes-widget_button_add-note"
-            type="secondary" 
-            @click=${this.openAddNoteDialog}
-          >
-            Add a note
-          </zui-button>
-          <zui-button
-            data-autom="notes-widget_button_view-all-notes"
-            type="secondary"
-          >
-            <a href=${`${this.notesUri}/account/${this.accountId}`}></a>
-            View all notes
-          </zui-button>
+          <zui-button-dropdown type="secondary">
+              Manage notes
+              <button slot="option"             
+                data-autom="notes-widget_button_add-note"
+                @click=${this.openAddNoteDialog}>
+                  <zui-icon icon="zui-new-file" class="small"></zui-icon>
+                  <span>Add a note</span>
+              </button>
+              <a href=${`${this.notesUri}/account/${this.accountId}`} slot="option">
+                <zui-icon icon="zui-multiple-files" class="small"></zui-icon>
+                View all notes
+              </a>
+            </zui-button-dropdown>
         </div>
@@ -156,2 +156,7 @@ </zui-table-topbar>
 
+    .title {
+      font-size: 1.25rem;
+      font-weight: 600;
+    }
+
     zui-table-row {
@@ -158,0 +163,0 @@ display: flex;

package.json

 {
   "name": "@zywave/notes-widget",
-  "version": "1.0.1",
+  "version": "1.1.0-rc.2",
   "description": "A custom web component for notes functionality through a widget",
@@ -5,0 +5,0 @@ "main": "dist/notes-widget.js",

src/components/note-dialog.ts

@@ -82,3 +82,2 @@ import { LitElement, html, css, nothing } from 'lit';
             debounce="300"
-            .value=${this._noteCategory?.categoryId}
             @change=${this.handleChangeNoteCategory}
@@ -111,3 +110,3 @@ >
               html `<span class="error-message">
-                Description is required
+                Note is required
               </span>`: nothing
@@ -114,0 +113,0 @@ }

src/components/note-expander.ts

@@ -43,9 +43,7 @@ import { LitElement, html, css, nothing } from 'lit';
     }
-    .note-title-category:hover {
-      color: var(--zui-blue-500);
-      cursor: pointer;
-    }
-    .note-title-category > a {
+
+    .note-title-category > p {
       text-decoration: none;
-      color: inherit
+      color: inherit;
+      cursor: initial;
     }
@@ -55,2 +53,3 @@
       margin-left: 1rem;
+      margin-top: 0.85rem;
       gap: 0.5rem;
@@ -84,3 +83,3 @@ display: flex;
             <h3 class="note-title-category">
-              <a href="#">${this.note?.categoryName}</a>
+              <p>${this.note?.categoryName}</p>
             </h3>
@@ -87,0 +86,0 @@ ${this.renderNoteLabels()}

src/notes-widget.ts

@@ -1,2 +0,2 @@
-import { LitElement, html, css, nothing } from 'lit';
+import { LitElement, html, css } from 'lit';
 import { property, customElement, state, query } from 'lit/decorators.js';
@@ -12,2 +12,3 @@ import { when } from 'lit/directives/when.js';
 import { apiClient } from './api/apiClient.js';
+import './components/empty-state';
 
@@ -27,2 +28,7 @@ @customElement('notes-widget')
 
+    .title {
+      font-size: 1.25rem;
+      font-weight: 600;
+    }
+
     zui-table-row {
@@ -90,3 +96,3 @@ display: flex;
       <note-dialog .accountId=${this.accountId}></note-dialog>
-      <zui-table>
+      <zui-table class="custom-column-widths">
         ${this.renderTopbar()}
@@ -107,3 +113,3 @@
                 <zui-table-cell>
-                  <p>You haven't added any notes for this account yet</p>
+                  <empty-state></empty-state>
                 </zui-table-cell>
@@ -129,18 +135,17 @@ </zui-table-row>
       <zui-table-topbar>
-        <h2>Notes</h2>
+        <h2 class="title">Notes</h2>
         <div class="topbar-actions">
-          <zui-button
-            data-autom="notes-widget_button_add-note"
-            type="secondary" 
-            @click=${this.openAddNoteDialog}
-          >
-            Add a note
-          </zui-button>
-          <zui-button
-            data-autom="notes-widget_button_view-all-notes"
-            type="secondary"
-          >
-            <a href=${`${this.notesUri}/account/${this.accountId}`}></a>
-            View all notes
-          </zui-button>
+          <zui-button-dropdown type="secondary">
+              Manage notes
+              <button slot="option"             
+                data-autom="notes-widget_button_add-note"
+                @click=${this.openAddNoteDialog}>
+                  <zui-icon icon="zui-new-file" class="small"></zui-icon>
+                  <span>Add a note</span>
+              </button>
+              <a href=${`${this.notesUri}/account/${this.accountId}`} slot="option">
+                <zui-icon icon="zui-multiple-files" class="small"></zui-icon>
+                View all notes
+              </a>
+            </zui-button-dropdown>
         </div>
@@ -147,0 +152,0 @@ </zui-table-topbar>

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

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

Improved metrics

Total package byte prevSize

278146

increased by15.73%

Number of package files

62

increased by8.77%

Lines of code

3424

increased by13.75%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Number of low quality alerts

2

increased by100%

No dependency changes