@verdocs/web-sdk 1.0.25 → 1.4.0

package/dist/collection/components/controls/toggle-icon-buttons/toggle-icon-buttons.css

@@ -1,64 +0,0 @@
-toggle-icon-buttons {
-  /* Fallback font for old browsers */
-  font-family: sans-serif;
-  font-family: var(--verdocs-font);
-}
-
-toggle-icon-buttons .container {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  background-color: #f2f5fa;
-}
-
-toggle-icon-buttons .label {
-  font-size: 24px;
-  font-weight: 700;
-  color: #33364b;
-  align-self: center;
-  margin-right: 27px;
-  font-family: sans-serif;
-}
-
-toggle-icon-buttons .buttons {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-}
-
-toggle-icon-buttons .buttons button {
-  width: 60px;
-  height: 60px;
-  border: 2px solid #654dcb;
-  border-radius: 5px;
-  cursor: pointer;
-}
-
-toggle-icon-buttons .buttons button:not(:last-child) {
-  margin-right: 11px;
-}
-
-toggle-icon-buttons .buttons svg {
-  width: 30px;
-  height: 30px;
-}
-
-toggle-icon-buttons .buttons button:hover {
-  background-color: #654dcb;
-  transition: 0.25s;
-}
-
-toggle-icon-buttons .buttons button:hover svg {
-  fill: #f2f5fa;
-  transition: 0.25s;
-}
-
-toggle-icon-buttons .selected {
-  background-color: #707ae5;
-  transition: 0.25s;
-}
-
-toggle-icon-buttons .selected svg {
-  fill: #ffffff;
-  transition: 0.25s;
-}

package/dist/collection/components/elements/org-popup/org-popup.js

@@ -1,80 +0,0 @@
-import { Component, Prop, h } from '@stencil/core';
-import UserGroup from './user-group.svg';
-/**
- * Display a pop-up describing the company that was hovered over
- *
- * ```typescript
- *
- * ```
- */
-export class OrgPopup {
-  render() {
-    var _a, _b, _c, _d, _e, _f;
-    return (h("div", { class: "container" },
-      h("span", { class: "icon", innerHTML: UserGroup }),
-      h("span", { class: "content" }, (_a = this.organization) === null || _a === void 0 ? void 0 : _a.name),
-      h("div", { class: "popup" },
-        h("div", { class: "popup-header" },
-          h("span", { class: "status" }),
-          h("span", { class: "title" }, (_b = this.organization) === null || _b === void 0 ? void 0 : _b.name)),
-        h("div", { class: "popup-body" },
-          h("span", { class: "joined" },
-            h("b", null, "Joined"),
-            " ", (_c = this.organization) === null || _c === void 0 ? void 0 :
-            _c.created_at),
-          h("span", { class: "followers" },
-            h("b", null, "Followers"),
-            " ", (_d = this.organization) === null || _d === void 0 ? void 0 :
-            _d.followers),
-          h("span", { class: "website" },
-            h("b", null, "Website")),
-          h("span", { class: "templates" },
-            h("b", null, "Templates"),
-            " ", (_e = this.organization) === null || _e === void 0 ? void 0 :
-            _e.templates),
-          h("span", null, (_f = this.organization) === null || _f === void 0 ? void 0 : _f.website)))));
-  }
-  static get is() { return "org-popup"; }
-  static get originalStyleUrls() { return {
-    "$": ["org-popup.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["org-popup.css"]
-  }; }
-  static get properties() { return {
-    "organization": {
-      "type": "any",
-      "mutable": false,
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The organization to display"
-      },
-      "attribute": "organization",
-      "reflect": false
-    },
-    "theme": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"light\" | \"dark\"",
-        "resolved": "\"dark\" | \"light\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The \"theme\" to be used"
-      },
-      "attribute": "theme",
-      "reflect": false
-    }
-  }; }
-}

package/dist/collection/components/elements/org-popup/org-popup.stories.js

