@api-client/ui 0.0.11 → 0.0.12

package/dist/elements/store/FilePicker.element.js

@@ -0,0 +1,263 @@
+import { __decorate } from "tslib";
+import { FolderKind } from "@api-client/core/build/browser.js";
+import { html, nothing } from "lit";
+import { eventOptions, property, query, state } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+import ApiElement from "../ApiElement.js";
+import styles from './FilePicker.styles.js';
+import { fileIcon } from "./FilesLib.js";
+import { FileSystem } from "../../store/FileSystem.js";
+import '../../define/ui/ui-divider.js';
+import '../../define/ui/ui-button.js';
+import '../../define/ui/ui-icon-button.js';
+import '../../define/ui/ui-icon.js';
+import '../../define/ui/ui-list.js';
+import '../../define/ui/ui-list-item.js';
+import '../../define/ui/ui-progress.js';
+/**
+ * A portable element that allow to pick a file from the Store.
+ *
+ * @fires close - When a file is selected or the user cancelled the dialog. The detail object is the picked file object. Note, this event bubbles.
+ * @fires querycomplete - When the page of results was loaded.
+ */
+export default class FilePicker extends ApiElement {
+    static get styles() {
+        return styles;
+    }
+    /**
+     * The key of the parent folder to query for files.
+     * @attribute
+     */
+    get folder() {
+        return this.fs.parent;
+    }
+    set folder(value) {
+        this.fs.selectFolder(value);
+    }
+    /**
+     * The page limit. Defaults to the store defaults.
+     * @attribute
+     */
+    set limit(value) {
+        this.fs.limit = value;
+    }
+    get limit() {
+        return this.fs.limit;
+    }
+    /**
+     * The timeout for the page query debouncer.
+     * @attribute
+     */
+    get debounceTimeout() {
+        return this.fs.debounceTimeout;
+    }
+    set debounceTimeout(value) {
+        this.fs.debounceTimeout = value || 0;
+    }
+    /**
+     * The list of file kinds to list.
+     * Folders are always included.
+     */
+    get kinds() {
+        return this.fs.kinds;
+    }
+    set kinds(value) {
+        this.fs.kinds = value;
+        this.fs.resetList();
+        this.fs.debounceQuery();
+    }
+    get selectedKey() {
+        return this.selectedFile?.key;
+    }
+    constructor() {
+        super();
+        this.fs = new FileSystem();
+        this.fs.eventsTarget = this;
+        this.fs.addEventListener('change', () => this.requestUpdate());
+        this.fs.addEventListener('error', (e) => {
+            const event = e;
+            this.errorMessage = event.detail;
+        });
+        this.fs.addEventListener('querycomplete', () => {
+            this.dispatchEvent(new Event('querycomplete'));
+        });
+        this.fs.addEventListener('delete', (e) => {
+            const event = e;
+            if (this.selectedFile && this.selectedFile.key === event.detail) {
+                this.selectedFile = undefined;
+            }
+        });
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.fs.observe();
+        if (!this.manualQuery) {
+            this.fs.debounceQuery();
+        }
+        if (!this.hasAttribute('tabindex')) {
+            this.setAttribute('tabindex', '0');
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.fs.unobserve();
+    }
+    focus(options) {
+        const { list } = this;
+        if (list) {
+            list.focus(options);
+        }
+    }
+    handleFileSelect(e) {
+        // this prevents the dropdown list to close the UI.
+        e.preventDefault();
+        const file = this.fs.files[e.detail.index];
+        if (!file) {
+            return;
+        }
+        if (file.kind === FolderKind) {
+            this.fs.selectFolder(file.key);
+            this.selectedFile = undefined;
+            return;
+        }
+        this.selectedFile = file;
+    }
+    handleParentUp() {
+        this.fs.parentUp();
+        this.selectedFile = undefined;
+    }
+    notifyClose(canceled) {
+        if (!canceled && !this.selectedFile) {
+            return;
+        }
+        const detail = {
+            canceled,
+        };
+        if (!canceled) {
+            detail.file = this.selectedFile;
+        }
+        // this event bubbles so any dropdown on the way can close itself.
+        const e = new CustomEvent('close', {
+            bubbles: true,
+            cancelable: true,
+            composed: true,
+            detail,
+        });
+        this.dispatchEvent(e);
+    }
+    handleSelect() {
+        this.notifyClose(false);
+    }
+    handleCancel() {
+        this.notifyClose(true);
+    }
+    handleListScroll(e) {
+        const list = e.target;
+        if (this.fs.isListEnd(list)) {
+            this.fs.debounceQuery();
+        }
+    }
+    render() {
+        return html `
+    <div class="content">
+      ${this.renderHeader()}
+      <ui-divider></ui-divider>
+      ${this.renderFiles()}
+      ${this.errorMessage ? html `<p class="error">${this.errorMessage}</p>` : nothing}
+      <ui-divider></ui-divider>
+      ${this.renderActions()}
+    </div>
+    `;
+    }
+    renderHeader() {
+        const { breadcrumbs = [], reading } = this.fs;
+        let content;
+        let withIcon = false;
+        if (!breadcrumbs.length) {
+            content = html `<span class="title-large label">My files</span>`;
+        }
+        else {
+            withIcon = true;
+            const [parent] = breadcrumbs;
+            content = html `
+        <ui-icon-button aria-label="Open parent folder" @click="${this.handleParentUp}" class="back-button">
+          <ui-icon role="presentation" icon="arrowBack"></ui-icon>
+        </ui-icon-button>
+        <span class="title-large label">${parent.name}</span>
+      `;
+        }
+        const classes = {
+            header: true,
+            withIcon,
+        };
+        return html `
+    <div class="${classMap(classes)}">
+      ${content}
+      ${reading ? html `<ui-progress indeterminate class="progress"></ui-progress>` : nothing}
+    </div>
+    `;
+    }
+    renderFiles() {
+        const { files } = this.fs;
+        if (!files || !files.length) {
+            return this.renderEmptyList();
+        }
+        return html `
+    <ui-list class="list" role="menu" @select="${this.handleFileSelect}" selectActive @scroll="${this.handleListScroll}">
+      ${files.map(item => this.renderFileItem(item))}
+    </ui-list>
+    `;
+    }
+    renderEmptyList() {
+        return html `
+    <p class="no-files body-large">No files in this view.</p>
+    `;
+    }
+    renderFileItem(item) {
+        const icon = fileIcon(item);
+        return html `
+    <ui-list-item role="menuitem" data-key="${item.key}" data-kind="${item.kind}">
+      ${icon ? html `<ui-icon icon="${icon}" class="file-icon"></ui-icon>` : nothing}
+      ${item.info.name || 'Unnamed file'}
+    </ui-list-item>
+    `;
+    }
+    renderActions() {
+        const { selectedFile } = this;
+        const disableSelect = !selectedFile;
+        return html `
+    <div class="actions">
+      <ui-button type="text" @click="${this.handleCancel}" value="cancel">Cancel</ui-button>
+      <ui-button type="tonal" ?disabled="${disableSelect}" @click="${this.handleSelect}" value="select">Select</ui-button>
+    </div>
+    `;
+    }
+}
+__decorate([
+    property({ type: String, hasChanged: () => false })
+], FilePicker.prototype, "folder", null);
+__decorate([
+    property({ type: Number, hasChanged: () => false })
+], FilePicker.prototype, "limit", null);
+__decorate([
+    property({ type: Number, hasChanged: () => false })
+], FilePicker.prototype, "debounceTimeout", null);
+__decorate([
+    property({ type: Array, hasChanged: () => false })
+], FilePicker.prototype, "kinds", null);
+__decorate([
+    query('ui-list')
+], FilePicker.prototype, "list", void 0);
+__decorate([
+    state()
+], FilePicker.prototype, "selectedFile", void 0);
+__decorate([
+    state()
+], FilePicker.prototype, "errorMessage", void 0);
+__decorate([
+    property({ type: Boolean })
+], FilePicker.prototype, "manualQuery", void 0);
+__decorate([
+    eventOptions({ passive: true })
+], FilePicker.prototype, "handleListScroll", null);
+//# sourceMappingURL=FilePicker.element.js.map

package/dist/elements/store/FilePicker.element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilePicker.element.js","sourceRoot":"","sources":["../../../src/elements/store/FilePicker.element.ts"],"names":[],"mappings":"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","sourcesContent":["import { \n  FolderKind, IFile, \n  ListFileKind \n} from \"@api-client/core/build/browser.js\";\nimport { CSSResult, html, nothing, TemplateResult } from \"lit\";\nimport { eventOptions, property, query, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport ApiElement from \"../ApiElement.js\";\nimport styles from './FilePicker.styles.js';\nimport { fileIcon } from \"./FilesLib.js\";\nimport type UiList from \"../../ui/list/UiList.js\";\nimport type { UiListSelection } from \"../../ui/list/UiList.js\";\nimport { FileSystem } from \"../../store/FileSystem.js\";\nimport '../../define/ui/ui-divider.js';\nimport '../../define/ui/ui-button.js';\nimport '../../define/ui/ui-icon-button.js';\nimport '../../define/ui/ui-icon.js';\nimport '../../define/ui/ui-list.js';\nimport '../../define/ui/ui-list-item.js';\nimport '../../define/ui/ui-progress.js';\n\nexport interface FilePickerClosingReason {\n  /**\n   * Whether the picker was canceled.\n   */\n  canceled: boolean;\n  /**\n   * The file selected by the user. This is always and only selected when the `canceled` is false.\n   */\n  file?: IFile;\n}\n\n/**\n * A portable element that allow to pick a file from the Store.\n * \n * @fires close - When a file is selected or the user cancelled the dialog. The detail object is the picked file object. Note, this event bubbles.\n * @fires querycomplete - When the page of results was loaded.\n */\nexport default class FilePicker extends ApiElement {\n  static override get styles(): CSSResult[] {\n    return styles;\n  }\n\n  /**\n   * The key of the parent folder to query for files.\n   * @attribute\n   */\n  @property({ type: String, hasChanged: () => false }) \n  get folder(): string | undefined {\n    return this.fs.parent;\n  }\n\n  set folder(value: string | undefined) {\n    this.fs.selectFolder(value);\n  }\n\n  /**\n   * The page limit. Defaults to the store defaults.\n   * @attribute\n   */\n  @property({ type: Number, hasChanged: () => false }) \n  set limit(value: number | undefined) {\n    this.fs.limit = value;\n  }\n\n  get limit(): number | undefined {\n    return this.fs.limit;\n  }\n\n  /**\n   * The timeout for the page query debouncer.\n   * @attribute\n   */\n  @property({ type: Number, hasChanged: () => false }) \n  get debounceTimeout(): number {\n    return this.fs.debounceTimeout;\n  }\n\n  set debounceTimeout(value: number) {\n    this.fs.debounceTimeout = value || 0;\n  }\n\n  /**\n   * The list of file kinds to list.\n   * Folders are always included.\n   */\n  @property({ type: Array, hasChanged: () => false }) \n  get kinds(): ListFileKind[] | undefined {\n    return this.fs.kinds;\n  }\n\n  set kinds(value: ListFileKind[] | undefined) {\n    this.fs.kinds = value;\n    this.fs.resetList();\n    this.fs.debounceQuery();\n  }\n\n  @query('ui-list') protected list?: UiList;\n\n  /**\n   * The currently selected in the picker file.\n   */\n  @state() protected selectedFile?: IFile;\n\n  @state() errorMessage?: string;\n\n  /**\n   * When set it does not query for files when attached to the DOM. \n   * It will still query for files when attributes change. This is primarily used in tests.\n   * @attribute\n   */\n  @property({ type: Boolean }) manualQuery?: boolean;\n\n  get selectedKey(): string | undefined {\n    return this.selectedFile?.key;\n  }\n\n  fs = new FileSystem();\n\n  constructor() {\n    super();\n    this.fs.eventsTarget = this;\n    this.fs.addEventListener('change', () => this.requestUpdate());\n    this.fs.addEventListener('error', (e: Event) => {\n      const event = e as CustomEvent<string>;\n      this.errorMessage = event.detail;\n    });\n    this.fs.addEventListener('querycomplete', () => {\n      this.dispatchEvent(new Event('querycomplete'));\n    });\n    this.fs.addEventListener('delete', (e: Event) => {\n      const event = e as CustomEvent<string>;\n      if (this.selectedFile && this.selectedFile.key === event.detail) {\n        this.selectedFile = undefined;\n      }\n    });\n  }\n  \n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.fs.observe();\n    if (!this.manualQuery) {\n      this.fs.debounceQuery();\n    }\n    if (!this.hasAttribute('tabindex')) {\n      this.setAttribute('tabindex', '0');\n    }\n  }\n  \n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.fs.unobserve();\n  }\n\n  override focus(options?: FocusOptions | undefined): void {\n    const { list } = this;\n    if (list) {\n      list.focus(options);\n    }\n  }\n\n  protected handleFileSelect(e: CustomEvent<UiListSelection>): void {\n    // this prevents the dropdown list to close the UI.\n    e.preventDefault();\n    const file = this.fs.files[e.detail.index];\n    if (!file) {\n      return;\n    }\n    if (file.kind === FolderKind) {\n      this.fs.selectFolder(file.key);\n      this.selectedFile = undefined;\n      return;\n    }\n    this.selectedFile = file;\n  }\n\n  protected handleParentUp(): void {\n    this.fs.parentUp();\n    this.selectedFile = undefined;\n  }\n\n  protected notifyClose(canceled: boolean): void {\n    if (!canceled && !this.selectedFile) {\n      return;\n    }\n    const detail: FilePickerClosingReason = {\n      canceled,\n    };\n    if (!canceled) {\n      detail.file = this.selectedFile;\n    }\n    // this event bubbles so any dropdown on the way can close itself.\n    const e = new CustomEvent<FilePickerClosingReason>('close', {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail,\n    });\n    this.dispatchEvent(e);\n  }\n\n  protected handleSelect(): void {\n    this.notifyClose(false);\n  }\n\n  protected handleCancel(): void {\n    this.notifyClose(true);\n  }\n\n  @eventOptions({ passive: true })\n  protected handleListScroll(e: Event): void {\n    const list = e.target as UiList;\n    if (this.fs.isListEnd(list)) {\n      this.fs.debounceQuery();\n    }\n  }\n\n  protected override render(): TemplateResult {\n    return html`\n    <div class=\"content\">\n      ${this.renderHeader()}\n      <ui-divider></ui-divider>\n      ${this.renderFiles()}\n      ${this.errorMessage ? html`<p class=\"error\">${this.errorMessage}</p>` : nothing}\n      <ui-divider></ui-divider>\n      ${this.renderActions()}\n    </div>\n    `;\n  }\n\n  protected renderHeader(): TemplateResult {\n    const { breadcrumbs = [], reading } = this.fs;\n    let content: TemplateResult;\n    let withIcon = false;\n    if (!breadcrumbs.length) {\n      content = html`<span class=\"title-large label\">My files</span>`;\n    } else {\n      withIcon = true;\n      const [parent] = breadcrumbs;\n      content = html`\n        <ui-icon-button aria-label=\"Open parent folder\" @click=\"${this.handleParentUp}\" class=\"back-button\">\n          <ui-icon role=\"presentation\" icon=\"arrowBack\"></ui-icon>\n        </ui-icon-button>\n        <span class=\"title-large label\">${parent.name}</span>\n      `;\n    }\n    const classes = {\n      header: true,\n      withIcon,\n    }\n    return html`\n    <div class=\"${classMap(classes)}\">\n      ${content}\n      ${reading ? html`<ui-progress indeterminate class=\"progress\"></ui-progress>` : nothing}\n    </div>\n    `;\n  }\n\n  protected renderFiles(): TemplateResult {\n    const { files } = this.fs;\n    if (!files || !files.length) {\n      return this.renderEmptyList();\n    }\n    return html`\n    <ui-list class=\"list\" role=\"menu\" @select=\"${this.handleFileSelect}\" selectActive @scroll=\"${this.handleListScroll}\">\n      ${files.map(item => this.renderFileItem(item))}\n    </ui-list>\n    `;\n  }\n\n  protected renderEmptyList(): TemplateResult {\n    return html`\n    <p class=\"no-files body-large\">No files in this view.</p>\n    `;\n  }\n\n  protected renderFileItem(item: IFile): TemplateResult {\n    const icon = fileIcon(item);\n    return html`\n    <ui-list-item role=\"menuitem\" data-key=\"${item.key}\" data-kind=\"${item.kind}\">\n      ${icon ? html`<ui-icon icon=\"${icon}\" class=\"file-icon\"></ui-icon>` : nothing}\n      ${item.info.name || 'Unnamed file'}\n    </ui-list-item>\n    `;\n  }\n\n  protected renderActions(): TemplateResult {\n    const { selectedFile } = this;\n    const disableSelect = !selectedFile;\n    return html`\n    <div class=\"actions\">\n      <ui-button type=\"text\" @click=\"${this.handleCancel}\" value=\"cancel\">Cancel</ui-button>\n      <ui-button type=\"tonal\" ?disabled=\"${disableSelect}\" @click=\"${this.handleSelect}\" value=\"select\">Select</ui-button>\n    </div>\n    `;\n  }\n}\n"]}

