@api-client/ui 0.5.58 → 0.6.0

package/build/src/elements/data-table/internals/UsersDataTable.js

@@ -0,0 +1,243 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { html, nothing } from 'lit';
+import { property } from 'lit/decorators.js';
+import { DataTable } from '../DataTable.js';
+import { UserKind } from '@api-client/core/models/kinds.js';
+import '../../../md/icon-button/ui-icon-button.js';
+import '../../../md/icons/ui-icon.js';
+import '../../../md/divider/ui-divider.js';
+import '../../../md/menu/ui-menu.js';
+import '../../../md/menu/ui-menu-item.js';
+let UsersDataTable = (() => {
+    let _classSuper = DataTable;
+    let _current_decorators;
+    let _current_initializers = [];
+    let _current_extraInitializers = [];
+    return class UsersDataTable extends _classSuper {
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _current_decorators = [property({ type: String })];
+            __esDecorate(this, null, _current_decorators, { kind: "accessor", name: "current", static: false, private: false, access: { has: obj => "current" in obj, get: obj => obj.current, set: (obj, value) => { obj.current = value; } }, metadata: _metadata }, _current_initializers, _current_extraInitializers);
+            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        #current_accessor_storage = __runInitializers(this, _current_initializers, void 0);
+        /**
+         * The current user id.
+         */
+        get current() { return this.#current_accessor_storage; }
+        set current(value) { this.#current_accessor_storage = value; }
+        get items() {
+            return super.items;
+        }
+        set items(value) {
+            super.items = value;
+        }
+        constructor() {
+            super();
+            __runInitializers(this, _current_extraInitializers);
+            this.addEventListener('click', this.handleTableClick.bind(this));
+        }
+        handleTableClick(e) {
+            const target = e.composedPath()[0];
+            if (target.nodeType !== Node.ELEMENT_NODE) {
+                return;
+            }
+            if (target.classList.contains('user-link')) {
+                e.preventDefault();
+                const { key, kind } = target.dataset;
+                if (!key || !kind) {
+                    return;
+                }
+                this.dispatchEvent(new CustomEvent('rowaction', { detail: { key, kind, action: 'open' } }));
+            }
+        }
+        handleMenuSelect(e) {
+            const menu = e.currentTarget;
+            const { key, kind } = menu.dataset;
+            if (!key || !kind) {
+                return;
+            }
+            const action = e.detail.item.value;
+            if (!action) {
+                return;
+            }
+            this.dispatchEvent(new CustomEvent('rowaction', { detail: { key, kind, action } }));
+        }
+        renderHeader() {
+            return [
+                this.renderHeaderCell('Name', 0, { sort: 'name' }),
+                this.renderHeaderCell('Email', 1),
+                this.renderHeaderCell('Role', 2),
+                this.renderHeaderCell('Status', 3),
+                this.renderHeaderCell(html `<span hidden aria-label="Row options">Menu</span>`, 4, { delegateFocus: true }),
+            ];
+        }
+        renderRowValues(item, index) {
+            return [
+                this.#nameCell(item, index, 0),
+                this.#emailCell(item, index, 1),
+                this.#roleCell(item, index, 2),
+                this.#statusCell(item, index, 3),
+                this.renderCell(this.#renderRowMenu(item), index, 4, { classes: ['actions'], delegateFocus: true }),
+            ];
+        }
+        #nameCell(item, row, col) {
+            let name = item.name || '(none)';
+            if (this.current === item.key) {
+                name += ' (You)';
+            }
+            let content;
+            let delegateFocus = false;
+            if (item.kind === UserKind) {
+                content = html `<a href="#/${item.key}" data-key="${item.key}" data-kind="${item.kind}" class="user-link"
+        >${name}</a
+      >`;
+                delegateFocus = true;
+            }
+            else {
+                content = name;
+            }
+            return this.renderCell(content, row, col, { classes: ['primary-cell'], isPrimary: true, delegateFocus });
+        }
+        #emailCell(item, row, col) {
+            let email;
+            if (item.kind === UserKind) {
+                if (Array.isArray(item.email) && item.email.length > 0) {
+                    email = item.email[0]?.email;
+                }
+            }
+            else {
+                email = item.email;
+            }
+            let content;
+            if (email) {
+                content = html `<a href="mailto:${email}" class="email-link">${email}</a>`;
+            }
+            else {
+                content = '--';
+            }
+            return this.renderCell(content, row, col, { classes: ['email'] });
+        }
+        #roleCell(item, row, col) {
+            let role = '--';
+            if (item.grantType === 'owner') {
+                role = 'Owner';
+            }
+            else if (item.grantType === 'manager') {
+                role = 'Manager';
+            }
+            else if (item.grantType === 'editor') {
+                role = 'Editor';
+            }
+            else if (item.grantType === 'viewer') {
+                role = 'Viewer';
+            }
+            return this.renderCell(role, row, col, { classes: ['role'] });
+        }
+        #statusCell(item, row, col) {
+            let status = 'Active';
+            if (item.status === 'deleted') {
+                status = 'Deleted';
+            }
+            else if (item.status === 'pending') {
+                status = 'Invitation sent';
+            }
+            else if (item.status === 'suspended') {
+                status = 'Suspended';
+            }
+            else if (item.status === 'declined') {
+                status = 'Declined';
+            }
+            return this.renderCell(status, row, col, { classes: ['status'] });
+        }
+        #renderRowMenu(item) {
+            return item.kind === UserKind ? this.#renderUserOptions(item) : this.#renderInviteOptions(item);
+        }
+        #renderUserOptions(item) {
+            const { key, kind, status } = item;
+            const self = this.current === key;
+            return html `
+      <ui-icon-button
+        data-key="${key}"
+        data-kind="${kind}"
+        id="anchor-${key}"
+        aria-controls="menu-${key}"
+        tabindex="-1"
+        popoverTarget="menu-${key}"
+      >
+        <ui-icon>more_vert</ui-icon>
+      </ui-icon-button>
+      <ui-menu
+        class="item-menu"
+        popover="auto"
+        id="menu-${key}"
+        data-key="${key}"
+        data-kind="${kind}"
+        @select="${this.handleMenuSelect}"
+      >
+        <ui-menu-item value="open">
+          <div>Details</div>
+          <ui-icon slot="start">info</ui-icon>
+        </ui-menu-item>
+        ${status === 'active'
+                ? html `<ui-menu-item value="deactivate" ?disabled="${self}">
+              <div>Deactivate</div>
+              <ui-icon slot="start">person_off</ui-icon>
+            </ui-menu-item>`
+                : nothing}
+        ${status === 'suspended'
+                ? html `<ui-menu-item value="activate" ?disabled="${self}">
+              <div>Reactivate</div>
+              <ui-icon slot="start">person_check</ui-icon>
+            </ui-menu-item>`
+                : nothing}
+
+        <ui-divider role="separator"></ui-divider>
+        <ui-menu-item value="delete" ?disabled="${self}">
+          <div>Delete</div>
+          <ui-icon slot="start">delete</ui-icon>
+        </ui-menu-item>
+      </ui-menu>
+    `;
+        }
+        #renderInviteOptions(item) {
+            const { key, kind } = item;
+            return html `
+      <ui-icon-button
+        data-key="${key}"
+        data-kind="${kind}"
+        id="anchor-${key}"
+        aria-controls="menu-${key}"
+        tabindex="-1"
+        popoverTarget="menu-${key}"
+        aria-label="More options for the invitation to ${item.name || item.email}"
+      >
+        <ui-icon>more_vert</ui-icon>
+      </ui-icon-button>
+      <ui-menu
+        class="item-menu"
+        popover="auto"
+        id="menu-${key}"
+        data-key="${key}"
+        data-kind="${kind}"
+        @select="${this.handleMenuSelect}"
+      >
+        <ui-menu-item value="resend">
+          <div>Resend</div>
+          <ui-icon slot="start">send</ui-icon>
+        </ui-menu-item>
+        <ui-divider role="separator"></ui-divider>
+        <ui-menu-item value="delete">
+          <div>Cancel invitation</div>
+          <ui-icon slot="start">delete</ui-icon>
+        </ui-menu-item>
+      </ui-menu>
+    `;
+        }
+    };
+})();
+/**
+ * @fires rowaction - When a menu item is clicked, this event is fired with the user key, kind, and action.
+ */
+export default UsersDataTable;
+//# sourceMappingURL=UsersDataTable.js.map