@@ -1,20 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Elements/Org Popup',
-  component: 'org-popup',
-  args: {
-    organization: {
-      name: 'Acme Organization',
-      created_at: '2014',
-      followers: '123',
-      website: 'www.acmeorganization.com',
-      templates: '9'
-    }
-  },
-  argTypes: {
-    organization: { type: 'object', control: 'object' },
-    theme: { type: 'string', control: 'radio', options: ['light', 'dark'], defaultValue: 'light' }
-  },
-};
-export const Default = ({ organization, theme }) => html `<org-popup .organization="${organization}" .theme="${theme}"></org-popup>`;
-export const Test = () => html `<org-popup></org-popup>`;

package/dist/collection/components/elements/search-quick-functions/search-quick-functions.stories.js

@@ -1,15 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Elements/Search/Quick Functions',
-  component: 'search-quick-functions',
-  args: {
-    options: {
-      title: 'Quick Create',
-    },
-  },
-  argTypes: {
-    createTemplate: { action: 'createTemplate' },
-    createDocument: { action: 'createDocument' },
-  },
-};
-export const Default = ({ options, createTemplate, createDocument }) => html `<search-quick-functions .options=${options} @createTemplate=${createTemplate} @createDocument=${createDocument} tall />`;

package/dist/collection/components/elements/search-recent/search-icon.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>

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

@@ -1,65 +0,0 @@
-search-recent {
-  /* Fallback font for old browsers */
-  font-family: sans-serif;
-  font-family: var(--verdocs-font);
-}
-search-recent .container {
-  display: flex;
-  flex-direction: column;
-  flex-wrap: nowrap;
-  width: 240px;
-  background-color: var(--verdocs-background-dark);
-  text-transform: uppercase;
-  padding: 10px 10px 20px 10px;
-  font-family: sans-serif;
-  color: #ffffff;
-}
-search-recent .title {
-  font-size: 22px;
-  font-weight: 700;
-  line-height: 30px;
-}
-search-recent .items {
-  display: flex;
-  flex-direction: column;
-  flex-wrap: nowrap;
-  align-items: flex-start;
-  margin-top: 20px;
-}
-search-recent .button {
-  background: transparent;
-  border: none;
-  height: 20px;
-  font-size: 16px;
-  font-family: sans-serif;
-  color: #ffffff;
-  line-height: 26px;
-  display: flex;
-  align-items: center;
-}
-search-recent .button:hover {
-  cursor: pointer;
-}
-search-recent .button:not(:last-child) {
-  margin-bottom: 36px;
-}
-search-recent .button svg {
-  fill: #707ae5;
-  width: 28px;
-  height: 28px;
-  margin-right: 26px;
-}
-search-recent .pill {
-  font-size: 14px;
-  display: inline-flex;
-  padding: 3px 8px;
-  border-radius: 6px;
-  margin-right: 8px;
-  background-color: #999999;
-  color: #333;
-}
-search-recent .empty {
-  text-transform: none;
-  line-height: 22px;
-  color: #ccc;
-}

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

@@ -1,86 +0,0 @@
-import { getSearchHistory } from '@verdocs/js-sdk/Search/Content';
-import { Component, Host, h, Prop, State, Event } from '@stencil/core';
-import SearchIcon from './search-icon.svg';
-/**
- * Display a list of recent searches. Note that only some types of searches are automatically saved in the
- * user's history (those that contain a unique `q` query string from the next-most-recent search.
- */
-export class SearchRecent {
-  constructor() {
-    /**
-     * If set, limits the number of entries that will be shown. Note that there is a server-imposed limit of 20 entries
-     * that cannot currently be increased (only reduced).
-     */
-    this.limit = 10;
-    this.recent = [];
-  }
-  componentDidLoad() {
-    getSearchHistory()
-      .then(r => {
-      this.recent = r.recent;
-    })
-      .catch(e => console.warn('[Verdocs/search-recent] Error getting search history', e));
-  }
-  handleSelectEntry(entry) {
-    this.entrySelected.emit(entry);
-  }
-  render() {
-    return (h(Host, null,
-      h("div", { class: "container" },
-        h("p", { class: "title" }, "Recent Searches"),
-        h("div", { class: "items" },
-          this.recent.slice(0, this.limit).map(entry => (h("button", { class: "button", innerHTML: SearchIcon, onClick: () => this.handleSelectEntry(entry) }, entry.params.q))),
-          this.recent.length < 1 && h("div", { class: "empty" }, "You do not have any recent searches.")))));
-  }
-  static get is() { return "search-recent"; }
-  static get originalStyleUrls() { return {
-    "$": ["search-recent.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["search-recent.css"]
-  }; }
-  static get properties() { return {
-    "limit": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "If set, limits the number of entries that will be shown. Note that there is a server-imposed limit of 20 entries\nthat cannot currently be increased (only reduced)."
-      },
-      "attribute": "limit",
-      "reflect": false,
-      "defaultValue": "10"
-    }
-  }; }
-  static get states() { return {
-    "recent": {}
-  }; }
-  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-recent/search-recent.stories.js