package/dist/elements/store/FilePicker.styles.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("lit").CSSResult[];
+export default _default;
+//# sourceMappingURL=FilePicker.styles.d.ts.map

package/dist/elements/store/FilePicker.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilePicker.styles.d.ts","sourceRoot":"","sources":["../../../src/elements/store/FilePicker.styles.ts"],"names":[],"mappings":";AAGA,wBAoEG"}

package/dist/elements/store/FilePicker.styles.js

@@ -0,0 +1,72 @@
+import { css } from "lit";
+import typography from '../../styles/m3/typography.module.js';
+export default [typography, css `
+:host {
+  display: block;
+
+  width: 420px;
+  height: 400px;
+
+  background-color: var(--md-sys-color-background);
+  color: var(--md-sys-color-on-background);
+}
+
+.content {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.header {
+  height: 56px;
+  display: flex;
+  align-items: center;
+  position: relative;
+  margin: 0 16px;
+}
+
+.header.withIcon {
+  margin: 0 16px 0 4px;
+}
+
+.header .label {
+  display: block;
+}
+
+.progress {
+  position: absolute;
+  bottom: -10px; /* aligns with the divider */
+  width: 100%;
+}
+
+.list {
+  overflow-y: auto;
+  flex: 1;
+  margin: 0;
+  padding: 0;
+}
+
+.actions {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  margin: 0 16px;
+}
+
+.file-icon {
+  margin-right: 12px;
+}
+
+.error {
+  background-color: var(--md-sys-color-error-container);
+  color: var(--md-sys-color-on-error-container);
+  display: block;
+  padding: 8px 12px;
+  border-radius: var(--md-sys-shape-corner-small);
+}
+
+.no-files {
+  flex: 1;
+}
+`];
+//# sourceMappingURL=FilePicker.styles.js.map

