@api-client/ui 0.5.57 → 0.6.0

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

@@ -0,0 +1,33 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement } from 'lit/decorators.js';
+import Element from './internals/DataCatalogTable.js';
+import tableStyles from './DataTable.styles.js';
+import styles from './internals/DataCatalog.styles.js';
+import '../../md/date/ui-date-time.js';
+import '../../md/button/ui-button.js';
+import '../../md/icons/ui-icon.js';
+import '../../md/listbox/ui-listbox.js';
+import '../../md/list/ui-list-item.js';
+let DataCatalogTableElement = (() => {
+    let _classDecorators = [customElement('data-catalog-table')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = Element;
+    var DataCatalogTableElement = 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);
+            DataCatalogTableElement = _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 DataCatalogTableElement = _classThis;
+})();
+export { DataCatalogTableElement };
+//# sourceMappingURL=data-catalog-table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-catalog-table.js","sourceRoot":"","sources":["../../../../src/elements/data-table/data-catalog-table.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,OAAO,MAAM,iCAAiC,CAAA;AACrD,OAAO,WAAW,MAAM,uBAAuB,CAAA;AAC/C,OAAO,MAAM,MAAM,mCAAmC,CAAA;AAEtD,OAAO,+BAA+B,CAAA;AACtC,OAAO,8BAA8B,CAAA;AACrC,OAAO,2BAA2B,CAAA;AAClC,OAAO,gCAAgC,CAAA;AACvC,OAAO,+BAA+B,CAAA;IAGzB,uBAAuB;4BADnC,aAAa,CAAC,oBAAoB,CAAC;;;;sBACS,OAAO;uCAAf,SAAQ,WAAO;;;;YAApD,6KAEC;;;;QADC,MAAM,CAAU,MAAM,GAAwB,CAAC,WAAW,EAAE,MAAM,CAAC,CAAA;;YADxD,uDAAuB;;;;;SAAvB,uBAAuB","sourcesContent":["import type { CSSResultOrNative } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport Element from './internals/DataCatalogTable.js'\nimport tableStyles from './DataTable.styles.js'\nimport styles from './internals/DataCatalog.styles.js'\n\nimport '../../md/date/ui-date-time.js'\nimport '../../md/button/ui-button.js'\nimport '../../md/icons/ui-icon.js'\nimport '../../md/listbox/ui-listbox.js'\nimport '../../md/list/ui-list-item.js'\n\n@customElement('data-catalog-table')\nexport class DataCatalogTableElement extends Element {\n  static override styles: CSSResultOrNative[] = [tableStyles, styles]\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'data-catalog-table': DataCatalogTableElement\n  }\n}\n"]}

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

@@ -0,0 +1,17 @@
+import type { CSSResultOrNative } from 'lit';
+import Element from './internals/FilesystemDataTable.js';
+import '../user/ui-user-avatar.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';
+export declare class FilesystemDataElement extends Element {
+    static styles: CSSResultOrNative[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'filesystem-table': FilesystemDataElement;
+    }
+}
+//# sourceMappingURL=filesystem-table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filesystem-table.d.ts","sourceRoot":"","sources":["../../../../src/elements/data-table/filesystem-table.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,KAAK,CAAA;AAE5C,OAAO,OAAO,MAAM,oCAAoC,CAAA;AAKxD,OAAO,2BAA2B,CAAA;AAClC,OAAO,wCAAwC,CAAA;AAC/C,OAAO,2BAA2B,CAAA;AAClC,OAAO,gCAAgC,CAAA;AACvC,OAAO,0BAA0B,CAAA;AACjC,OAAO,+BAA+B,CAAA;AAEtC,qBACa,qBAAsB,SAAQ,OAAO;IAChD,OAAgB,MAAM,EAAE,iBAAiB,EAAE,CAAsC;CAClF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,qBAAqB,CAAA;KAC1C;CACF"}

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