@@ -1,12 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Elements/Search/Recent',
-  component: 'search-recent',
-  args: {
-    limit: 10,
-  },
-  argTypes: {
-    entrySelected: { action: 'entrySelected' },
-  },
-};
-export const Default = ({ limit, entrySelected }) => html `<search-recent .limit=${limit} @entrySelected=${entrySelected} />`;

package/dist/collection/components/elements/search-saved/search-icon.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>

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

@@ -1,56 +0,0 @@
-search-saved {
-  /* Fallback font for old browsers */
-  font-family: sans-serif;
-  font-family: var(--verdocs-font);
-}
-search-saved .container {
-  display: flex;
-  flex-direction: column;
-  flex-wrap: nowrap;
-  width: 240px;
-  background-color: var(--verdocs-background-dark);
-  text-transform: uppercase;
-  padding: 10px 10px 20px 10px;
-  font-family: sans-serif;
-  color: #ffffff;
-}
-search-saved .title {
-  font-size: 22px;
-  font-weight: 700;
-  line-height: 30px;
-}
-search-saved .items {
-  display: flex;
-  flex-direction: column;
-  flex-wrap: nowrap;
-  align-items: flex-start;
-  margin-top: 20px;
-}
-search-saved .button {
-  background: transparent;
-  border: none;
-  height: 20px;
-  font-size: 16px;
-  font-family: sans-serif;
-  color: #ffffff;
-  line-height: 26px;
-  display: flex;
-  align-items: center;
-}
-search-saved .button:hover {
-  cursor: pointer;
-}
-search-saved .button:not(:last-child) {
-  margin-bottom: 36px;
-}
-search-saved .button svg {
-  fill: #707ae5;
-  width: 28px;
-  height: 28px;
-  margin-right: 26px;
-}
-search-saved .empty {
-  text-transform: none;
-  line-height: 22px;
-  color: #ccc;
-}

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

@@ -1,86 +0,0 @@
-import { getSearchHistory } from '@verdocs/js-sdk/Search/Content';
-import { Component, Host, h, Prop, State, Event } from '@stencil/core';
-import SearchIcon from './search-icon.svg';
-/**
- * Display a list of saved searches. Note that only some types of searches are automatically saved in the
- * user's history (those that contain a unique `q` query string from the next-most-recent search.
- */
-export class SearchSaved {
-  constructor() {
-    /**
-     * If set, limits the number of entries that will be shown. Note that there is a server-imposed limit of 20 entries
-     * that cannot currently be increased (only reduced).
-     */
-    this.limit = 10;
-    this.saved = [];
-  }
-  componentDidLoad() {
-    getSearchHistory()
-      .then(r => {
-      this.saved = r.saved;
-    })
-      .catch(e => console.warn('[Verdocs/search-saved] Error getting search history', e));
-  }
-  handleSelectEntry(entry) {
-    this.entrySelected.emit(entry);
-  }
-  render() {
-    return (h(Host, null,
-      h("div", { class: "container" },
-        h("p", { class: "title" }, "Saved Searches"),
-        h("div", { class: "items" },
-          this.saved.slice(0, this.limit).map(entry => (h("button", { class: "button", innerHTML: SearchIcon, onClick: () => this.handleSelectEntry(entry) }, entry.name))),
-          this.saved.length < 1 && h("div", { class: "empty" }, "You do not have any saved searches.")))));
-  }
-  static get is() { return "search-saved"; }
-  static get originalStyleUrls() { return {
-    "$": ["search-saved.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["search-saved.css"]
-  }; }
-  static get properties() { return {
-    "limit": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "If set, limits the number of entries that will be shown. Note that there is a server-imposed limit of 20 entries\nthat cannot currently be increased (only reduced)."
-      },
-      "attribute": "limit",
-      "reflect": false,
-      "defaultValue": "10"
-    }
-  }; }
-  static get states() { return {
-    "saved": {}
-  }; }
-  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": "ISavedSearch",
-        "resolved": "ISavedSearch",
-        "references": {
-          "ISavedSearch": {
-            "location": "import",
-            "path": "@verdocs/js-sdk/Search/Types"
-          }
-        }
-      }
-    }]; }
-}

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