package/dist/elements/store/FilePicker.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilePicker.styles.js","sourceRoot":"","sources":["../../../src/elements/store/FilePicker.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,UAAU,MAAM,sCAAsC,CAAC;AAE9D,eAAe,CAAC,UAAU,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoE9B,CAAC,CAAC","sourcesContent":["import { css } from \"lit\";\nimport typography from '../../styles/m3/typography.module.js';\n\nexport default [typography, css`\n:host {\n  display: block;\n\n  width: 420px;\n  height: 400px;\n\n  background-color: var(--md-sys-color-background);\n  color: var(--md-sys-color-on-background);\n}\n\n.content {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.header {\n  height: 56px;\n  display: flex;\n  align-items: center;\n  position: relative;\n  margin: 0 16px;\n}\n\n.header.withIcon {\n  margin: 0 16px 0 4px;\n}\n\n.header .label {\n  display: block;\n}\n\n.progress {\n  position: absolute;\n  bottom: -10px; /* aligns with the divider */\n  width: 100%;\n}\n\n.list {\n  overflow-y: auto;\n  flex: 1;\n  margin: 0;\n  padding: 0;\n}\n\n.actions {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  margin: 0 16px;\n}\n\n.file-icon {\n  margin-right: 12px;\n}\n\n.error {\n  background-color: var(--md-sys-color-error-container);\n  color: var(--md-sys-color-on-error-container);\n  display: block;\n  padding: 8px 12px;\n  border-radius: var(--md-sys-shape-corner-small);\n}\n\n.no-files {\n  flex: 1;\n}\n`];\n"]}

package/dist/elements/store/FilesLib.d.ts

@@ -0,0 +1,10 @@
+import { IFile } from "@api-client/core/build/browser.js";
+import { IconType } from "../../ui/icons/Icons.js";
+/**
+ * Sorts files on the list.
+ *
+ * Folders are always on top.
+ */
+export declare function filesSortFunction(a: IFile, b: IFile): number;
+export declare function fileIcon(item: IFile): IconType | undefined;
+//# sourceMappingURL=FilesLib.d.ts.map

package/dist/elements/store/FilesLib.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilesLib.d.ts","sourceRoot":"","sources":["../../../src/elements/store/FilesLib.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiD,KAAK,EAAe,MAAM,mCAAmC,CAAC;AACtH,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEnD;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,GAAG,MAAM,CAW5D;AAED,wBAAgB,QAAQ,CAAC,IAAI,EAAE,KAAK,GAAG,QAAQ,GAAG,SAAS,CAU1D"}

package/dist/elements/store/FilesLib.js

@@ -0,0 +1,38 @@
+import { CertificateFileKind, DataFileKind, FolderKind, ProjectKind } from "@api-client/core/build/browser.js";
+/**
+ * Sorts files on the list.
+ *
+ * Folders are always on top.
+ */
+export function filesSortFunction(a, b) {
+    if (a.kind !== b.kind) {
+        if (a.kind === FolderKind) {
+            return -1;
+        }
+        return 1;
+    }
+    if (a.kind === b.kind && a.kind === FolderKind) {
+        return (a.info.name || '').localeCompare(b.info.name || '');
+    }
+    return b.lastModified.time - a.lastModified.time;
+}
+export function fileIcon(item) {
+    let icon;
+    switch (item.kind) {
+        case DataFileKind:
+            icon = 'schema';
+            break;
+        case FolderKind:
+            icon = 'folder';
+            break;
+        case ProjectKind:
+            icon = 'collectionsBookmark';
+            break;
+        case CertificateFileKind:
+            icon = 'certificate';
+            break;
+        default:
+    }
+    return icon;
+}
+//# sourceMappingURL=FilesLib.js.map