@@ -0,0 +1,35 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement } from 'lit/decorators.js';
+import Element from './internals/FilesystemDataTable.js';
+import tableStyles from './DataTable.styles.js';
+import fsStyles from './internals/Filesystem.styles.js';
+import typography from '../../styles/m3/typography.module.js';
+import '../user/ui-user-avatar.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 FilesystemDataElement = (() => {
+    let _classDecorators = [customElement('filesystem-table')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = Element;
+    var FilesystemDataElement = 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);
+            FilesystemDataElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static styles = [tableStyles, fsStyles, typography];
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return FilesystemDataElement = _classThis;
+})();
+export { FilesystemDataElement };
+//# sourceMappingURL=filesystem-table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filesystem-table.js","sourceRoot":"","sources":["../../../../src/elements/data-table/filesystem-table.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,OAAO,MAAM,oCAAoC,CAAA;AACxD,OAAO,WAAW,MAAM,uBAAuB,CAAA;AAC/C,OAAO,QAAQ,MAAM,kCAAkC,CAAA;AACvD,OAAO,UAAU,MAAM,sCAAsC,CAAA;AAE7D,OAAO,2BAA2B,CAAA;AAClC,OAAO,wCAAwC,CAAA;AAC/C,OAAO,2BAA2B,CAAA;AAClC,OAAO,gCAAgC,CAAA;AACvC,OAAO,0BAA0B,CAAA;AACjC,OAAO,+BAA+B,CAAA;IAGzB,qBAAqB;4BADjC,aAAa,CAAC,kBAAkB,CAAC;;;;sBACS,OAAO;qCAAf,SAAQ,WAAO;;;;YAAlD,6KAEC;;;;QADC,MAAM,CAAU,MAAM,GAAwB,CAAC,WAAW,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAA;;YADtE,uDAAqB;;;;;SAArB,qBAAqB","sourcesContent":["import type { CSSResultOrNative } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport Element from './internals/FilesystemDataTable.js'\nimport tableStyles from './DataTable.styles.js'\nimport fsStyles from './internals/Filesystem.styles.js'\nimport typography from '../../styles/m3/typography.module.js'\n\nimport '../user/ui-user-avatar.js'\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@customElement('filesystem-table')\nexport class FilesystemDataElement extends Element {\n  static override styles: CSSResultOrNative[] = [tableStyles, fsStyles, typography]\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'filesystem-table': FilesystemDataElement\n  }\n}\n"]}

package/build/src/elements/data-table/internals/DataCatalog.styles.d.ts

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

package/build/src/elements/data-table/internals/DataCatalog.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataCatalog.styles.d.ts","sourceRoot":"","sources":["../../../../../src/elements/data-table/internals/DataCatalog.styles.ts"],"names":[],"mappings":";AAEA,wBA0BC"}

package/build/src/elements/data-table/internals/DataCatalog.styles.js

@@ -0,0 +1,29 @@
+import { css } from 'lit';
+export default css `
+  .version-listbox {
+    margin: 0;
+    position-area: bottom;
+    justify-self: anchor-center;
+    transform: scaleY(0);
+    transform-origin: top center;
+    transition: transform 250ms cubic-bezier(0.2, 0, 0, 1) 0s;
+    box-shadow: var(--md-sys-elevation-1);
+    border-radius: var(--md-sys-shape-corner-medium);
+    border: none;
+    /* background-color: var(--md-sys-color-surface-container-high); */
+
+    &:not(:popover-open) {
+      display: none;
+    }
+
+    &:popover-open {
+      display: block;
+      transform: scaleY(1);
+
+      @starting-style {
+        transform: scaleY(0);
+      }
+    }
+  }
+`;
+//# sourceMappingURL=DataCatalog.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataCatalog.styles.js","sourceRoot":"","sources":["../../../../../src/elements/data-table/internals/DataCatalog.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n  .version-listbox {\n    margin: 0;\n    position-area: bottom;\n    justify-self: anchor-center;\n    transform: scaleY(0);\n    transform-origin: top center;\n    transition: transform 250ms cubic-bezier(0.2, 0, 0, 1) 0s;\n    box-shadow: var(--md-sys-elevation-1);\n    border-radius: var(--md-sys-shape-corner-medium);\n    border: none;\n    /* background-color: var(--md-sys-color-surface-container-high); */\n\n    &:not(:popover-open) {\n      display: none;\n    }\n\n    &:popover-open {\n      display: block;\n      transform: scaleY(1);\n\n      @starting-style {\n        transform: scaleY(0);\n      }\n    }\n  }\n`\n"]}