@@ -1,12 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Elements/Search/Saved',
-  component: 'search-saved',
-  args: {
-    limit: 10,
-  },
-  argTypes: {
-    entrySelected: { action: 'entrySelected' },
-  },
-};
-export const Default = ({ limit, entrySelected }) => html `<search-saved .limit=${limit} @entrySelected=${entrySelected} />`;

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

@@ -1,91 +0,0 @@
-import { Component, Host, h, Prop, Event } from '@stencil/core';
-import DocumentIcon from './document-icon.svg';
-/**
- * Display a list of starred items.
- */
-export class SearchStarred {
-  handleSelectEntry(entry) {
-    this.entrySelected.emit(entry);
-  }
-  computePagesText(pages) {
-    if (pages < 2) {
-      return `${pages} Page`;
-    }
-    else {
-      return `${pages} Pages`;
-    }
-  }
-  computeRecipientsText(recipients) {
-    if (typeof recipients === 'object') {
-      return recipients.join(', ');
-    }
-    else if (recipients > 1) {
-      return `${recipients} Recipients`;
-    }
-    else {
-      return `${recipients} Recipient`;
-    }
-  }
-  render() {
-    var _a, _b;
-    return (h(Host, null,
-      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.handleSelectEntry(option) },
-            h("div", { class: "icon", innerHTML: DocumentIcon }),
-            h("div", { class: "details" },
-              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 originalStyleUrls() { return {
-    "$": ["search-starred.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["search-starred.css"]
-  }; }
-  static get properties() { return {
-    "options": {
-      "type": "any",
-      "mutable": false,
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "options",
-      "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,35 +0,0 @@
-import { html } from 'lit-html';
-const dummyData = [
-  {
-    params: { q: 'COVID-19 Verdocs Health Certificate' },
-    pages: 1,
-    recipients: 1,
-  },
-  {
-    params: { q: 'Verdocs NDA', type: 'template' },
-    pages: 1,
-    recipients: 2,
-  },
-  {
-    params: { q: 'AGNT Verdocs MSA', type: 'template' },
-    recipients: ['Pierce Alizadeh', 'Patrick Haney'],
-  },
-  {
-    params: { q: 'Verdocs Template', type: 'template' },
-    pages: 2,
-  },
-];
-/**
- * Display a list of starred items (favorite templates).
- */
-export default {
-  title: 'Elements/Search/Starred',
-  component: 'search-starred',
-  args: {
-    options: dummyData,
-  },
-  argTypes: {
-    entrySelected: { action: 'entrySelected' },
-  },
-};
-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 +0,0 @@
-:host {
-  display: block;
-}

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

@@ -1,20 +0,0 @@
-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 originalStyleUrls() { return {
-    "$": ["search-tabs.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["search-tabs.css"]
-  }; }
-  static get states() { return {
-    "selected": {}
-  }; }
-}

package/dist/collection/components/elements/template-card/star-icon.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"/></svg>