package/dist/elements/store/FilesLib.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilesLib.js","sourceRoot":"","sources":["../../../src/elements/store/FilesLib.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,UAAU,EAAS,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAGtH;;;;GAIG;AACH,MAAM,UAAU,iBAAiB,CAAC,CAAQ,EAAE,CAAQ;IAClD,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,EAAE;QACrB,IAAI,CAAC,CAAC,IAAI,KAAK,UAAU,EAAE;YACzB,OAAO,CAAC,CAAC,CAAC;SACX;QACD,OAAO,CAAC,CAAC;KACV;IACD,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,KAAK,UAAU,EAAE;QAC9C,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;KAC7D;IACD,OAAO,CAAC,CAAC,YAAY,CAAC,IAAI,GAAG,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC;AACnD,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,IAAW;IAClC,IAAI,IAA0B,CAAC;IAC/B,QAAQ,IAAI,CAAC,IAAI,EAAE;QACjB,KAAK,YAAY;YAAE,IAAI,GAAG,QAAQ,CAAC;YAAC,MAAM;QAC1C,KAAK,UAAU;YAAE,IAAI,GAAG,QAAQ,CAAC;YAAC,MAAM;QACxC,KAAK,WAAW;YAAE,IAAI,GAAG,qBAAqB,CAAC;YAAC,MAAM;QACtD,KAAK,mBAAmB;YAAE,IAAI,GAAG,aAAa,CAAC;YAAC,MAAM;QACtD,QAAQ;KACT;IACD,OAAO,IAAI,CAAC;AACd,CAAC","sourcesContent":["import { CertificateFileKind, DataFileKind, FolderKind, IFile, ProjectKind } from \"@api-client/core/build/browser.js\";\nimport { IconType } from \"../../ui/icons/Icons.js\";\n\n/**\n * Sorts files on the list.\n * \n * Folders are always on top.\n */\nexport function filesSortFunction(a: IFile, b: IFile): number {\n  if (a.kind !== b.kind) {\n    if (a.kind === FolderKind) {\n      return -1;\n    }\n    return 1;\n  }\n  if (a.kind === b.kind && a.kind === FolderKind) {\n    return (a.info.name || '').localeCompare(b.info.name || '');\n  }\n  return b.lastModified.time - a.lastModified.time;\n}\n\nexport function fileIcon(item: IFile): IconType | undefined {\n  let icon: IconType | undefined;\n  switch (item.kind) {\n    case DataFileKind: icon = 'schema'; break;\n    case FolderKind: icon = 'folder'; break;\n    case ProjectKind: icon = 'collectionsBookmark'; break;\n    case CertificateFileKind: icon = 'certificate'; break;\n    default:\n  }\n  return icon;\n}\n"]}

package/dist/elements/{files/ShareFile.d.ts → store/ShareFile.element.d.ts}

@@ -170,4 +170,4 @@ export default class ShareFile extends UiDialog {
     protected permissionRoleTemplate(role: PermissionRole, userId: string): TemplateResult;
     protected roleItemTemplate(role: PermissionRole, userRole: PermissionRole): TemplateResult;
 }
-//# sourceMappingURL=ShareFile.d.ts.map
+//# sourceMappingURL=ShareFile.element.d.ts.map

package/dist/elements/store/ShareFile.element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShareFile.element.d.ts","sourceRoot":"","sources":["../../../src/elements/store/ShareFile.element.ts"],"names":[],"mappings":"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"}

package/dist/elements/{files/ShareFile.js → store/ShareFile.element.js}