package/build/src/elements/data-table/internals/DataCatalogTable.d.ts

@@ -0,0 +1,44 @@
+import { PropertyValues, TemplateResult } from 'lit';
+import { DataTable } from '../DataTable.js';
+import type { DataCatalogSchemaWithVersion } from '@api-client/core/models/DataCatalog.js';
+import type { UiListSelection } from '../../../md/list/internals/List.js';
+/**
+ * Represents a selection in the data catalog browser.
+ */
+export interface DataCatalogTableSelectionDetail {
+    /**
+     * The schema that was selected.
+     * When not set, the selection was cleared.
+     */
+    item?: DataCatalogSchemaWithVersion;
+    /**
+     * The version of the schema that was selected.
+     * When not set, the selection was cleared.
+     */
+    version?: string;
+}
+/**
+ * @fires CustomEvent<DataCatalogTableSelectionDetail> select - Dispatched when the selection in the table changes.
+ */
+export default class DataCatalogTable extends DataTable<DataCatalogSchemaWithVersion> {
+    #private;
+    items: LiveData<DataCatalogSchemaWithVersion[]> | undefined;
+    /**
+     * When the user makes a selection, this map will contain the selected version for a schema.
+     */
+    selectedVersions: Map<string, string>;
+    /**
+     * When set, the table will render additional column with a button to directly select the item.
+     * Note, the row selection will not be available in this case.
+     * @attribute
+     */
+    accessor directSelect: boolean;
+    constructor();
+    protected willUpdate(cp: PropertyValues<this>): void;
+    protected clearSelection(): void;
+    protected handleVersionSelect(e: CustomEvent<UiListSelection>): void;
+    protected notifySelect(selectedItems: DataCatalogSchemaWithVersion[]): void;
+    renderHeader(): TemplateResult[];
+    renderRowValues(item: DataCatalogSchemaWithVersion, index: number): TemplateResult[];
+}
+//# sourceMappingURL=DataCatalogTable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataCatalogTable.d.ts","sourceRoot":"","sources":["../../../../../src/elements/data-table/internals/DataCatalogTable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAE3C,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,wCAAwC,CAAA;AAE1F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAA;AAGzE;;GAEG;AACH,MAAM,WAAW,+BAA+B;IAC9C;;;OAGG;IACH,IAAI,CAAC,EAAE,4BAA4B,CAAA;IACnC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,SAAS,CAAC,4BAA4B,CAAC;;IAE3E,KAAK,EAAE,QAAQ,CAAC,4BAA4B,EAAE,CAAC,GAAG,SAAS,CAAA;IAEnE;;OAEG;IACH,gBAAgB,sBAA4B;IAE5C;;;;OAIG;IACyC,QAAQ,CAAC,YAAY,UAAQ;;cAYtD,UAAU,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAgB7D,SAAS,CAAC,cAAc,IAAI,IAAI;IAShC,SAAS,CAAC,mBAAmB,CAAC,CAAC,EAAE,WAAW,CAAC,eAAe,CAAC,GAAG,IAAI;cAwBjD,YAAY,CAAC,aAAa,EAAE,4BAA4B,EAAE,GAAG,IAAI;IAgB3E,YAAY,IAAI,cAAc,EAAE;IAchC,eAAe,CAAC,IAAI,EAAE,4BAA4B,EAAE,KAAK,EAAE,MAAM,GAAG,cAAc,EAAE;CAqG9F"}

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