package/build/src/elements/data-table/internals/UsersDataTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsersDataTable.js","sourceRoot":"","sources":["../../../../../src/elements/data-table/internals/UsersDataTable.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing, TemplateResult } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { DataTable } from '../DataTable.js'\nimport { UserKind } from '@api-client/core/models/kinds.js'\nimport type { UiMenuElement } from '../../../md/menu/ui-menu.js'\nimport type { OrgUser } from '../../../data/UsersModel.js'\nimport type { LiveData } from '../../../reactive/LiveData.js'\nimport type { IUser } from '@api-client/core/models/store/User.js'\nimport type { InvitationSchema } from '@api-client/core/models/store/Invitation.js'\nimport type { UiMenuItemElement } from '../../../md/menu/ui-menu-item.js'\n\nimport '../../../md/icon-button/ui-icon-button.js'\nimport '../../../md/icons/ui-icon.js'\nimport '../../../md/divider/ui-divider.js'\nimport '../../../md/menu/ui-menu.js'\nimport '../../../md/menu/ui-menu-item.js'\n\n/**\n * @fires rowaction - When a menu item is clicked, this event is fired with the user key, kind, and action.\n */\nexport default class UsersDataTable extends DataTable<OrgUser> {\n  /**\n   * The current user id.\n   */\n  @property({ type: String }) accessor current: string | undefined\n\n  override get items(): LiveData<OrgUser[]> | undefined {\n    return super.items\n  }\n\n  override set items(value: LiveData<OrgUser[]> | undefined) {\n    super.items = value\n  }\n\n  constructor() {\n    super()\n    this.addEventListener('click', this.handleTableClick.bind(this))\n  }\n\n  handleTableClick(e: Event): void {\n    const target = e.composedPath()[0] as HTMLElement\n    if (target.nodeType !== Node.ELEMENT_NODE) {\n      return\n    }\n    if (target.classList.contains('user-link')) {\n      e.preventDefault()\n      const { key, kind } = target.dataset\n      if (!key || !kind) {\n        return\n      }\n      this.dispatchEvent(new CustomEvent('rowaction', { detail: { key, kind, action: 'open' } }))\n    }\n  }\n\n  handleMenuSelect(e: CustomEvent<{ item: UiMenuItemElement }>): void {\n    const menu = e.currentTarget as UiMenuElement\n    const { key, kind } = menu.dataset\n    if (!key || !kind) {\n      return\n    }\n    const action = e.detail.item.value\n    if (!action) {\n      return\n    }\n    this.dispatchEvent(new CustomEvent('rowaction', { detail: { key, kind, action } }))\n  }\n\n  override renderHeader(): TemplateResult[] {\n    return [\n      this.renderHeaderCell('Name', 0, { sort: 'name' }),\n      this.renderHeaderCell('Email', 1),\n      this.renderHeaderCell('Role', 2),\n      this.renderHeaderCell('Status', 3),\n      this.renderHeaderCell(html`<span hidden aria-label=\"Row options\">Menu</span>`, 4, { delegateFocus: true }),\n    ]\n  }\n\n  override renderRowValues(item: OrgUser, index: number): TemplateResult[] {\n    return [\n      this.#nameCell(item, index, 0),\n      this.#emailCell(item, index, 1),\n      this.#roleCell(item, index, 2),\n      this.#statusCell(item, index, 3),\n      this.renderCell(this.#renderRowMenu(item), index, 4, { classes: ['actions'], delegateFocus: true }),\n    ]\n  }\n\n  #nameCell(item: OrgUser, row: number, col: number): TemplateResult {\n    let name = item.name || '(none)'\n    if (this.current === item.key) {\n      name += ' (You)'\n    }\n    let content: TemplateResult | string\n    let delegateFocus = false\n    if (item.kind === UserKind) {\n      content = html`<a href=\"#/${item.key}\" data-key=\"${item.key}\" data-kind=\"${item.kind}\" class=\"user-link\"\n        >${name}</a\n      >`\n      delegateFocus = true\n    } else {\n      content = name\n    }\n    return this.renderCell(content, row, col, { classes: ['primary-cell'], isPrimary: true, delegateFocus })\n  }\n\n  #emailCell(item: OrgUser, row: number, col: number): TemplateResult {\n    let email: string | undefined\n    if (item.kind === UserKind) {\n      if (Array.isArray(item.email) && item.email.length > 0) {\n        email = item.email[0]?.email\n      }\n    } else {\n      email = item.email\n    }\n    let content: TemplateResult | string\n    if (email) {\n      content = html`<a href=\"mailto:${email}\" class=\"email-link\">${email}</a>`\n    } else {\n      content = '--'\n    }\n    return this.renderCell(content, row, col, { classes: ['email'] })\n  }\n\n  #roleCell(item: OrgUser, row: number, col: number): TemplateResult {\n    let role = '--'\n    if (item.grantType === 'owner') {\n      role = 'Owner'\n    } else if (item.grantType === 'manager') {\n      role = 'Manager'\n    } else if (item.grantType === 'editor') {\n      role = 'Editor'\n    } else if (item.grantType === 'viewer') {\n      role = 'Viewer'\n    }\n    return this.renderCell(role, row, col, { classes: ['role'] })\n  }\n\n  #statusCell(item: OrgUser, row: number, col: number): TemplateResult {\n    let status = 'Active'\n    if (item.status === 'deleted') {\n      status = 'Deleted'\n    } else if (item.status === 'pending') {\n      status = 'Invitation sent'\n    } else if (item.status === 'suspended') {\n      status = 'Suspended'\n    } else if (item.status === 'declined') {\n      status = 'Declined'\n    }\n    return this.renderCell(status, row, col, { classes: ['status'] })\n  }\n\n  #renderRowMenu(item: OrgUser): TemplateResult {\n    return item.kind === UserKind ? this.#renderUserOptions(item) : this.#renderInviteOptions(item)\n  }\n\n  #renderUserOptions(item: IUser): TemplateResult {\n    const { key, kind, status } = item\n    const self = this.current === key\n    return html`\n      <ui-icon-button\n        data-key=\"${key}\"\n        data-kind=\"${kind}\"\n        id=\"anchor-${key}\"\n        aria-controls=\"menu-${key}\"\n        tabindex=\"-1\"\n        popoverTarget=\"menu-${key}\"\n      >\n        <ui-icon>more_vert</ui-icon>\n      </ui-icon-button>\n      <ui-menu\n        class=\"item-menu\"\n        popover=\"auto\"\n        id=\"menu-${key}\"\n        data-key=\"${key}\"\n        data-kind=\"${kind}\"\n        @select=\"${this.handleMenuSelect}\"\n      >\n        <ui-menu-item value=\"open\">\n          <div>Details</div>\n          <ui-icon slot=\"start\">info</ui-icon>\n        </ui-menu-item>\n        ${status === 'active'\n          ? html`<ui-menu-item value=\"deactivate\" ?disabled=\"${self}\">\n              <div>Deactivate</div>\n              <ui-icon slot=\"start\">person_off</ui-icon>\n            </ui-menu-item>`\n          : nothing}\n        ${status === 'suspended'\n          ? html`<ui-menu-item value=\"activate\" ?disabled=\"${self}\">\n              <div>Reactivate</div>\n              <ui-icon slot=\"start\">person_check</ui-icon>\n            </ui-menu-item>`\n          : nothing}\n\n        <ui-divider role=\"separator\"></ui-divider>\n        <ui-menu-item value=\"delete\" ?disabled=\"${self}\">\n          <div>Delete</div>\n          <ui-icon slot=\"start\">delete</ui-icon>\n        </ui-menu-item>\n      </ui-menu>\n    `\n  }\n\n  #renderInviteOptions(item: InvitationSchema): TemplateResult {\n    const { key, kind } = item\n    return html`\n      <ui-icon-button\n        data-key=\"${key}\"\n        data-kind=\"${kind}\"\n        id=\"anchor-${key}\"\n        aria-controls=\"menu-${key}\"\n        tabindex=\"-1\"\n        popoverTarget=\"menu-${key}\"\n        aria-label=\"More options for the invitation to ${item.name || item.email}\"\n      >\n        <ui-icon>more_vert</ui-icon>\n      </ui-icon-button>\n      <ui-menu\n        class=\"item-menu\"\n        popover=\"auto\"\n        id=\"menu-${key}\"\n        data-key=\"${key}\"\n        data-kind=\"${kind}\"\n        @select=\"${this.handleMenuSelect}\"\n      >\n        <ui-menu-item value=\"resend\">\n          <div>Resend</div>\n          <ui-icon slot=\"start\">send</ui-icon>\n        </ui-menu-item>\n        <ui-divider role=\"separator\"></ui-divider>\n        <ui-menu-item value=\"delete\">\n          <div>Cancel invitation</div>\n          <ui-icon slot=\"start\">delete</ui-icon>\n        </ui-menu-item>\n      </ui-menu>\n    `\n  }\n}\n"]}

package/build/src/elements/data-table/trash-table.d.ts

@@ -0,0 +1,11 @@
+import type { CSSResultOrNative } from 'lit';
+import Element from './internals/TrashDataTable.js';
+export declare class TrashDataTableElement extends Element {
+    static styles: CSSResultOrNative[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'trash-table': TrashDataTableElement;
+    }
+}
+//# sourceMappingURL=trash-table.d.ts.map

package/build/src/elements/data-table/trash-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trash-table.d.ts","sourceRoot":"","sources":["../../../../src/elements/data-table/trash-table.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,KAAK,CAAA;AAE5C,OAAO,OAAO,MAAM,+BAA+B,CAAA;AAInD,qBACa,qBAAsB,SAAQ,OAAO;IAChD,OAAgB,MAAM,EAAE,iBAAiB,EAAE,CAA0B;CACtE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,qBAAqB,CAAA;KACrC;CACF"}

package/build/src/elements/data-table/trash-table.js

@@ -0,0 +1,28 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement } from 'lit/decorators.js';
+import Element from './internals/TrashDataTable.js';
+import tableStyles from './DataTable.styles.js';
+import fsStyles from './internals/Filesystem.styles.js';
+let TrashDataTableElement = (() => {
+    let _classDecorators = [customElement('trash-table')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = Element;
+    var TrashDataTableElement = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            TrashDataTableElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static styles = [tableStyles, fsStyles];
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return TrashDataTableElement = _classThis;
+})();
+export { TrashDataTableElement };
+//# sourceMappingURL=trash-table.js.map

package/build/src/elements/data-table/trash-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trash-table.js","sourceRoot":"","sources":["../../../../src/elements/data-table/trash-table.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,OAAO,MAAM,+BAA+B,CAAA;AACnD,OAAO,WAAW,MAAM,uBAAuB,CAAA;AAC/C,OAAO,QAAQ,MAAM,kCAAkC,CAAA;IAG1C,qBAAqB;4BADjC,aAAa,CAAC,aAAa,CAAC;;;;sBACc,OAAO;qCAAf,SAAQ,WAAO;;;;YAAlD,6KAEC;;;;QADC,MAAM,CAAU,MAAM,GAAwB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;;YAD1D,uDAAqB;;;;;SAArB,qBAAqB","sourcesContent":["import type { CSSResultOrNative } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport Element from './internals/TrashDataTable.js'\nimport tableStyles from './DataTable.styles.js'\nimport fsStyles from './internals/Filesystem.styles.js'\n\n@customElement('trash-table')\nexport class TrashDataTableElement extends Element {\n  static override styles: CSSResultOrNative[] = [tableStyles, fsStyles]\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'trash-table': TrashDataTableElement\n  }\n}\n"]}

package/build/src/elements/data-table/users-table.d.ts

@@ -0,0 +1,11 @@
+import type { CSSResultOrNative } from 'lit';
+import Element from './internals/UsersDataTable.js';
+export declare class UsersDataElement extends Element {
+    static styles: CSSResultOrNative[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'users-table': UsersDataElement;
+    }
+}
+//# sourceMappingURL=users-table.d.ts.map

package/build/src/elements/data-table/users-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"users-table.d.ts","sourceRoot":"","sources":["../../../../src/elements/data-table/users-table.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,KAAK,CAAA;AAE5C,OAAO,OAAO,MAAM,+BAA+B,CAAA;AAInD,qBACa,gBAAiB,SAAQ,OAAO;IAC3C,OAAgB,MAAM,EAAE,iBAAiB,EAAE,CAAwB;CACpE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,gBAAgB,CAAA;KAChC;CACF"}

package/build/src/elements/data-table/users-table.js

@@ -0,0 +1,28 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement } from 'lit/decorators.js';
+import Element from './internals/UsersDataTable.js';
+import tableStyles from './DataTable.styles.js';
+import styles from './internals/UserData.styles.js';
+let UsersDataElement = (() => {
+    let _classDecorators = [customElement('users-table')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = Element;
+    var UsersDataElement = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            UsersDataElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static styles = [tableStyles, styles];
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return UsersDataElement = _classThis;
+})();
+export { UsersDataElement };
+//# sourceMappingURL=users-table.js.map

package/build/src/elements/data-table/users-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"users-table.js","sourceRoot":"","sources":["../../../../src/elements/data-table/users-table.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,OAAO,MAAM,+BAA+B,CAAA;AACnD,OAAO,WAAW,MAAM,uBAAuB,CAAA;AAC/C,OAAO,MAAM,MAAM,gCAAgC,CAAA;IAGtC,gBAAgB;4BAD5B,aAAa,CAAC,aAAa,CAAC;;;;sBACS,OAAO;gCAAf,SAAQ,WAAO;;;;YAA7C,6KAEC;;;;QADC,MAAM,CAAU,MAAM,GAAwB,CAAC,WAAW,EAAE,MAAM,CAAC,CAAA;;YADxD,uDAAgB;;;;;SAAhB,gBAAgB","sourcesContent":["import type { CSSResultOrNative } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport Element from './internals/UsersDataTable.js'\nimport tableStyles from './DataTable.styles.js'\nimport styles from './internals/UserData.styles.js'\n\n@customElement('users-table')\nexport class UsersDataElement extends Element {\n  static override styles: CSSResultOrNative[] = [tableStyles, styles]\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'users-table': UsersDataElement\n  }\n}\n"]}

package/build/src/elements/file-system/internals/Breadcrumbs.d.ts

@@ -1,8 +1,6 @@
 import { LitElement, PropertyValues, TemplateResult } from 'lit';
 import { LiveData } from '../../../reactive/LiveData.js';
 import { type FileBreadcrumb } from '@api-client/core/models/store/File.js';
-import '../../../md/focus-ring/ui-focus-ring.js';
-import '../../../md/icons/ui-icon.js';
 /**
  * @fires navigate - Dispatched when a navigation item is activated.
  *    The detail object is the `FileBreadcrumb` interface. The root object has the `id` set to empty string.

package/build/src/elements/file-system/internals/Breadcrumbs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../../src/elements/file-system/internals/Breadcrumbs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,cAAc,EAAQ,MAAM,KAAK,CAAA;AAEtE,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAA;AACxD,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,uCAAuC,CAAA;AAG3E,OAAO,yCAAyC,CAAA;AAChD,OAAO,8BAA8B,CAAA;AAErC;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,UAAU;IACjD,OAAgB,iBAAiB,EAAE,cAAc,CAGhD;IAED;;;OAGG;IACyB,QAAQ,CAAC,WAAW,EAAE,QAAQ,CAAC,cAAc,EAAE,CAAC,GAAG,SAAS,CAAA;IAExF;;;;OAIG;IACiD,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;;cAStE,OAAO,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAY1D,cAAc,IAAI,IAAI;IAItB,SAAS,CAAC,eAAe,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAazC,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAY3B,YAAY,IAAI,IAAI;cAWD,MAAM,IAAI,cAAc;IAe3C,UAAU,CAAC,IAAI,EAAE,cAAc,EAAE,MAAM,UAAQ,GAAG,cAAc;IAQhE,UAAU,CAAC,IAAI,EAAE,cAAc,GAAG,cAAc;IAiBhD,YAAY,CAAC,IAAI,EAAE,cAAc,GAAG,cAAc;IAUlD,eAAe,IAAI,cAAc;CAGlC"}
+{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../../src/elements/file-system/internals/Breadcrumbs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,cAAc,EAAQ,MAAM,KAAK,CAAA;AAEtE,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAA;AACxD,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,uCAAuC,CAAA;AAG3E;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,UAAU;IACjD,OAAgB,iBAAiB,EAAE,cAAc,CAGhD;IAED;;;OAGG;IACyB,QAAQ,CAAC,WAAW,EAAE,QAAQ,CAAC,cAAc,EAAE,CAAC,GAAG,SAAS,CAAA;IAExF;;;;OAIG;IACiD,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;;cAStE,OAAO,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAY1D,cAAc,IAAI,IAAI;IAItB,SAAS,CAAC,eAAe,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAazC,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAY3B,YAAY,IAAI,IAAI;cAWD,MAAM,IAAI,cAAc;IAe3C,UAAU,CAAC,IAAI,EAAE,cAAc,EAAE,MAAM,UAAQ,GAAG,cAAc;IAQhE,UAAU,CAAC,IAAI,EAAE,cAAc,GAAG,cAAc;IAiBhD,YAAY,CAAC,IAAI,EAAE,cAAc,GAAG,cAAc;IAUlD,eAAe,IAAI,cAAc;CAGlC"}

package/build/src/elements/file-system/internals/Breadcrumbs.js

@@ -2,8 +2,6 @@ import { __esDecorate, __runInitializers } from "tslib";
 import { LitElement, html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { FolderKind } from '@api-client/core/models/kinds.js';
-import '../../../md/focus-ring/ui-focus-ring.js';
-import '../../../md/icons/ui-icon.js';
 let Breadcrumbs = (() => {
     let _classSuper = LitElement;
     let _breadcrumbs_decorators;

package/build/src/elements/file-system/internals/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../../../../src/elements/file-system/internals/Breadcrumbs.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, PropertyValues, TemplateResult, html } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { LiveData } from '../../../reactive/LiveData.js'\nimport { type FileBreadcrumb } from '@api-client/core/models/store/File.js'\nimport { FolderKind } from '@api-client/core/models/kinds.js'\n\nimport '../../../md/focus-ring/ui-focus-ring.js'\nimport '../../../md/icons/ui-icon.js'\n\n/**\n * @fires navigate - Dispatched when a navigation item is activated.\n *    The detail object is the `FileBreadcrumb` interface. The root object has the `id` set to empty string.\n */\nexport default class Breadcrumbs extends LitElement {\n  static override shadowRootOptions: ShadowRootInit = {\n    mode: 'open',\n    delegatesFocus: true,\n  }\n\n  /**\n   * The list of breadcrumbs to render.\n   * The breadcrumbs should be ordered from the root to the current folder.\n   */\n  @property({ type: Object }) accessor breadcrumbs: LiveData<FileBreadcrumb[]> | undefined\n\n  /**\n   * When set it renders the special root folder with the name set on this property.\n   * When the root object is clicked then the `navigate` event is dispatched without the `key` property set.\n   * @attribute root-name\n   */\n  @property({ type: String, attribute: 'root-name' }) accessor rootName: string | undefined\n\n  constructor() {\n    super()\n    this.role = 'navigation'\n    this.ariaLabel = 'Breadcrumbs'\n    this.handleLiveData = this.handleLiveData.bind(this)\n  }\n\n  protected override updated(cp: PropertyValues<this>): void {\n    if (cp.has('breadcrumbs')) {\n      const old = cp.get('breadcrumbs')\n      if (old) {\n        old.removeEventListener('update', this.handleLiveData)\n      }\n      if (this.breadcrumbs) {\n        this.breadcrumbs.addEventListener('update', this.handleLiveData)\n      }\n    }\n  }\n\n  handleLiveData(): void {\n    this.requestUpdate()\n  }\n\n  protected handleLinkClick(e: Event): void {\n    const target = e.target as HTMLElement\n    const { key, kind } = target.dataset\n    if (kind === 'root') {\n      this.navigateRoot()\n      return\n    }\n    if (!key) {\n      return\n    }\n    this.navigate(key)\n  }\n\n  navigate(key: string): void {\n    const { breadcrumbs } = this\n    if (!breadcrumbs) {\n      return\n    }\n    const item = breadcrumbs.value.find((i) => i.key === key)\n    if (!item) {\n      return\n    }\n    this.dispatchEvent(new CustomEvent<FileBreadcrumb>('navigate', { detail: item }))\n  }\n\n  navigateRoot(): void {\n    this.dispatchEvent(\n      new CustomEvent<Partial<FileBreadcrumb>>('navigate', {\n        detail: {\n          kind: 'root',\n          name: this.rootName as string,\n        },\n      })\n    )\n  }\n\n  protected override render(): TemplateResult {\n    const { breadcrumbs, rootName } = this\n    const items = Array.from(breadcrumbs?.value || []).filter((i) => i.kind === FolderKind)\n    if (rootName) {\n      items.unshift({ key: '', name: rootName, kind: 'root' })\n    }\n    return html`\n      <div class=\"container\" role=\"list\">\n        ${items.map((item, index) => {\n          return this.renderItem(item, index === items.length - 1)\n        })}\n      </div>\n    `\n  }\n\n  renderItem(item: FileBreadcrumb, isLast = false): TemplateResult {\n    const content = isLast ? this.renderButton(item) : this.renderLink(item)\n    return html`\n      <div class=\"item spacing-headline-small\" role=\"listitem\">${content}</div>\n      ${isLast ? '' : this.renderSeparator()}\n    `\n  }\n\n  renderLink(item: FileBreadcrumb): TemplateResult {\n    const { key, kind, name } = item\n    return html`\n      <div\n        tabindex=\"0\"\n        role=\"link\"\n        data-key=\"${key}\"\n        data-kind=\"${kind}\"\n        class=\"link-button\"\n        @click=\"${this.handleLinkClick}\"\n      >\n        <ui-focus-ring part=\"focus-ring\"></ui-focus-ring>\n        ${name}\n      </div>\n    `\n  }\n\n  renderButton(item: FileBreadcrumb): TemplateResult {\n    const { key, kind, name } = item\n    return html`\n      <div tabindex=\"0\" role=\"button\" data-key=\"${key}\" data-kind=\"${kind}\" class=\"action-button\" aria-current=\"page\">\n        <ui-focus-ring part=\"focus-ring\"></ui-focus-ring>\n        ${name}\n      </div>\n    `\n  }\n\n  renderSeparator(): TemplateResult {\n    return html`<ui-icon class=\"separator\">chevron_right</ui-icon>`\n  }\n}\n"]}
+{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../../../../src/elements/file-system/internals/Breadcrumbs.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, PropertyValues, TemplateResult, html } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { LiveData } from '../../../reactive/LiveData.js'\nimport { type FileBreadcrumb } from '@api-client/core/models/store/File.js'\nimport { FolderKind } from '@api-client/core/models/kinds.js'\n\n/**\n * @fires navigate - Dispatched when a navigation item is activated.\n *    The detail object is the `FileBreadcrumb` interface. The root object has the `id` set to empty string.\n */\nexport default class Breadcrumbs extends LitElement {\n  static override shadowRootOptions: ShadowRootInit = {\n    mode: 'open',\n    delegatesFocus: true,\n  }\n\n  /**\n   * The list of breadcrumbs to render.\n   * The breadcrumbs should be ordered from the root to the current folder.\n   */\n  @property({ type: Object }) accessor breadcrumbs: LiveData<FileBreadcrumb[]> | undefined\n\n  /**\n   * When set it renders the special root folder with the name set on this property.\n   * When the root object is clicked then the `navigate` event is dispatched without the `key` property set.\n   * @attribute root-name\n   */\n  @property({ type: String, attribute: 'root-name' }) accessor rootName: string | undefined\n\n  constructor() {\n    super()\n    this.role = 'navigation'\n    this.ariaLabel = 'Breadcrumbs'\n    this.handleLiveData = this.handleLiveData.bind(this)\n  }\n\n  protected override updated(cp: PropertyValues<this>): void {\n    if (cp.has('breadcrumbs')) {\n      const old = cp.get('breadcrumbs')\n      if (old) {\n        old.removeEventListener('update', this.handleLiveData)\n      }\n      if (this.breadcrumbs) {\n        this.breadcrumbs.addEventListener('update', this.handleLiveData)\n      }\n    }\n  }\n\n  handleLiveData(): void {\n    this.requestUpdate()\n  }\n\n  protected handleLinkClick(e: Event): void {\n    const target = e.target as HTMLElement\n    const { key, kind } = target.dataset\n    if (kind === 'root') {\n      this.navigateRoot()\n      return\n    }\n    if (!key) {\n      return\n    }\n    this.navigate(key)\n  }\n\n  navigate(key: string): void {\n    const { breadcrumbs } = this\n    if (!breadcrumbs) {\n      return\n    }\n    const item = breadcrumbs.value.find((i) => i.key === key)\n    if (!item) {\n      return\n    }\n    this.dispatchEvent(new CustomEvent<FileBreadcrumb>('navigate', { detail: item }))\n  }\n\n  navigateRoot(): void {\n    this.dispatchEvent(\n      new CustomEvent<Partial<FileBreadcrumb>>('navigate', {\n        detail: {\n          kind: 'root',\n          name: this.rootName as string,\n        },\n      })\n    )\n  }\n\n  protected override render(): TemplateResult {\n    const { breadcrumbs, rootName } = this\n    const items = Array.from(breadcrumbs?.value || []).filter((i) => i.kind === FolderKind)\n    if (rootName) {\n      items.unshift({ key: '', name: rootName, kind: 'root' })\n    }\n    return html`\n      <div class=\"container\" role=\"list\">\n        ${items.map((item, index) => {\n          return this.renderItem(item, index === items.length - 1)\n        })}\n      </div>\n    `\n  }\n\n  renderItem(item: FileBreadcrumb, isLast = false): TemplateResult {\n    const content = isLast ? this.renderButton(item) : this.renderLink(item)\n    return html`\n      <div class=\"item spacing-headline-small\" role=\"listitem\">${content}</div>\n      ${isLast ? '' : this.renderSeparator()}\n    `\n  }\n\n  renderLink(item: FileBreadcrumb): TemplateResult {\n    const { key, kind, name } = item\n    return html`\n      <div\n        tabindex=\"0\"\n        role=\"link\"\n        data-key=\"${key}\"\n        data-kind=\"${kind}\"\n        class=\"link-button\"\n        @click=\"${this.handleLinkClick}\"\n      >\n        <ui-focus-ring part=\"focus-ring\"></ui-focus-ring>\n        ${name}\n      </div>\n    `\n  }\n\n  renderButton(item: FileBreadcrumb): TemplateResult {\n    const { key, kind, name } = item\n    return html`\n      <div tabindex=\"0\" role=\"button\" data-key=\"${key}\" data-kind=\"${kind}\" class=\"action-button\" aria-current=\"page\">\n        <ui-focus-ring part=\"focus-ring\"></ui-focus-ring>\n        ${name}\n      </div>\n    `\n  }\n\n  renderSeparator(): TemplateResult {\n    return html`<ui-icon class=\"separator\">chevron_right</ui-icon>`\n  }\n}\n"]}

package/build/src/elements/file-system/internals/QuickApiFilesystem.d.ts

@@ -0,0 +1,197 @@
+import { LitElement, nothing, TemplateResult } from 'lit';
+import type { FilesSource } from '../../../data/FilesModel.js';
+import { type FileBreadcrumb, type IFile } from '@api-client/core/models/store/File.js';
+import type { LiveData } from '../../../reactive/LiveData.js';
+import { type IOrganization } from '../../../providers/organization.js';
+import { type IUser } from '../../../providers/user.js';
+import type { UiMenuItemElement } from '../../../md/menu/ui-menu-item.js';
+import '../../../md/icons/ui-icon.js';
+import '../../../md/icon-button/ui-icon-button.js';
+import '../../../md/button/ui-button.js';
+import '../../../md/divider/ui-divider.js';
+import '../../../md/menu/ui-menu.js';
+import '../../../md/menu/ui-menu-item.js';
+import '../ui-breadcrumbs.js';
+import '../../data-table/filesystem-table.js';
+export interface QuickApiFilesystemOpenFolderDetails {
+    /**
+     * The key of the folder to open.
+     * When not set, it opens the root folder.
+     */
+    key?: string;
+}
+export interface QuickApiFilesystemOpenFileDetail {
+    /**
+     * The key of the file to open.
+     */
+    key: string;
+    /**
+     * The kind of the file to open.
+     */
+    kind: string;
+}
+export interface QuickApiFilesystemFilesDetail {
+    /**
+     * The keys of files to process.
+     */
+    keys: string[];
+}
+export interface QuickApiFilesystemFileActionDetail {
+    /**
+     * The key of the file.
+     */
+    key: string;
+}
+export interface QuickApiFilesystemFileCreateDetail {
+    /**
+     * The action to perform from the "add file" menu.
+     */
+    action: 'folder' | 'api' | 'domain' | 'import';
+}
+/**
+ * The supported file actions.
+ */
+export type FileAction = 'rename' | 'move' | 'delete' | 'share' | 'open';
+/**
+ * A component that renders a file system view.
+ * It supports listing files, navigating folders, and performing actions on files.
+ *
+ * The whole logic related to querying files, manipulating them, requesting breadcrumbs
+ * or a parent folder is delegated to the parent component or a controller.
+ *
+ * @fires open-folder - Dispatched when a folder is opened.
+ * @fires open-file - Dispatched when a file is opened.
+ * @fires share-files - Dispatched when files are shared.
+ * @fires file-rename - Dispatched when a file is renamed.
+ * @fires file-move - Dispatched when a file is moved.
+ * @fires file-create - Dispatched when a file create action is triggered.
+ * @fires delete-files - Dispatched when files are deleted.
+ * @fires scroll-end - Dispatched when the scroll end on the data table is reached.
+ */
+export default class QuickApiFilesystem extends LitElement {
+    /**
+     * What kind of files we render.
+     * @attribute
+     */
+    accessor source: FilesSource;
+    /**
+     * The currently selected organization, if any.
+     *
+     * This property consumes the `organizationContext`.
+     */
+    accessor organization: IOrganization | undefined;
+    /**
+     * The user object to use with the file system.
+     *
+     * This property consumes the `userContext`.
+     */
+    accessor user: IUser | undefined;
+    /**
+     * The list of files to render.
+     */
+    accessor files: LiveData<IFile[]> | undefined;
+    /**
+     * The breadcrumbs to render.
+     */
+    accessor breadcrumbs: LiveData<FileBreadcrumb[]> | undefined;
+    /**
+     * The parent folder of the current view.
+     * It is used to compute the permissions for the current view.
+     */
+    accessor parent: LiveData<IFile> | undefined;
+    /**
+     * The list of currently selected items.
+     */
+    accessor selectedItems: IFile[];
+    /**
+     * Dispatches the `open-folder` event.
+     *
+     * @param key The key of the folder to open.
+     */
+    protected openFolder(key?: string): void;
+    /**
+     * Dispatches the `open-file` event.
+     *
+     * @param file The file to open.
+     */
+    protected openFile(file: IFile): void;
+    /**
+     * Dispatches the `share-files` event.
+     *
+     * @param files The list of files to share.
+     */
+    protected shareFiles(files: IFile[]): void;
+    /**
+     * Handler for the item activation event from the data table.
+     * Depending on the item kind it opens the folder or the file.
+     *
+     * @param e The activation event.
+     * @throws {Error} When the item kind is unknown.
+     */
+    protected itemActivateHandler(e: CustomEvent<IFile>): void;
+    /**
+     * Handler for the selection event from the data table.
+     * Updates the `selectedItems` state.
+     *
+     * @param e The selection event.
+     */
+    protected handleTableSelect(e: CustomEvent<{
+        selectedItems: IFile[];
+    }>): void;
+    /**
+     * Clears the current selection.
+     */
+    clearSelection(): void;
+    /**
+     * Shares the currently selected files.
+     */
+    shareSelection(): void;
+    /**
+     * Removes files from the selection.
+     * @param keys The keys of the files to remove from the selection.
+     */
+    removeFromSelection(keys: string[]): void;
+    /**
+     * Logic to handle file actions from the data table (e.g. rename, delete, share, open).
+     *
+     * @param e The file action event.
+     */
+    protected handleFileAction(e: CustomEvent<{
+        key: string;
+        action: string;
+    }>): void;
+    /**
+     * Handler for the "add file" menu selection.
+     * Dispatches the `file-create` event.
+     *
+     * @param e The menu selection event.
+     */
+    protected handleAddMenuSelect(e: CustomEvent<{
+        item: UiMenuItemElement;
+    }>): void;
+    /**
+     * Handler for the breadcrumbs navigation event.
+     * Opens the folder corresponding to the breadcrumb.
+     *
+     * @param e The breadcrumb navigation event.
+     */
+    protected handleBreadcrumbsNavigate(e: CustomEvent<FileBreadcrumb>): void;
+    /**
+     * Deletes the currently selected files.
+     */
+    protected handleDeleteSelected(): void;
+    /**
+     * Deletes a list of files identified by their keys.
+     * Dispatches the `delete-files` event and removes the files from the selection.
+     *
+     * @param keys The keys of the files to delete.
+     */
+    deleteFiles(keys: string[]): Promise<void>;
+    protected handleScrollEnd(): void;
+    protected render(): TemplateResult;
+    protected renderSelection(selected: IFile[]): TemplateResult;
+    protected renderHeader(): TemplateResult;
+    protected renderBreadcrumbs(): TemplateResult;
+    protected renderAddFileMenu(): TemplateResult | typeof nothing;
+}
+//# sourceMappingURL=QuickApiFilesystem.d.ts.map

package/build/src/elements/file-system/internals/QuickApiFilesystem.d.ts.map

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