@@ -883,4 +883,4 @@ __decorate([
 __decorate([
     state()
 ], ShareFile.prototype, "selectedRole", void 0);
-//# sourceMappingURL=ShareFile.js.map
+//# sourceMappingURL=ShareFile.element.js.map

package/dist/elements/store/ShareFile.element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShareFile.element.js","sourceRoot":"","sources":["../../../src/elements/store/ShareFile.element.ts"],"names":[],"mappings":"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","sourcesContent":["import { TemplateResult, html, nothing, } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { StyleInfo, styleMap } from 'lit/directives/style-map.js';\nimport { ClassInfo, classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { \n  IFile, Events as CoreEvents, IUser, AccessOperation, IAccessAddOperation, PermissionRole, IPermission,\n  IApplication, IPatchRevision, BroadcastEvent, FilePatchBroadcastEvent,\n} from '@api-client/core/build/browser.js';\nimport { Patch, Core as JsonCore } from '@api-client/json';\nimport { Events } from '../../events/Events.js';\nimport { randomString } from '../../lib/Random.js';\nimport { StoreBroadcast } from '../../http-client/store/StoreBroadcast.js';\nimport UiDialog from '../../ui/dialog/UiDialog.js';\nimport { ElementPositioning } from '../../ui/lib/ElementPositioning.js';\nimport UiListbox from '../../ui/list/UiListbox.js';\nimport UiListItem from '../../ui/list/UiListItem.js';\nimport UiChip from '../../ui/chip/UiChip.js';\nimport { SnackNotifications } from '../../ui/notification/SnackNotifications.js';\nimport '../../define/ui/ui-listbox.js';\nimport '../../define/ui/ui-list-item.js';\nimport '../../define/ui/ui-list.js';\nimport '../../define/ui/ui-button.js';\nimport '../../define/ui/ui-icon.js';\nimport '../../define/ui/ui-chip.js';\nimport '../../define/ui/ui-divider.js';\nimport '../../define/ui/ui-dropdown-list.js';\nimport '../../define/user/user-avatar.js';\n\nconst NAVIGATION_KEYS = {\n  ArrowDown: 'ArrowDown',\n  ArrowUp: 'ArrowUp',\n  Home: 'Home',\n  End: 'End',\n  Escape: 'Escape',\n  Enter: 'Enter',\n  Space: ' ',\n  Backspace: 'Backspace',\n};\n\ninterface RoleInfo {\n  label: string;\n  title: string;\n}\n\nconst roles: Record<PermissionRole, RoleInfo> = {\n  reader: { label: 'Reader', title: 'Shares the file as read only' },\n  commenter: { label: 'Commenter', title: 'Allows users to collaborate by leaving comments (when applicable)' },\n  writer: { label: 'Writer', title: \"Allows users to edit contents of the file. It also allows to share or delete file.\" },\n  owner: { label: 'Owner', title: 'The same permissions as the owner of the file' },\n};\n\n/**\n * A dialog that shows users that the file is shared with and allows to share a file.\n * \n * Listen to the `closed` on the dialog. The CustomEvent has the `detail`\n * object with the `closingReason` retails:\n * - canceled: whether the dialog was cancelled (ESC, outside click, dismiss button)\n * - confirmed: whether the dialog was confirmed by the user\n * \n * ```javascript\n * const dialog = document.createElement('share-file');\n * dialog.key = 'file key';\n * // or\n * dialog.file = file;\n * dialog.appInfo=\"${AppInfo}\"\n * dialog.user=\"${currentUser}\"\n * dialog.opened = true;\n * document.body.appendChild(dialog);\n * dialog.addEventListener('closed', (ev: Event) => {\n *   document.body.removeChild(dialog);\n * });\n * ```\n */\nexport default class ShareFile extends UiDialog {\n  private keyInternal?: string;\n\n  /**\n   * The key of the file to share.\n   */\n  @property({ type: String }) get key(): string | undefined {\n    return this.keyInternal;\n  }\n\n  set key(value: string | undefined) {\n    const old = this.keyInternal;\n    if (old === value) {\n      return;\n    }\n    this.keyInternal = value;\n    this.processFileKey(value);\n  }\n\n  protected fileInternal?: IFile;\n\n  /**\n   * When known, set this instead of the `key` to skip requesting the file info.\n   * Also, when file is set and then the `key` is set the HTTP request won't be made.\n   */\n  @property({ type: Object }) get file(): IFile | undefined {\n    return this.fileInternal;\n  }\n\n  set file(value: IFile | undefined) {\n    const old = this.fileInternal;\n    if (old === value) {\n      return;\n    }\n    if (old && value && old.key === value.key) {\n      return;\n    }\n    this.fileInternal = value ? JsonCore.clone(value) : undefined;\n    if (value) {\n      this.requestFileUsers(value.key);\n    }\n  }\n\n  /**\n   * The current user to filter out the user from the suggestions and the shared list.\n   */\n  @property({ type: Object }) user?: IUser;\n\n  /**\n   * This property is required for the API access to work.\n   * Set it to the current application information.\n   * \n   * It will throw an error when trying to patch access without setting this property.\n   */\n  @property({ type: Object }) appInfo?: IApplication;\n\n  /**\n   * A flag set when requesting the the file meta\n   */\n  @state() protected loadingFile = false;\n\n  /**\n   * A flag set when requesting the current list of users for the file.\n   */\n  @state() protected loadingFileUsers = false;\n\n  /**\n   * Computed value of whether currently loading file or file users.\n   */\n  get loading(): boolean {\n    return this.loadingFile || this.loadingFileUsers;\n  }\n\n  @query('#userInput')\n  protected readonly input!: HTMLInputElement;\n\n  @query('.suggestions')\n  protected readonly suggestionsContainer!: HTMLDivElement;\n\n  @query('ui-listbox.user-autocomplete')\n  protected readonly suggestionsList!: UiListbox;\n\n  /**\n   * The list of users to render in the suggestion box.\n   */\n  @state() protected userSuggestions?: IUser[];\n\n  /**\n   * Whether the suggestion box is opened.\n   */\n  @state() protected suggestionsOpened = false;\n\n  /**\n   * The list of users that were selected by the users to share the file with.\n   */\n  @state() protected selectedUsers?: IUser[];\n\n  /**\n   * The list of users that have permission to the file read from the store\n   * when the component was initializing.\n   */\n  @state() protected permissionUsers: IUser[] = [];\n\n  /**\n   * A list of permissions to set on the users after the user confirms the change.\n   * These are pending changes and only populated when the user changes any of the roles of \n   * an existing user.\n   */\n  @state() protected pendingPermissions?: AccessOperation[];\n\n  /**\n   * The last user query sent to the server. Used by the suggestions logic.\n   */\n  protected lastUserQuery?: string;\n\n  /**\n   * Computed value telling whether the main input should be disabled for the current state.\n   */\n  protected get inputDisabled(): boolean {\n    const { file } = this;\n    if (!file) {\n      return true;\n    }\n    const { capabilities } = file;\n    if (!capabilities) {\n      return true;\n    }\n    return !capabilities.canShare;\n  }\n\n  /**\n   * Computed value whether there are selected users\n   */\n  get hasSelectedUsers(): boolean {\n    const { selectedUsers } = this;\n    if (!Array.isArray(selectedUsers) || !selectedUsers.length)  {\n      return false;\n    }\n    return true;\n  }\n\n  /**\n   * Whether there are pending permissions to be set.\n   */\n  get hasPending(): boolean {\n    const { pendingPermissions } = this;\n    return !!pendingPermissions && !!pendingPermissions.length;\n  }\n\n  protected get fileId(): string {\n    const { key, file } = this;\n    if (key) {\n      return key;\n    }\n    if (file) {\n      return file.key;\n    }\n    throw new Error(`Invalid state, file is not set.`);\n  }\n\n  filesChannel = new BroadcastChannel(StoreBroadcast.files);\n\n  /**\n   * Computed positioning styles for the suggestion box.\n   */\n  protected suggestionStyles?: StyleInfo;\n\n  @state() protected selectedRole: PermissionRole = 'reader';\n\n  constructor() {\n    super();\n    this.fileMetaMessageHandler = this.fileMetaMessageHandler.bind(this);\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.filesChannel.addEventListener('message', this.fileMetaMessageHandler);\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.filesChannel.removeEventListener('message', this.fileMetaMessageHandler);\n  }\n\n  protected fileMetaMessageHandler(e: MessageEvent): void {\n    const event = e.data as BroadcastEvent;\n    if (event.operation === 'patch') {\n      this.handleFilePatch(event as FilePatchBroadcastEvent);\n    }\n  }\n\n  protected handleFilePatch(event: FilePatchBroadcastEvent): void {\n    const { key, alt } = event;\n    if (this.fileId !== key || alt !== 'meta') {\n      return;\n    }\n    const file = this.file as IFile;\n    const rev = event.data as IPatchRevision;\n    const { patch } = rev;\n    const result = Patch.apply(file, patch);\n    this.file = result.doc as IFile;\n    const hasPermission = patch.some(i => i.path.startsWith('/permissions'));\n    if (hasPermission) {\n      this.requestFileUsers(file.key);\n    }\n    this.requestUpdate();\n  }\n\n  protected processFileKey(value?: string): void {\n    if (!value) {\n      this.file = undefined;\n      this.selectedUsers = undefined;\n      this.lastUserQuery = undefined;\n      this.pendingPermissions = undefined;\n      this.selectedUsers = undefined;\n      this.userSuggestions = undefined;\n      this.loadingFile = false;\n      this.loadingFileUsers = false;\n      this.permissionUsers = [];\n      return;\n    }\n    this.requestFileInfo(value);\n    this.requestFileUsers(value);\n  }\n\n  protected async requestFileInfo(key: string): Promise<void> {\n    if (this.file && this.file.key === key) {\n      return;\n    }\n    this.loadingFile = true;\n    try {\n      this.file = await Events.Store.File.read(key, false, this);\n    } catch (e) {\n      CoreEvents.Telemetry.exception((e as Error).message, true, this);\n    } finally {\n      this.loadingFile = false;\n    }\n  }\n\n  protected async requestFileUsers(key: string): Promise<void> {\n    this.loadingFileUsers = true;\n    try {\n      const list = await Events.Store.File.listUsers(key);\n      this.permissionUsers = list.items;\n    } catch (e) {\n      CoreEvents.Telemetry.exception((e as Error).message, true, this);\n    } finally {\n      this.loadingFileUsers = false;\n    }\n  }\n\n  protected handleInput(e: Event): void {\n    const input = e.target as HTMLInputElement;\n    const { value } = input;\n    this.queryUsers(value);\n  }\n\n  protected handleKeydown(event: KeyboardEvent): void {\n    const { suggestionsOpened, suggestionsList } = this;\n    if (!suggestionsList || event.defaultPrevented) {\n      return;\n    }\n    if (Object.values(NAVIGATION_KEYS).indexOf(event.key) === -1) return;\n\n    if (event.key === NAVIGATION_KEYS.Escape) {\n      if (suggestionsOpened) {\n        event.preventDefault();\n        event.stopPropagation();\n        this.toggleSuggestions(false);\n      }\n    } else if (event.key === NAVIGATION_KEYS.ArrowDown) {\n      event.preventDefault();\n      if (suggestionsOpened) {\n        this.suggestionsList.highlightNext();\n      } else {\n        this.queryUsers('');\n      }\n    } else if (event.key === NAVIGATION_KEYS.ArrowUp) {\n      event.preventDefault();\n      if (suggestionsOpened) {\n        this.suggestionsList.highlightPrevious();\n      }\n    } else if (event.key === NAVIGATION_KEYS.Home) {\n      if (suggestionsOpened) {\n        event.preventDefault();\n        this.suggestionsList.highlightFirst();\n      }\n    } else if (event.key === NAVIGATION_KEYS.End) {\n      if (suggestionsOpened) {\n        event.preventDefault();\n        this.suggestionsList.highlightLast();\n      }\n    } else if (event.key === NAVIGATION_KEYS.Enter) {\n      event.preventDefault();\n      if (suggestionsOpened) {\n        const item = suggestionsList.highlightListItem;\n        if (item) {\n          suggestionsList.notifySelect(item);\n        }\n      }\n    } else if (event.key === NAVIGATION_KEYS.Backspace) {\n      const input = event.target as HTMLInputElement;\n      if (!input.value) {\n        event.preventDefault();\n        this.removeLastSelectedUser();\n      }\n    }\n  }\n\n  protected handleSuggestionSelect(e: CustomEvent): void {\n    const item = e.detail.item as UiListItem;\n    const { key } = item.dataset;\n    if (!key) {\n      return;\n    }\n    this.selectUserSuggestion(key);\n  }\n\n  protected selectUserSuggestion(key: string): void {\n    this.toggleSuggestions(false);\n    const { input, userSuggestions } = this;\n    if (!input || !userSuggestions) {\n      return;\n    }\n    input.value = '';\n    const user = userSuggestions.find(i => i.key === key);\n    if (!user) {\n      return;\n    }\n    if (!this.selectedUsers) {\n      this.selectedUsers = [user];\n    } else {\n      this.selectedUsers.push(user);\n      this.requestUpdate();\n    }\n  }\n\n  protected deselectUserSuggestion(key: string): void {\n    const { selectedUsers: users = [] } = this;\n    const index = users.findIndex(u => u.key === key);\n    if (index >= 0) {\n      users.splice(index, 1);\n      if (!users.length) {\n        this.selectedUsers = undefined;\n      }\n      this.requestUpdate();\n    }\n  }\n\n  protected handleUserChipRemove(e: Event): void {\n    const chip = e.target as UiChip;\n    const { key } = chip.dataset;\n    if (!key) {\n      return;\n    }\n    this.deselectUserSuggestion(key);\n  }\n\n  protected removeLastSelectedUser(): void {\n    const { selectedUsers } = this;\n    if (!selectedUsers || !selectedUsers.length) {\n      return;\n    }\n    const index = selectedUsers.length - 1;\n    selectedUsers.splice(index, 1);\n    if (!selectedUsers.length) {\n      this.selectedUsers = undefined;\n    }\n    this.requestUpdate();\n  }\n\n  protected async queryUsers(q: string): Promise<void> {\n    const { lastUserQuery, selectedUsers, userSuggestions, user } = this;\n    let users: IUser[] = [];\n    this.lastUserQuery = q;\n    if (lastUserQuery && userSuggestions && q.includes(lastUserQuery)) {\n      const lower = q.toLowerCase();\n      // filter the current list for the continues query.\n      // Not necessary to query the server as we have all results.\n      users = userSuggestions.filter((i) => {\n        const { name, email } = i;\n        if (name && name.toLowerCase().includes(lower)) {\n          return true;\n        }\n        if (email) {\n          for (const item of email) {\n            if (item.email && item.email.toLowerCase().includes(lower)) {\n              return true;\n            }\n          }\n        }\n        return false;\n      });\n    } else {\n      const result = await Events.Store.User.list({\n        query: q,\n      });\n      users = result.items;\n    }\n    if (selectedUsers) {\n      users = users.filter(candidate => !selectedUsers.some(i => i.key === candidate.key));\n    }\n    if (user) {\n      users = users.filter(candidate => candidate.key !== user.key);\n    }\n    if (users.length) {\n      this.userSuggestions = users;\n      this.toggleSuggestions(true);\n    } else {\n      this.userSuggestions = undefined;\n      this.toggleSuggestions(false);\n    }\n  }\n\n  protected toggleSuggestions(opened: boolean): void {\n    if (!opened) {\n      this.suggestionsOpened = false;\n      this.input.focus();\n    } else {\n      this.suggestionStyles = ElementPositioning.positionOverlay(this.suggestionsContainer, this.input, {\n        vertical: 'top',\n        noOverlap: true,\n        constrain: true,\n        matchAnchorWidth: true,\n      });\n      this.suggestionsOpened = true;\n    }\n  }\n\n  protected getUserEmail(user: IUser): string | undefined {\n    const { email } = user;\n    if (!Array.isArray(email) || !email.length)  {\n      return undefined;\n    }\n    const emails: string[] = [];\n    // we first find a verified email and then we pick any email\n    for (const item of email) {\n      if (item.verified && item.email) {\n        return item.email;\n      }\n      if (item.email) {\n        emails.push(item.email);\n      }\n    }\n    return emails[0];\n  }\n\n  protected handleRoleOption(e: CustomEvent): void {\n    const element = e.detail.item as HTMLElement;\n    const { role } = element.dataset;\n    if (!role) {\n      return;\n    }\n    this.selectedRole = role as PermissionRole;\n  }\n\n  protected cancelShareUser(): void {\n    this.selectedUsers = undefined;\n    this.lastUserQuery = undefined;\n    this.userSuggestions = undefined;\n    this.suggestionsOpened = false;\n  }\n\n  protected handleShare(): void {\n    const { selectedRole } = this;\n    if (!selectedRole) {\n      SnackNotifications.notify('Select a role before sharing', { timeout: 2000 });\n      return;\n    }\n    this.share(selectedRole);\n  }\n\n  protected async share(role: PermissionRole): Promise<void> {\n    if (!role) {\n      throw new Error(`Invalid state. Role is not selected.`);\n    }\n    const { selectedUsers } = this;\n    if (!selectedUsers || !selectedUsers.length) {\n      this.cancelShareUser();\n      return;\n    }\n    const { appInfo } = this;\n    if (!appInfo) {\n      throw new Error(`The appInfo is not set on the <${this.localName}> element.`);\n    }\n    const id = this.fileId;\n    if (!id) {\n      throw new Error(`The fileId is not set on the <${this.localName}> element.`);\n    }\n    const ops: AccessOperation[] = selectedUsers.map(user => {\n      const op: AccessOperation = {\n        op: 'add',\n        type: 'user',\n        value: role,\n        id: user.key,\n      };\n      return op;\n    });\n    try {\n      await Events.Store.File.patchUsers(id, randomString(), ops, appInfo);\n      this.cancelShareUser();\n    } catch (e) {\n      const cause = e as Error;\n      CoreEvents.Telemetry.exception(cause.message, false, this);\n      throw cause;\n    }\n  }\n\n  protected handleRoleChangeOption(e: CustomEvent): void {\n    const list = e.target as HTMLElement;\n    const { user, current } = list.dataset;\n    const element = e.detail.item as HTMLElement;\n    const role = element.dataset.role as PermissionRole;\n    if (!role || !user || !current) {\n      return;\n    }\n    if (!this.pendingPermissions) {\n      this.pendingPermissions = [];\n    }\n    const { pendingPermissions = [] } = this;\n    const index = pendingPermissions.findIndex(i => i.id === user);\n    if (index >= 0) {\n      // removes prior selection\n      pendingPermissions.splice(index, 1);\n    }\n\n    if (role === current) {\n      // the user selected the role that was originally assigned to the user.\n      // we don't change anything.\n      if (!pendingPermissions.length) {\n        this.pendingPermissions = undefined;\n      }\n      this.requestUpdate();\n      return;\n    }\n\n    let op: AccessOperation;\n    if ((role as string) === 'remove') {\n      op = {\n        op: 'remove',\n        type: 'user',\n        id: user,\n      };\n    } else {\n      op = {\n        op: 'add',\n        type: 'user',\n        value: role,\n        id: user,\n      };\n    }\n    pendingPermissions.push(op);\n    this.requestUpdate();\n  }\n\n  protected async handleCommitChanges(): Promise<void> {\n    const { key, file, pendingPermissions } = this;\n    if (!pendingPermissions) {\n      return;\n    }\n    const { appInfo } = this;\n    if (!appInfo) {\n      throw new Error(`The appInfo is not set on the <${this.localName}> element.`);\n    }\n    const id = key || file && file.key;\n    if (!id) {\n      throw new Error(`Either \"key\" or \"file\" must be set on the <${this.localName}> element.`);\n    }\n    try {\n      await Events.Store.File.patchUsers(id, randomString(), pendingPermissions, appInfo);\n      this.pendingPermissions = undefined;\n    } catch (e) {\n      const cause = e as Error;\n      CoreEvents.Telemetry.exception(cause.message, false, this);\n      throw cause;\n    }\n  }\n\n  override renderIcon(): TemplateResult {\n    const classes: ClassInfo = {\n      icon: true,\n      'with-icon': true,\n    };\n    return html`\n    <div class=\"${classMap(classes)}\" part=\"icon\"><ui-icon icon=\"personAdd\"></ui-icon></div>\n    `;\n  }\n\n  override renderTitle(): TemplateResult {\n    const classes: ClassInfo = {\n      title: true,\n      'with-title': true,\n    };\n    return html`\n    <div class=\"${classMap(classes)}\" part=\"title\"><span>Share with others</span></div>\n    `;\n  }\n\n  override renderBody(): TemplateResult {\n    return html`\n    <div class=\"content\">\n      ${this.userInputTemplate()}\n      ${this.renderCurrentUsers()}\n    </div>\n    `;\n  }\n\n  override renderButtons(): TemplateResult {\n    const classes: ClassInfo = {\n      buttons: true,\n      'with-buttons': true,\n    };\n\n    let content: TemplateResult;\n    if (this.hasPending) {\n      content = this.pendingActionsTemplate();\n    } else if (this.hasSelectedUsers) {\n      content = this.selectedUsersActionsTemplate();\n    } else {\n      content = this.overviewActionsTemplate();\n    }\n    return html`\n    <div class=\"${classMap(classes)}\" part=\"button\">${content}</div>\n    `;\n  }\n\n  protected overviewActionsTemplate(): TemplateResult {\n    return html`\n    <ui-button value=\"confirm\" type=\"text\" class=\"internal-button\" @click=\"${this.handleConfirm}\">Done</ui-button>\n    `;\n  }\n\n  protected selectedUsersActionsTemplate(): TemplateResult {\n    return html`\n    <ui-button type=\"text\" class=\"internal-button\" @click=\"${this.cancelShareUser}\">Cancel</ui-button>\n    <ui-button type=\"text\" class=\"internal-button\" @click=\"${this.handleShare}\">Share</ui-button>\n    `;\n  }\n\n  protected pendingActionsTemplate(): TemplateResult {\n    return html`\n    <span class=\"pending-info\">Pending changes</span>\n    <ui-button type=\"text\" class=\"internal-button\" @click=\"${this.handleCommitChanges}\">Save</ui-button>\n    `;\n  }\n\n  protected userInputTemplate(): TemplateResult {\n    const classes = {\n      'name-input': true,\n      autocomplete: this.suggestionsOpened,\n    };\n    return html`\n    <div class=\"input-line\">\n      <div class=\"${classMap(classes)}\">\n        ${this.renderInput()}\n        ${this.renderAutocomplete()}\n      </div>\n      ${this.roleSelectorTemplate()}\n    </div>\n    `\n  }\n\n  protected renderInput(): TemplateResult {\n    return html`\n    <div class=\"input-wrapper\">\n      ${this.renderSelectedUserChips()}\n      <input \n        type=\"text\"\n        id=\"userInput\"\n        name=\"name\"\n        ?disabled=\"${this.inputDisabled}\"\n        @input=\"${this.handleInput}\"\n        @keydown=\"${this.handleKeydown}\"\n        placeholder=\"Name or email\"\n        aria-label=\"Name or email\"\n        autocomplete=\"off\"\n      />\n    </div>\n    `;\n  }\n\n  protected renderAutocomplete(): TemplateResult {\n    const { userSuggestions } = this;\n    let opened = this.suggestionsOpened;\n    if (opened && (!userSuggestions || !userSuggestions.length)) {\n      opened = false;\n    }\n\n    const classes = {\n      suggestions: true,\n      opened,\n    };\n\n    return html`\n    <div class=\"${classMap(classes)}\" style=\"${styleMap(this.suggestionStyles || {})}\">\n      <ui-listbox \n        class=\"user-autocomplete\" \n        role=\"listbox\" \n        aria-label=\"Suggested users from your organization.\"\n        tabindex=\"-1\"\n        @select=\"${this.handleSuggestionSelect}\"\n      >\n        ${this.renderSuggestionList()}\n      </ui-listbox>\n    </div>\n    `;\n  }\n\n  /**\n   * @returns The template for the suggestions list.\n   */\n  protected renderSuggestionList(): TemplateResult[] | string {\n    const items = this.userSuggestions;\n    if (!Array.isArray(items) || !items.length) {\n      return '';\n    }\n    return items.map(i => this.renderSuggestionItem(i));\n  }\n\n  /**\n   * @returns The template for an URL suggestion item.\n   */\n  protected renderSuggestionItem(user: IUser): TemplateResult {\n    const { name, key } = user;\n    const email = this.getUserEmail(user);\n    return html`\n    <ui-list-item \n      class=\"suggestion-item\" \n      data-key=\"${key}\"\n      role=\"option\"\n      aria-selected=\"false\"\n      lines=\"two\"\n      image=\"avatar\"\n    >\n      <user-avatar slot=\"start\" .user=\"${user}\"></user-avatar>\n      <div>${name || key}</div>\n      <p slot=\"supporting-text\">${email}</p>\n    </ui-list-item>`;\n  }\n\n  protected renderSelectedUserChips(): TemplateResult | string {\n    if (!this.hasSelectedUsers) {\n      return '';\n    }\n    return html`\n    ${(this.selectedUsers as IUser[]).map((user) => this.renderUserChip(user))}\n    `;\n  }\n\n  protected renderUserChip(user: IUser): TemplateResult {\n    const email = this.getUserEmail(user);\n    return html`\n    <ui-chip type=\"input\" closable  @close=\"${this.handleUserChipRemove}\" data-key=\"${user.key}\" title=\"${ifDefined(email)}\">\n      <user-avatar slot=\"avatar\" .user=\"${user}\"></user-avatar>\n      ${user.name || email || user.key}\n    </ui-chip>\n    `;\n  }\n\n  protected roleSelectorTemplate(): TemplateResult | string {\n    if (!this.hasSelectedUsers) {\n      return '';\n    }\n    const { selectedRole } = this;\n    \n    let label: string;\n    const info = roles[selectedRole as PermissionRole];\n    if (info) {\n      label = info.label;\n    } else {\n      label = 'Role';\n    }\n    return html`\n    <ui-dropdown-list @select=\"${this.handleRoleOption}\" closeOnOutsideClick class=\"dropdown\">\n      <ui-button aria-label=\"Select user role\" type=\"tonal\">${label} <ui-icon icon=\"arrowDropDown\" role=\"presentation\"></ui-icon></ui-button>\n      <ui-list slot=\"dropdown\" role=\"menu\">\n        ${Object.keys(roles).map((key) => html`\n        <ui-list-item role=\"menuitem\" data-role=\"${key}\" title=\"${roles[key as PermissionRole].title}\">\n          ${roles[key as PermissionRole].label}\n        </ui-list-item>`)}\n      </ui-list>\n    </ui-dropdown-list>\n    `;\n  }\n\n  protected renderCurrentUsers(): TemplateResult | string {\n    if (this.hasSelectedUsers) {\n      return '';\n    }\n    const { file, loading, permissionUsers } = this;\n    if (!file || !permissionUsers || loading) {\n      return '';\n    }\n    const { permissions=[] } = file;\n    return html`\n    <div class=\"current-users\">\n      ${permissions.map(p => this.renderUserPermission(p))}\n    </div>\n    `;\n  }\n\n  protected renderUserPermission(permission: IPermission): TemplateResult | typeof nothing {\n    const { type, role } = permission;\n    if (type === 'group') {\n      return nothing;\n    }\n    if (type === 'anyone') {\n      return html`<p>Shared within the organization.</p>`;\n    }\n    const { permissionUsers=[] } = this;\n    const userId = permission.owner as string;\n    const user = permissionUsers.find(u => u.key === userId);\n    if (!user) {\n      // @TODO: should render something...\n      return nothing;\n    }\n    return html`\n    <div class=\"permission-item\">\n      <user-avatar class=\"user-icon\" .user=\"${user}\"></user-avatar>\n      <div class=\"permission-user\">\n        <span class=\"user-name\">${user.name || user.key}</span>\n        <span class=\"user-email\">${this.getUserEmail(user)}</span>\n      </div>\n      <div class=\"user-role\">\n        ${this.permissionRoleTemplate(role, userId)}\n      </div>\n    </div>\n    `;\n  }\n\n  protected permissionRoleTemplate(role: PermissionRole, userId: string): TemplateResult {\n    const { pendingPermissions } = this;\n    const pending = pendingPermissions && pendingPermissions.find(i => i.type === 'user' && i.id === userId) as IAccessAddOperation | undefined;\n    const pendingRole = pending && pending.value;\n    const selectionRole = pendingRole || role;\n\n    let label: string;\n    const info = roles[selectionRole];\n    if (info) {\n      label = info.label;\n    } else {\n      label = 'Role';\n    }\n    return html`\n    <ui-dropdown-list \n      @select=\"${this.handleRoleChangeOption}\" \n      closeOnOutsideClick class=\"dropdown\" \n      data-user=\"${userId}\"\n      data-current=\"${role}\"\n    >\n      <ui-button aria-label=\"Select user role\" type=\"text\">${label} <ui-icon icon=\"arrowDropDown\" role=\"presentation\"></ui-icon></ui-button>\n      <ui-list slot=\"dropdown\" role=\"menu\">\n        ${this.roleItemTemplate('reader', selectionRole)}\n        ${this.roleItemTemplate('commenter', selectionRole)}\n        ${this.roleItemTemplate('writer', selectionRole)}\n        ${this.roleItemTemplate('owner', selectionRole)}\n        <ui-divider type=\"inset\"></ui-divider>\n        <ui-list-item role=\"menuitem\" data-role=\"remove\" title=\"Removes the user\">\n          Remove\n        </ui-list-item>\n      </ui-list>\n    </ui-dropdown-list>\n    `;\n  }\n\n  protected roleItemTemplate(role: PermissionRole, userRole: PermissionRole): TemplateResult {\n    return html`\n    <ui-list-item role=\"menuitem\" data-role=\"${role}\" title=\"${roles[role].title}\" image=\"icon\">\n      ${role === userRole ? html`<ui-icon icon=\"check\" slot=\"end\"></ui-icon>` : ''}\n      ${roles[role].label}\n    </ui-list-item>\n    `;\n  }\n}\n"]}

package/dist/elements/store/ShareFile.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShareFile.styles.d.ts","sourceRoot":"","sources":["../../../src/elements/store/ShareFile.styles.ts"],"names":[],"mappings":";AAEA,wBAkIE"}

package/dist/elements/{files → store}/ShareFile.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShareFile.styles.js","sourceRoot":"","sources":["../../../src/elements/files/ShareFile.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkIjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n:host {\n  display: contents;\n}\n\ndialog{\n  max-width: 640px;\n  width: 100%;\n}\n\n.autocomplete {\n  position: relative;\n  box-sizing: content-box;\n}\n\n.suggestions {\n  position: fixed;\n  z-index: 100;\n  transform: scaleY(0);\n  transform-origin: center top;\n  transition: transform 120ms cubic-bezier(0.4, 0, 0.6, 1);\n  background-color: var(--md-sys-color-surface);\n  box-shadow: var(--md-sys-elevation-1);\n  border-radius: 0 0 8px 8px;\n\n  display: flex;\n  flex-direction: column;\n}\n\n.suggestions.opened {\n  transform: scaleY(1);\n}\n\n.user-name {\n  margin: 0;\n  width: 100%;\n}\n\n.input-line {\n  display: flex;\n  align-items: center;\n}\n\n.name-input {\n  flex: 1;\n}\n\n.input-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: row;\n  background: #f1f3f4;\n  border-bottom: 1px solid;\n  border-radius: 6px 6px 0 0;\n  padding: 0 12px;\n  margin-right: 8px;\n  align-items: center;\n}\n\n.input-wrapper:focus-within {\n  border-bottom-color: var(--accent-color);\n}\n\n.input-wrapper input {\n  height: 41px;\n  border: none;\n  outline: none;\n  background: transparent;\n  flex: 1;\n}\n\n.input-wrapper ui-chip {\n  margin-right: 8px;\n}\n\n.current-users {\n  margin-top: 20px;\n}\n\n.permission-item {\n  display: flex;\n  align-items: center;\n  height: 52px;\n}\n\n.user-icon {\n  margin-right: 12px;\n}\n\n.permission-user {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n}\n\n.user-role-selector {\n  position: relative;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  text-transform: capitalize;\n}\n\n.roles-list {\n  min-width: 320px;\n  padding: 8px 0;\n  border-radius: 8px;\n}\n\n.role-item {\n  text-transform: capitalize;\n}\n\n.list-separator {\n  height: 1px;\n  background-color: rgba(35, 47, 52, 0.12);\n  margin: 4px 0;\n}\n\n.pending-info {\n  margin-right: 12px;\n  font-family: var(--md-sys-typescale-body-medium-font-family-name);\n  font-style: var(--md-sys-typescale-body-medium-font-family-style);\n  font-weight: var(--md-sys-typescale-body-medium-font-weight);\n  font-size: var(--md-sys-typescale-body-medium-font-size);\n  letter-spacing: var(--md-sys-typescale-body-medium-tracking);\n  line-height: var(--md-sys-typescale-body-medium-height);\n  text-transform: var(--md-sys-typescale-body-medium-text-transform);\n  text-decoration: var(--md-sys-typescale-body-medium-text-decoration);\n}\n`;\n"]}
+{"version":3,"file":"ShareFile.styles.js","sourceRoot":"","sources":["../../../src/elements/store/ShareFile.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkIjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n:host {\n  display: contents;\n}\n\ndialog{\n  max-width: 640px;\n  width: 100%;\n}\n\n.autocomplete {\n  position: relative;\n  box-sizing: content-box;\n}\n\n.suggestions {\n  position: fixed;\n  z-index: 100;\n  transform: scaleY(0);\n  transform-origin: center top;\n  transition: transform 120ms cubic-bezier(0.4, 0, 0.6, 1);\n  background-color: var(--md-sys-color-surface);\n  box-shadow: var(--md-sys-elevation-1);\n  border-radius: 0 0 8px 8px;\n\n  display: flex;\n  flex-direction: column;\n}\n\n.suggestions.opened {\n  transform: scaleY(1);\n}\n\n.user-name {\n  margin: 0;\n  width: 100%;\n}\n\n.input-line {\n  display: flex;\n  align-items: center;\n}\n\n.name-input {\n  flex: 1;\n}\n\n.input-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: row;\n  background: #f1f3f4;\n  border-bottom: 1px solid;\n  border-radius: 6px 6px 0 0;\n  padding: 0 12px;\n  margin-right: 8px;\n  align-items: center;\n}\n\n.input-wrapper:focus-within {\n  border-bottom-color: var(--accent-color);\n}\n\n.input-wrapper input {\n  height: 41px;\n  border: none;\n  outline: none;\n  background: transparent;\n  flex: 1;\n}\n\n.input-wrapper ui-chip {\n  margin-right: 8px;\n}\n\n.current-users {\n  margin-top: 20px;\n}\n\n.permission-item {\n  display: flex;\n  align-items: center;\n  height: 52px;\n}\n\n.user-icon {\n  margin-right: 12px;\n}\n\n.permission-user {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n}\n\n.user-role-selector {\n  position: relative;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  text-transform: capitalize;\n}\n\n.roles-list {\n  min-width: 320px;\n  padding: 8px 0;\n  border-radius: 8px;\n}\n\n.role-item {\n  text-transform: capitalize;\n}\n\n.list-separator {\n  height: 1px;\n  background-color: rgba(35, 47, 52, 0.12);\n  margin: 4px 0;\n}\n\n.pending-info {\n  margin-right: 12px;\n  font-family: var(--md-sys-typescale-body-medium-font-family-name);\n  font-style: var(--md-sys-typescale-body-medium-font-family-style);\n  font-weight: var(--md-sys-typescale-body-medium-font-weight);\n  font-size: var(--md-sys-typescale-body-medium-font-size);\n  letter-spacing: var(--md-sys-typescale-body-medium-tracking);\n  line-height: var(--md-sys-typescale-body-medium-height);\n  text-transform: var(--md-sys-typescale-body-medium-text-transform);\n  text-decoration: var(--md-sys-typescale-body-medium-text-decoration);\n}\n`;\n"]}

package/dist/events/EventTypes.d.ts

@@ -21,6 +21,7 @@ export declare const EventTypes: Readonly<{
             delete: "storefilesdelete";
             patchUsers: "storefilespatchusers";
             listUsers: "storefileslistusers";
+            breadcrumbs: "storefilesbreadcrumbs";
         }>;
         User: Readonly<{
             me: "storeuserme";

package/dist/events/EventTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EventTypes.d.ts","sourceRoot":"","sources":["../../src/events/EventTypes.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAyEnB;;WAEG;;;;;;QAMH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoGL,CAAC"}
+{"version":3,"file":"EventTypes.d.ts","sourceRoot":"","sources":["../../src/events/EventTypes.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA0EnB;;WAEG;;;;;;QAMH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoGL,CAAC"}

package/dist/events/EventTypes.js

@@ -21,6 +21,7 @@ export const EventTypes = Object.freeze({
             delete: 'storefilesdelete',
             patchUsers: 'storefilespatchusers',
             listUsers: 'storefileslistusers',
+            breadcrumbs: 'storefilesbreadcrumbs',
         }),
         User: Object.freeze({
             me: 'storeuserme',