@@ -0,0 +1,208 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { html } from 'lit';
+import { DataTable } from '../DataTable.js';
+import { styleMap } from 'lit/directives/style-map.js';
+import { schemaModel as schemaIcon } from '../../../md/icons/Icons.js';
+import { property } from 'lit/decorators.js';
+let DataCatalogTable = (() => {
+    let _classSuper = DataTable;
+    let _directSelect_decorators;
+    let _directSelect_initializers = [];
+    let _directSelect_extraInitializers = [];
+    return class DataCatalogTable extends _classSuper {
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _directSelect_decorators = [property({ type: Boolean, reflect: true })];
+            __esDecorate(this, null, _directSelect_decorators, { kind: "accessor", name: "directSelect", static: false, private: false, access: { has: obj => "directSelect" in obj, get: obj => obj.directSelect, set: (obj, value) => { obj.directSelect = value; } }, metadata: _metadata }, _directSelect_initializers, _directSelect_extraInitializers);
+            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        /**
+         * When the user makes a selection, this map will contain the selected version for a schema.
+         */
+        selectedVersions = new Map();
+        #directSelect_accessor_storage = __runInitializers(this, _directSelect_initializers, false);
+        /**
+         * When set, the table will render additional column with a button to directly select the item.
+         * Note, the row selection will not be available in this case.
+         * @attribute
+         */
+        get directSelect() { return this.#directSelect_accessor_storage; }
+        set directSelect(value) { this.#directSelect_accessor_storage = value; }
+        constructor() {
+            super();
+            __runInitializers(this, _directSelect_extraInitializers);
+            if (this.directSelect) {
+                this.selection = 'none';
+            }
+            else {
+                this.selection = 'single';
+                this.active = true;
+            }
+        }
+        willUpdate(cp) {
+            if (cp.has('directSelect')) {
+                if (this.directSelect) {
+                    this.selection = 'none';
+                    this.active = false;
+                    this.clearSelection();
+                }
+                else {
+                    this.selection = 'single';
+                    this.active = true;
+                }
+            }
+            if (cp.has('items')) {
+                this.clearSelection();
+            }
+        }
+        clearSelection() {
+            this.selectedVersions.clear();
+            const hasSelected = this.selectedItems[0];
+            this.selectedItems = [];
+            if (hasSelected) {
+                this.notifySelect([]);
+            }
+        }
+        handleVersionSelect(e) {
+            const target = e.detail.item;
+            const value = target.dataset.value;
+            const key = target.dataset.key;
+            if (!value || !key) {
+                return;
+            }
+            this.selectedVersions.set(key, value);
+            const popover = this.shadowRoot?.getElementById(`select-${key}`);
+            if (popover) {
+                popover.hidePopover();
+            }
+            const anchor = this.shadowRoot?.querySelector(`[popovertarget="select-${key}"]`);
+            if (anchor) {
+                anchor.focus();
+            }
+            this.requestUpdate();
+            const selected = this.selectedItems[0];
+            if (selected && selected.key === key) {
+                // if the selected item is the one that was just updated, notify the parent
+                this.notifySelect([selected]);
+            }
+        }
+        notifySelect(selectedItems) {
+            const selected = selectedItems[0];
+            const detail = {};
+            if (selected) {
+                detail.item = selected;
+                detail.version = this.selectedVersions.get(selected.key) || selected.versions[0].version;
+            }
+            this.dispatchEvent(new CustomEvent('select', {
+                bubbles: true,
+                composed: true,
+                detail,
+            }));
+        }
+        renderHeader() {
+            const result = [
+                this.renderHeaderCell('Name', 0),
+                this.renderHeaderCell('Version', 1, { delegateFocus: true }),
+                this.renderHeaderCell('Lifecycle', 2),
+                this.renderHeaderCell('Organization', 3),
+                this.renderHeaderCell('Published', 4),
+            ];
+            if (this.directSelect) {
+                result.push(this.renderHeaderCell('', 5, { classes: ['actions'], delegateFocus: true, ariaLabel: 'Actions' }));
+            }
+            return result;
+        }
+        renderRowValues(item, index) {
+            const result = [
+                this.#nameCell(item, index, 0),
+                this.#versionCell(item, index, 1),
+                this.#lifecycleCell(item, index, 2),
+                this.#organizationCell(item, index, 3),
+                this.#publishedCell(item, index, 4),
+            ];
+            if (this.directSelect) {
+                result.push(this.#actionCell(item, index, 5));
+            }
+            return result;
+        }
+        #nameCell(item, row, col) {
+            const content = html `<ui-icon class="cell-icon" role="presentation">${schemaIcon}</ui-icon> ${item.name}`;
+            return this.renderCell(content, row, col, { classes: ['primary-cell'], isPrimary: true });
+        }
+        #versionCell(item, row, col) {
+            if (item.versions.length === 1) {
+                return this.renderCell(item.versions[0].version, row, col, { classes: ['version'] });
+            }
+            const selectedVersion = this.selectedVersions.get(item.key) || item.versions[0].version;
+            const content = html `<ui-button
+        size="xs"
+        color="text"
+        class="version-label"
+        trailingIcon
+        popovertarget="select-${item.key}"
+        style="${styleMap({ 'anchor-name': `--select-${item.key}` })}"
+        part="version-button"
+        ><ui-icon slot="icon">arrow_drop_down</ui-icon>${selectedVersion}</ui-button
+      ><ui-listbox
+        popover="auto"
+        id="select-${item.key}"
+        class="version-listbox"
+        role="listbox"
+        aria-label="Select version"
+        style="${styleMap({ 'position-anchor': `--select-${item.key}` })}"
+        part="version-listbox"
+        @select="${this.handleVersionSelect}"
+      >
+        ${item.versions.map((version) => html `<ui-list-item
+              class="version-item"
+              role="option"
+              lines="two"
+              data-value="${version.version}"
+              data-key="${item.key}"
+              aria-selected="${version.version === selectedVersion}"
+              part="version-item"
+            >
+              ${version.version}
+              <span slot="supporting-text">${version.lifecycle}</span>
+            </ui-list-item>`)}
+      </ui-listbox>`;
+            return this.renderCell(content, row, col, { classes: ['version'], delegateFocus: true });
+        }
+        #lifecycleCell(item, row, col) {
+            const selectedVersion = this.selectedVersions.get(item.key) || item.versions[0].version;
+            const info = item.versions.find((v) => v.version === selectedVersion);
+            if (!info) {
+                return this.renderCell('Unknown', row, col, { classes: ['lifecycle'] });
+            }
+            const lifecycle = info.lifecycle.charAt(0).toUpperCase() + info.lifecycle.slice(1);
+            return this.renderCell(lifecycle, row, col, {
+                classes: ['lifecycle'],
+            });
+        }
+        #organizationCell(item, row, col) {
+            return this.renderCell(item.organization, row, col, {
+                classes: ['organization'],
+            });
+        }
+        #publishedCell(item, row, col) {
+            return this.renderCell(html `<ui-date-time date="${item.publishedAt}"></ui-date-time>`, row, col, {
+                classes: ['published'],
+            });
+        }
+        #actionCell(item, row, col) {
+            return this.renderCell(html `<ui-button
+        size="xs"
+        color="outlined"
+        class="select-button"
+        @click="${() => this.notifySelect([item])}"
+        aria-label="Select ${item.name}"
+        >Select</ui-button
+      >`, row, col, { classes: ['actions'], delegateFocus: true });
+        }
+    };
+})();
+/**
+ * @fires CustomEvent<DataCatalogTableSelectionDetail> select - Dispatched when the selection in the table changes.
+ */
+export default DataCatalogTable;
+//# sourceMappingURL=DataCatalogTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataCatalogTable.js","sourceRoot":"","sources":["../../../../../src/elements/data-table/internals/DataCatalogTable.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, PropertyValues, TemplateResult } from 'lit'\nimport { DataTable } from '../DataTable.js'\nimport { styleMap } from 'lit/directives/style-map.js'\nimport type { DataCatalogSchemaWithVersion } from '@api-client/core/models/DataCatalog.js'\nimport { schemaModel as schemaIcon } from '../../../md/icons/Icons.js'\nimport type { UiListSelection } from '../../../md/list/internals/List.js'\nimport { property } from 'lit/decorators.js'\n\n/**\n * Represents a selection in the data catalog browser.\n */\nexport interface DataCatalogTableSelectionDetail {\n  /**\n   * The schema that was selected.\n   * When not set, the selection was cleared.\n   */\n  item?: DataCatalogSchemaWithVersion\n  /**\n   * The version of the schema that was selected.\n   * When not set, the selection was cleared.\n   */\n  version?: string\n}\n\n/**\n * @fires CustomEvent<DataCatalogTableSelectionDetail> select - Dispatched when the selection in the table changes.\n */\nexport default class DataCatalogTable extends DataTable<DataCatalogSchemaWithVersion> {\n  // @ts-expect-error This is to explicitly declare the type as LitPlugin does not handle this situation.\n  declare items: LiveData<DataCatalogSchemaWithVersion[]> | undefined\n\n  /**\n   * When the user makes a selection, this map will contain the selected version for a schema.\n   */\n  selectedVersions = new Map<string, string>()\n\n  /**\n   * When set, the table will render additional column with a button to directly select the item.\n   * Note, the row selection will not be available in this case.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) accessor directSelect = false\n\n  constructor() {\n    super()\n    if (this.directSelect) {\n      this.selection = 'none'\n    } else {\n      this.selection = 'single'\n      this.active = true\n    }\n  }\n\n  protected override willUpdate(cp: PropertyValues<this>): void {\n    if (cp.has('directSelect')) {\n      if (this.directSelect) {\n        this.selection = 'none'\n        this.active = false\n        this.clearSelection()\n      } else {\n        this.selection = 'single'\n        this.active = true\n      }\n    }\n    if (cp.has('items')) {\n      this.clearSelection()\n    }\n  }\n\n  protected clearSelection(): void {\n    this.selectedVersions.clear()\n    const hasSelected = this.selectedItems[0]\n    this.selectedItems = []\n    if (hasSelected) {\n      this.notifySelect([])\n    }\n  }\n\n  protected handleVersionSelect(e: CustomEvent<UiListSelection>): void {\n    const target = e.detail.item\n    const value = target.dataset.value\n    const key = target.dataset.key\n    if (!value || !key) {\n      return\n    }\n    this.selectedVersions.set(key, value)\n    const popover = this.shadowRoot?.getElementById(`select-${key}`) as HTMLElement | null\n    if (popover) {\n      popover.hidePopover()\n    }\n    const anchor = this.shadowRoot?.querySelector(`[popovertarget=\"select-${key}\"]`) as HTMLElement | null\n    if (anchor) {\n      anchor.focus()\n    }\n    this.requestUpdate()\n    const selected = this.selectedItems[0]\n    if (selected && selected.key === key) {\n      // if the selected item is the one that was just updated, notify the parent\n      this.notifySelect([selected])\n    }\n  }\n\n  protected override notifySelect(selectedItems: DataCatalogSchemaWithVersion[]): void {\n    const selected = selectedItems[0]\n    const detail: DataCatalogTableSelectionDetail = {}\n    if (selected) {\n      detail.item = selected\n      detail.version = this.selectedVersions.get(selected.key) || selected.versions[0].version\n    }\n    this.dispatchEvent(\n      new CustomEvent('select', {\n        bubbles: true,\n        composed: true,\n        detail,\n      })\n    )\n  }\n\n  override renderHeader(): TemplateResult[] {\n    const result: TemplateResult[] = [\n      this.renderHeaderCell('Name', 0),\n      this.renderHeaderCell('Version', 1, { delegateFocus: true }),\n      this.renderHeaderCell('Lifecycle', 2),\n      this.renderHeaderCell('Organization', 3),\n      this.renderHeaderCell('Published', 4),\n    ]\n    if (this.directSelect) {\n      result.push(this.renderHeaderCell('', 5, { classes: ['actions'], delegateFocus: true, ariaLabel: 'Actions' }))\n    }\n    return result\n  }\n\n  override renderRowValues(item: DataCatalogSchemaWithVersion, index: number): TemplateResult[] {\n    const result: TemplateResult[] = [\n      this.#nameCell(item, index, 0),\n      this.#versionCell(item, index, 1),\n      this.#lifecycleCell(item, index, 2),\n      this.#organizationCell(item, index, 3),\n      this.#publishedCell(item, index, 4),\n    ]\n    if (this.directSelect) {\n      result.push(this.#actionCell(item, index, 5))\n    }\n    return result\n  }\n\n  #nameCell(item: DataCatalogSchemaWithVersion, row: number, col: number): TemplateResult {\n    const content = html`<ui-icon class=\"cell-icon\" role=\"presentation\">${schemaIcon}</ui-icon> ${item.name}`\n    return this.renderCell(content, row, col, { classes: ['primary-cell'], isPrimary: true })\n  }\n\n  #versionCell(item: DataCatalogSchemaWithVersion, row: number, col: number): TemplateResult {\n    if (item.versions.length === 1) {\n      return this.renderCell(item.versions[0].version, row, col, { classes: ['version'] })\n    }\n    const selectedVersion = this.selectedVersions.get(item.key) || item.versions[0].version\n    const content = html`<ui-button\n        size=\"xs\"\n        color=\"text\"\n        class=\"version-label\"\n        trailingIcon\n        popovertarget=\"select-${item.key}\"\n        style=\"${styleMap({ 'anchor-name': `--select-${item.key}` })}\"\n        part=\"version-button\"\n        ><ui-icon slot=\"icon\">arrow_drop_down</ui-icon>${selectedVersion}</ui-button\n      ><ui-listbox\n        popover=\"auto\"\n        id=\"select-${item.key}\"\n        class=\"version-listbox\"\n        role=\"listbox\"\n        aria-label=\"Select version\"\n        style=\"${styleMap({ 'position-anchor': `--select-${item.key}` })}\"\n        part=\"version-listbox\"\n        @select=\"${this.handleVersionSelect}\"\n      >\n        ${item.versions.map(\n          (version) =>\n            html`<ui-list-item\n              class=\"version-item\"\n              role=\"option\"\n              lines=\"two\"\n              data-value=\"${version.version}\"\n              data-key=\"${item.key}\"\n              aria-selected=\"${version.version === selectedVersion}\"\n              part=\"version-item\"\n            >\n              ${version.version}\n              <span slot=\"supporting-text\">${version.lifecycle}</span>\n            </ui-list-item>`\n        )}\n      </ui-listbox>`\n    return this.renderCell(content, row, col, { classes: ['version'], delegateFocus: true })\n  }\n\n  #lifecycleCell(item: DataCatalogSchemaWithVersion, row: number, col: number): TemplateResult {\n    const selectedVersion = this.selectedVersions.get(item.key) || item.versions[0].version\n    const info = item.versions.find((v) => v.version === selectedVersion)\n    if (!info) {\n      return this.renderCell('Unknown', row, col, { classes: ['lifecycle'] })\n    }\n    const lifecycle = info.lifecycle.charAt(0).toUpperCase() + info.lifecycle.slice(1)\n    return this.renderCell(lifecycle, row, col, {\n      classes: ['lifecycle'],\n    })\n  }\n\n  #organizationCell(item: DataCatalogSchemaWithVersion, row: number, col: number): TemplateResult {\n    return this.renderCell(item.organization, row, col, {\n      classes: ['organization'],\n    })\n  }\n\n  #publishedCell(item: DataCatalogSchemaWithVersion, row: number, col: number): TemplateResult {\n    return this.renderCell(html`<ui-date-time date=\"${item.publishedAt}\"></ui-date-time>`, row, col, {\n      classes: ['published'],\n    })\n  }\n\n  #actionCell(item: DataCatalogSchemaWithVersion, row: number, col: number): TemplateResult {\n    return this.renderCell(\n      html`<ui-button\n        size=\"xs\"\n        color=\"outlined\"\n        class=\"select-button\"\n        @click=\"${() => this.notifySelect([item])}\"\n        aria-label=\"Select ${item.name}\"\n        >Select</ui-button\n      >`,\n      row,\n      col,\n      { classes: ['actions'], delegateFocus: true }\n    )\n  }\n}\n"]}

