@verdocs/web-sdk 1.0.3 → 1.0.15

package/dist/collection/components/elements/search-starred/search-starred.js

@@ -1,8 +1,11 @@
-import { Component, Host, h, Prop } from '@stencil/core';
+import { Component, Host, h, Prop, Event } from '@stencil/core';
 import DocumentIcon from './document-icon.svg';
+/**
+ * Display a list of starred items.
+ */
 export class SearchStarred {
-  handleSelectOption(option) {
-    console.log('option ', option, ' has been clicked!');
+  handleSelectEntry(entry) {
+    this.entrySelected.emit(entry);
   }
   computePagesText(pages) {
     if (pages < 2) {
@@ -29,19 +32,18 @@ export class SearchStarred {
       h("div", { class: "container" },
         h("p", { class: "title" }, "My Starred Items"),
         h("div", { class: "items" }, (_a = this.options) === null || _a === void 0 ? void 0 :
-          _a.map(option => (h("button", { class: "item", onClick: () => this.handleSelectOption(option) },
+          _a.map(option => (h("button", { class: "item", onClick: () => this.handleSelectEntry(option) },
             h("div", { class: "icon", innerHTML: DocumentIcon }),
             h("div", { class: "details" },
-              h("span", { class: "item-title" }, option.params.q),
-              h("span", { class: "info" },
+              h("div", { class: "item-title" }, option.params.q),
+              h("div", { class: "info" },
                 option.pages ? `${this.computePagesText(option.pages)} ` : '',
                 option.recipients ? this.computeRecipientsText(option.recipients) : ''))))),
           (((_b = this.options) === null || _b === void 0 ? void 0 : _b.length) || []) < 1 && h("div", { class: "empty" }, "You do not have any starred items.")))));
   }
   static get is() { return "search-starred"; }
-  static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() { return {
-    "$": ["search-starred.css"]
+    "$": ["search-starred.scss"]
   }; }
   static get styleUrls() { return {
     "$": ["search-starred.css"]
@@ -65,4 +67,25 @@ export class SearchStarred {
       "reflect": false
     }
   }; }
+  static get events() { return [{
+      "method": "entrySelected",
+      "name": "entrySelected",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Event fired when an entry is clicked."
+      },
+      "complexType": {
+        "original": "IRecentSearch",
+        "resolved": "IRecentSearch",
+        "references": {
+          "IRecentSearch": {
+            "location": "import",
+            "path": "@verdocs/js-sdk/Search/Types"
+          }
+        }
+      }
+    }]; }
 }

package/dist/collection/components/elements/search-starred/search-starred.stories.js

@@ -1,18 +1,20 @@
 import { html } from 'lit-html';
-import { action } from '@storybook/addon-actions';
 const dummyData = [
   {
     params: { q: 'COVID-19 Verdocs Health Certificate' },
     pages: 1,
-    recipients: 1
-  }, {
+    recipients: 1,
+  },
+  {
     params: { q: 'Verdocs NDA', type: 'template' },
     pages: 1,
-    recipients: 2
-  }, {
+    recipients: 2,
+  },
+  {
     params: { q: 'AGNT Verdocs MSA', type: 'template' },
-    recipients: ['Pierce Alizadeh', 'Patrick Haney']
-  }, {
+    recipients: ['Pierce Alizadeh', 'Patrick Haney'],
+  },
+  {
     params: { q: 'Verdocs Template', type: 'template' },
     pages: 2,
   },
@@ -24,14 +26,10 @@ export default {
   title: 'Elements/Search/Starred',
   component: 'search-starred',
   args: {
-    options: dummyData
+    options: dummyData,
   },
-  argTypes: {},
-};
-const listener = {
-  handleEvent(e) {
-    action('selected', e);
+  argTypes: {
+    entrySelected: { action: 'entrySelected' },
   },
-  capture: true,
 };
-export const Default = ({ options }) => html `<search-starred .options=${options} @optionSelected=${listener} tall />`;
+export const Default = ({ options, entrySelected }) => html `<search-starred .options=${options} @entrySelected=${entrySelected} tall />`;

package/dist/collection/components/elements/search-tabs/search-tabs.css

@@ -1,3 +1,3 @@
 :host {
   display: block;
-}
+}

package/dist/collection/components/elements/search-tabs/search-tabs.js

@@ -1,15 +1,20 @@
-import { Component, Host, h } from '@stencil/core';
+import { Component, Host, h, State } from '@stencil/core';
 export class SearchTabs {
+  constructor() {
+    this.selected = 'all';
+  }
   render() {
     return (h(Host, null,
       h("slot", null)));
   }
   static get is() { return "search-tabs"; }
-  static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() { return {
-    "$": ["search-tabs.css"]
+    "$": ["search-tabs.scss"]
   }; }
   static get styleUrls() { return {
     "$": ["search-tabs.css"]
   }; }
+  static get states() { return {
+    "selected": {}
+  }; }
 }

package/dist/collection/components/elements/template-card/template-card.css

@@ -1,4 +1,10 @@
-.container {
+template-card {
+  /* Fallback font for old browsers */
+  font-family: sans-serif;
+  font-family: var(--verdocs-font);
+}
+
+template-card .container {
   height: 640px;
   width: 645px;
   box-sizing: border-box;
@@ -10,45 +16,45 @@
   padding: 52px 50px 20px 50px;
 }
 
-.template-img {
+template-card .template-img {
   width: 545px;
   height: 315px;
   background-color: salmon;
   margin-bottom: 22px;
 }
 
-.template-name {
+template-card .template-name {
   font-size: 28px;
   font-family: sans-serif;
   font-weight: 700;
   margin-bottom: 13px;
 }
 
-.template-org-bname {
+template-card .template-org-bname {
   font-size: 24px;
   font-family: sans-serif;
   font-weight: 700;
   margin-bottom: 12px;
 }
 
-.template-org-name {
+template-card .template-org-name {
   margin-bottom: 34px;
 }
 
-.template-org-name label {
+template-card .template-org-name label {
   font-size: 24px;
   font-family: sans-serif;
   font-weight: 700;
   color: #666666;
 }
 
-hr {
+template-card hr {
   width: 100%;
   margin-bottom: 17px;
   color: #aeb4bf;
 }
 
-.template-controls {
+template-card .template-controls {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
@@ -57,11 +63,11 @@ hr {
   font-size: 21px;
 }
 
-.template-controls span:nth-child(-n + 3) {
+template-card .template-controls span:nth-child(-n+3) {
   border-right: 1px solid #adb6bd;
 }
 
-.template-controls svg {
+template-card .template-controls svg {
   fill: #adb6bd;
   height: 30px;
   width: 30px;
@@ -69,14 +75,16 @@ hr {
   margin-right: 18px;
 }
 
-.additional-controls svg {
+template-card .additional-controls svg {
   margin-right: 0;
 }
 
-.additional-controls {
+template-card .additional-controls {
   flex: 1;
 }
 
-.pages, .star-counter, .counter {
+template-card .pages,
+template-card .star-counter,
+template-card .counter {
   flex: 2;
 }

package/dist/collection/components/elements/template-card/template-card.js

@@ -28,9 +28,8 @@ export class TemplateCard {
         h("span", { class: "additional-controls", innerHTML: ActionsIcon }))));
   }
   static get is() { return "template-card"; }
-  static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() { return {
-    "$": ["template-card.css"]
+    "$": ["template-card.scss"]
   }; }
   static get styleUrls() { return {
     "$": ["template-card.css"]
@@ -58,7 +57,7 @@ export class TemplateCard {
       "type": "string",
       "mutable": false,
       "complexType": {
-        "original": "\"light\" | \"dark\"",
+        "original": "'light' | 'dark'",
         "resolved": "\"dark\" | \"light\"",
         "references": {}
       },

package/dist/collection/components/embeds/search-embed/search-embed.css

@@ -1,3 +1,3 @@
 :host {
   display: block;
-}
+}

package/dist/collection/components/embeds/search-embed/search-embed.js

@@ -7,7 +7,7 @@ export class SearchEmbed {
   static get is() { return "search-embed"; }
   static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() { return {
-    "$": ["search-embed.css"]
+    "$": ["search-embed.scss"]
   }; }
   static get styleUrls() { return {
     "$": ["search-embed.css"]

package/dist/collection/components/pdf-viewer/pdf-viewer.css

@@ -1,9 +1,12 @@
-:host {
+pdf-viewer {
+  /* Fallback font for old browsers */
+  font-family: sans-serif;
+  font-family: var(--verdocs-font);
   display: flex;
   flex-direction: column;
 }
 
-button.test {
+pdf-viewer button.test {
   color: #fff;
   cursor: pointer;
   padding: 5px 10px;
@@ -12,6 +15,6 @@ button.test {
   border: 1px solid #ccc;
 }
 
-#pdf-container canvas {
+pdf-viewer #pdf-container canvas {
   max-width: 100%;
-}
+}

package/dist/collection/components/pdf-viewer/pdf-viewer.js

@@ -11,7 +11,7 @@ console.log('[PDFVIEWER] Loading PDF-JS', { PDF_WORKER_URL, CMAPS_URL });
 // pdf.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.worker.min.js';
 // pdf.GlobalWorkerOptions.workerSrc = `https://cdnjs.cloudflare.com/ajax/libs/pdf.js/${PDFJSversion}/pdf.worker.min.js`;
 // TODO: Re-enable this
-// pdf.GlobalWorkerOptions.workerSrc = PDF_WORKER_URL;
+pdf.GlobalWorkerOptions.workerSrc = PDF_WORKER_URL;
 // export interface PDFViewerEvent {
 //   type: 'click';
 //   pdfDocument: any;
@@ -196,9 +196,8 @@ export class PdfViewer {
       h("div", { id: "pdf-container" })));
   }
   static get is() { return "pdf-viewer"; }
-  static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() { return {
-    "$": ["pdf-viewer.css"]
+    "$": ["pdf-viewer.scss"]
   }; }
   static get styleUrls() { return {
     "$": ["pdf-viewer.css"]