package/build/src/elements/data-table/internals/Filesystem.styles.d.ts

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

package/build/src/elements/data-table/internals/Filesystem.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filesystem.styles.d.ts","sourceRoot":"","sources":["../../../../../src/elements/data-table/internals/Filesystem.styles.ts"],"names":[],"mappings":";AAEA,wBAoBC"}

package/build/src/elements/data-table/internals/Filesystem.styles.js

@@ -0,0 +1,23 @@
+import { css } from 'lit';
+export default css `
+  .grid-cell.actions {
+    width: 48px;
+  }
+
+  .grid-cell.updated,
+  .grid-cell.owner {
+    width: 200px;
+    box-sizing: border-box;
+  }
+
+  .item-menu {
+    min-width: 200px;
+  }
+
+  .avatar {
+    width: 20px;
+    height: 20px;
+    margin-right: 8px;
+  }
+`;
+//# sourceMappingURL=Filesystem.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Filesystem.styles.js","sourceRoot":"","sources":["../../../../../src/elements/data-table/internals/Filesystem.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;CAoBjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n  .grid-cell.actions {\n    width: 48px;\n  }\n\n  .grid-cell.updated,\n  .grid-cell.owner {\n    width: 200px;\n    box-sizing: border-box;\n  }\n\n  .item-menu {\n    min-width: 200px;\n  }\n\n  .avatar {\n    width: 20px;\n    height: 20px;\n    margin-right: 8px;\n  }\n`\n"]}

package/build/src/elements/data-table/internals/FilesystemDataTable.d.ts

@@ -0,0 +1,36 @@
+import { TemplateResult } from 'lit';
+import { DataTable } from '../DataTable.js';
+import type { IFile } from '@api-client/core/models/store/File.js';
+import type { IUser } from '@api-client/core/models/store/User.js';
+import { LiveData } from '../../../reactive/LiveData.js';
+import type { UiMenuItemElement } from '../../../md/menu/ui-menu-item.js';
+/**
+ * A class that render QuickAPI file system.
+ * The user can browse files and perform actions on them.
+ *
+ * @fires rowaction Dispatched when the user triggers an action on the file.
+ *     - `detail`: An object with a `key` and `action` property
+ *     - Example: `{ key: 'abc', action: 'delete' }`
+ * @attribute sort
+ * @attribute sortDirection
+ */
+export default class FilesystemDataTable extends DataTable<IFile> {
+    #private;
+    /**
+     * The currently logged in user.
+     */
+    accessor user: IUser | undefined;
+    /**
+     * The organization ID these files belongs to.
+     * @attribute
+     */
+    accessor oid: string | undefined;
+    items: LiveData<IFile[]> | undefined;
+    protected handleFileMenuSelect(e: CustomEvent<{
+        item: UiMenuItemElement;
+    }>): void;
+    renderEmpty(): TemplateResult;
+    renderHeader(): TemplateResult[];
+    renderRowValues(item: IFile, index: number): TemplateResult[];
+}
+//# sourceMappingURL=FilesystemDataTable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilesystemDataTable.d.ts","sourceRoot":"","sources":["../../../../../src/elements/data-table/internals/FilesystemDataTable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAA;AAC1C,OAAO,EAA0B,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAGnE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uCAAuC,CAAA;AAClE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uCAAuC,CAAA;AAElE,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAA;AAKxD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AAEzE;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,SAAS,CAAC,KAAK,CAAC;;IAC/D;;OAEG;IACyB,QAAQ,CAAC,IAAI,EAAE,KAAK,GAAG,SAAS,CAAA;IAC5D;;;OAGG;IACyB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;IAGpD,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,CAAC,GAAG,SAAS,CAAA;IAE5C,SAAS,CAAC,oBAAoB,CAAC,CAAC,EAAE,WAAW,CAAC;QAAE,IAAI,EAAE,iBAAiB,CAAA;KAAE,CAAC,GAAG,IAAI;IAaxE,WAAW,IAAI,cAAc;IAI7B,YAAY,IAAI,cAAc,EAAE;IAShC,eAAe,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,GAAG,cAAc,EAAE;CAkKvE"}