@api-client/ui 0.5.58 → 0.6.0

package/build/src/modeling/internals/ApiModelingEntityCard.js

@@ -0,0 +1,225 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { html, nothing } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { repeat } from 'lit/directives/repeat.js';
+import { ApiEditor } from './ApiEditor.js';
+import { apiActionKindToIcon, apiActionKindToLabel } from '../lib/ui_mapping.js';
+import '../../md/icons/ui-icon.js';
+import '../../md/chip/ui-chip.js';
+import '../../md/divider/ui-divider.js';
+import '../../md/button/ui-button.js';
+import '../../md/icon-button/ui-icon-button.js';
+import '../../md/dropdown-list/ui-dropdown-list.js';
+import '../../md/list/ui-list.js';
+import '../../md/list/ui-list-item.js';
+let ApiModelingEntityCard = (() => {
+    let _classSuper = ApiEditor;
+    let _exposed_decorators;
+    let _exposed_initializers = [];
+    let _exposed_extraInitializers = [];
+    let _entity_decorators;
+    let _entity_initializers = [];
+    let _entity_extraInitializers = [];
+    let _showCollectionActions_decorators;
+    let _showCollectionActions_initializers = [];
+    let _showCollectionActions_extraInitializers = [];
+    return class ApiModelingEntityCard extends _classSuper {
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _exposed_decorators = [state()];
+            _entity_decorators = [state()];
+            _showCollectionActions_decorators = [property({ type: Boolean })];
+            __esDecorate(this, null, _exposed_decorators, { kind: "accessor", name: "exposed", static: false, private: false, access: { has: obj => "exposed" in obj, get: obj => obj.exposed, set: (obj, value) => { obj.exposed = value; } }, metadata: _metadata }, _exposed_initializers, _exposed_extraInitializers);
+            __esDecorate(this, null, _entity_decorators, { kind: "accessor", name: "entity", static: false, private: false, access: { has: obj => "entity" in obj, get: obj => obj.entity, set: (obj, value) => { obj.entity = value; } }, metadata: _metadata }, _entity_initializers, _entity_extraInitializers);
+            __esDecorate(this, null, _showCollectionActions_decorators, { kind: "accessor", name: "showCollectionActions", static: false, private: false, access: { has: obj => "showCollectionActions" in obj, get: obj => obj.showCollectionActions, set: (obj, value) => { obj.showCollectionActions = value; } }, metadata: _metadata }, _showCollectionActions_initializers, _showCollectionActions_extraInitializers);
+            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        #exposed_accessor_storage = __runInitializers(this, _exposed_initializers, void 0);
+        /**
+         * Computed exposed entity being edited.
+         */
+        get exposed() { return this.#exposed_accessor_storage; }
+        set exposed(value) { this.#exposed_accessor_storage = value; }
+        #entity_accessor_storage = (__runInitializers(this, _exposed_extraInitializers), __runInitializers(this, _entity_initializers, void 0));
+        /**
+         * Computed domain entity that corresponds to the exposed entity being edited.
+         */
+        get entity() { return this.#entity_accessor_storage; }
+        set entity(value) { this.#entity_accessor_storage = value; }
+        #showCollectionActions_accessor_storage = (__runInitializers(this, _entity_extraInitializers), __runInitializers(this, _showCollectionActions_initializers, false));
+        /**
+         * Some exposed entities (specifically downstream associated entities) may not have collection actions
+         * (when the association is one-to-one and are not linked).
+         * When this flag is true, the collection actions section is shown.
+         * @attribute
+         */
+        get showCollectionActions() { return this.#showCollectionActions_accessor_storage; }
+        set showCollectionActions(value) { this.#showCollectionActions_accessor_storage = value; }
+        setupModel(model, domainKey) {
+            this.exposed = undefined;
+            this.entity = undefined;
+            if (!model || !domainKey) {
+                return;
+            }
+            const exposed = model.exposes.find((exposed) => exposed.key === domainKey);
+            this.exposed = exposed;
+            if (!exposed) {
+                return;
+            }
+            const domain = model.domain;
+            if (!domain) {
+                return;
+            }
+            const entity = domain.findEntity(exposed.entity.key, exposed.entity.domain);
+            if (!entity) {
+                return;
+            }
+            this.entity = entity;
+        }
+        handleMenuSelect(e) {
+            const item = e.detail.item;
+            if (!item) {
+                return;
+            }
+            switch (item.dataset.item) {
+                case 'remove':
+                    this.dispatchEvent(new Event('remove'));
+                    break;
+            }
+        }
+        handleActionChipClick(e) {
+            const chip = e.currentTarget;
+            const { kind } = chip.dataset;
+            if (!kind) {
+                return;
+            }
+            this.dispatchEvent(new CustomEvent('select', {
+                detail: { kind },
+                bubbles: true,
+                composed: true,
+            }));
+        }
+        handleEditButtonClick() {
+            this.dispatchEvent(new Event('edit'));
+        }
+        render() {
+            const { exposed, entity } = this;
+            if (!exposed || !entity) {
+                return nothing;
+            }
+            return html `<div class="entity-card">
+      <div class="entity">${this.renderHeader(exposed, entity)} ${this.renderActions(exposed)}</div>
+      <ui-divider type="middle"></ui-divider>
+      <div class="footer">
+        <div class="action-buttons">
+          <ui-button color="text" @click="${this.handleEditButtonClick}">Edit</ui-button>
+        </div>
+        <ui-dropdown-list @select="${this.handleMenuSelect}" closeOnOutsideClick>
+          <ui-icon-button aria-label="More options"><ui-icon icon="moreVert"></ui-icon></ui-icon-button>
+          <ui-list slot="dropdown" role="menu">
+            <ui-list-item role="menuitem" data-item="remove">Remove</ui-list-item>
+          </ui-list>
+        </ui-dropdown-list>
+      </div>
+    </div>`;
+        }
+        /**
+         * Renders the header section of the entity card.
+         * @param exposed The exposed entity
+         * @param entity The domain entity
+         * @returns The template for the header section
+         */
+        renderHeader(exposed, entity) {
+            const path = exposed.hasCollection ? exposed.collectionPath || exposed.resourcePath : exposed.resourcePath;
+            return html `
+      <div class="header">
+        <ui-icon class="icon" icon="schemaEntity"></ui-icon>
+        <div class="headline">
+          <div class="title title-medium">${entity.info.getLabel()}</div>
+          <div class="path body-small">${path}</div>
+        </div>
+      </div>
+    `;
+        }
+        /**
+         * Renders the actions section.
+         * @param exposed The exposed entity
+         * @returns The template for the actions section
+         */
+        renderActions(exposed) {
+            const content = [];
+            if (this.showCollectionActions) {
+                content.push(this.renderCollectionActions(exposed));
+            }
+            content.push(this.renderResourceActions(exposed));
+            return html `<div class="actions-section">
+      <div class="actions-headline title-small">Actions</div>
+      ${content}
+    </div>`;
+        }
+        /**
+         * Renders the collection actions section.
+         * @param exposed The exposed entity
+         * @returns The template for the collection actions section
+         */
+        renderCollectionActions(exposed) {
+            const actions = exposed.actions.filter((a) => a.kind === 'list' || a.kind === 'create' || a.kind === 'search');
+            return html `<div class="collection actions">
+      <div class="actions-title label-small">Collection</div>
+      ${this.renderActionsList(actions, 'collection')}
+    </div>`;
+        }
+        /**
+         * Renders the resource actions section.
+         * @param exposed The exposed entity
+         * @returns The template for the resource actions section
+         */
+        renderResourceActions(exposed) {
+            const actions = exposed.actions.filter((a) => a.kind === 'read' || a.kind === 'update' || a.kind === 'delete');
+            return html `<div class="resource actions">
+      <div class="actions-title label-small">Resource</div>
+      ${this.renderActionsList(actions, 'resource')}
+    </div>`;
+        }
+        /**
+         * Renders a list of API actions.
+         * @param actions The list of API actions to render.
+         * @param type The type of actions ('collection' or 'resource').
+         * @returns A TemplateResult containing the rendered actions list.
+         */
+        renderActionsList(actions, type) {
+            let content;
+            if (actions.length === 0) {
+                content = html `<div class="no-actions body-small">This entity has no ${type} actions.</div>`;
+            }
+            else {
+                content = html `<div class="chip-list">
+        ${repeat(actions, (action) => action.kind, (action) => html `<ui-chip
+              class="action-chip"
+              type="assist"
+              data-kind="${action.kind}"
+              @click="${this.handleActionChipClick}"
+            >
+              <ui-icon class="chip-icon" slot="icon">${apiActionKindToIcon(action.kind)}</ui-icon>
+              ${apiActionKindToLabel(action.kind)}
+            </ui-chip>`)}
+      </div>`;
+            }
+            return content;
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _showCollectionActions_extraInitializers);
+        }
+    };
+})();
+/**
+ * An entity card displaying information about an exposed entity
+ * in the API model, including its domain entity and configured actions.
+ *
+ * @fires remove - Fired when the user requests to remove the exposed entity.
+ * @fires select - Fired when the user clicks on an action chip. The event detail contains the action kind.
+ * @fires edit - Fired when the user clicks the Edit button.
+ */
+export default ApiModelingEntityCard;
+//# sourceMappingURL=ApiModelingEntityCard.js.map

package/build/src/modeling/internals/ApiModelingEntityCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiModelingEntityCard.js","sourceRoot":"","sources":["../../../../src/modeling/internals/ApiModelingEntityCard.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, type TemplateResult, nothing } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { repeat } from 'lit/directives/repeat.js'\nimport { ApiEditor } from './ApiEditor.js'\nimport type { ApiAction, ApiModel, DomainEntity, ExposedEntity } from '@api-client/core/browser.js'\nimport { apiActionKindToIcon, apiActionKindToLabel } from '../lib/ui_mapping.js'\n\nimport '../../md/icons/ui-icon.js'\nimport '../../md/chip/ui-chip.js'\nimport '../../md/divider/ui-divider.js'\nimport '../../md/button/ui-button.js'\nimport '../../md/icon-button/ui-icon-button.js'\nimport '../../md/dropdown-list/ui-dropdown-list.js'\nimport '../../md/list/ui-list.js'\nimport '../../md/list/ui-list-item.js'\n\n/**\n * An entity card displaying information about an exposed entity\n * in the API model, including its domain entity and configured actions.\n *\n * @fires remove - Fired when the user requests to remove the exposed entity.\n * @fires select - Fired when the user clicks on an action chip. The event detail contains the action kind.\n * @fires edit - Fired when the user clicks the Edit button.\n */\nexport default class ApiModelingEntityCard extends ApiEditor {\n  /**\n   * Computed exposed entity being edited.\n   */\n  @state() accessor exposed: ExposedEntity | undefined\n  /**\n   * Computed domain entity that corresponds to the exposed entity being edited.\n   */\n  @state() accessor entity: DomainEntity | undefined\n\n  /**\n   * Some exposed entities (specifically downstream associated entities) may not have collection actions\n   * (when the association is one-to-one and are not linked).\n   * When this flag is true, the collection actions section is shown.\n   * @attribute\n   */\n  @property({ type: Boolean }) accessor showCollectionActions = false\n\n  protected override setupModel(model?: ApiModel, domainKey?: string): void | Promise<void> {\n    this.exposed = undefined\n    this.entity = undefined\n    if (!model || !domainKey) {\n      return\n    }\n    const exposed = model.exposes.find((exposed) => exposed.key === domainKey)\n    this.exposed = exposed\n    if (!exposed) {\n      return\n    }\n    const domain = model.domain\n    if (!domain) {\n      return\n    }\n    const entity = domain.findEntity(exposed.entity.key, exposed.entity.domain)\n    if (!entity) {\n      return\n    }\n    this.entity = entity\n  }\n\n  protected handleMenuSelect(e: CustomEvent): void {\n    const item = e.detail.item as HTMLElement | undefined\n    if (!item) {\n      return\n    }\n    switch (item.dataset.item) {\n      case 'remove':\n        this.dispatchEvent(new Event('remove'))\n        break\n    }\n  }\n\n  protected handleActionChipClick(e: Event): void {\n    const chip = e.currentTarget as HTMLElement\n    const { kind } = chip.dataset\n    if (!kind) {\n      return\n    }\n    this.dispatchEvent(\n      new CustomEvent('select', {\n        detail: { kind },\n        bubbles: true,\n        composed: true,\n      })\n    )\n  }\n\n  protected handleEditButtonClick(): void {\n    this.dispatchEvent(new Event('edit'))\n  }\n\n  protected override render(): TemplateResult | typeof nothing {\n    const { exposed, entity } = this\n    if (!exposed || !entity) {\n      return nothing\n    }\n    return html`<div class=\"entity-card\">\n      <div class=\"entity\">${this.renderHeader(exposed, entity)} ${this.renderActions(exposed)}</div>\n      <ui-divider type=\"middle\"></ui-divider>\n      <div class=\"footer\">\n        <div class=\"action-buttons\">\n          <ui-button color=\"text\" @click=\"${this.handleEditButtonClick}\">Edit</ui-button>\n        </div>\n        <ui-dropdown-list @select=\"${this.handleMenuSelect}\" closeOnOutsideClick>\n          <ui-icon-button aria-label=\"More options\"><ui-icon icon=\"moreVert\"></ui-icon></ui-icon-button>\n          <ui-list slot=\"dropdown\" role=\"menu\">\n            <ui-list-item role=\"menuitem\" data-item=\"remove\">Remove</ui-list-item>\n          </ui-list>\n        </ui-dropdown-list>\n      </div>\n    </div>`\n  }\n\n  /**\n   * Renders the header section of the entity card.\n   * @param exposed The exposed entity\n   * @param entity The domain entity\n   * @returns The template for the header section\n   */\n  protected renderHeader(exposed: ExposedEntity, entity: DomainEntity): TemplateResult {\n    const path = exposed.hasCollection ? exposed.collectionPath || exposed.resourcePath : exposed.resourcePath\n    return html`\n      <div class=\"header\">\n        <ui-icon class=\"icon\" icon=\"schemaEntity\"></ui-icon>\n        <div class=\"headline\">\n          <div class=\"title title-medium\">${entity.info.getLabel()}</div>\n          <div class=\"path body-small\">${path}</div>\n        </div>\n      </div>\n    `\n  }\n\n  /**\n   * Renders the actions section.\n   * @param exposed The exposed entity\n   * @returns The template for the actions section\n   */\n  protected renderActions(exposed: ExposedEntity): TemplateResult {\n    const content: TemplateResult[] = []\n    if (this.showCollectionActions) {\n      content.push(this.renderCollectionActions(exposed))\n    }\n    content.push(this.renderResourceActions(exposed))\n    return html`<div class=\"actions-section\">\n      <div class=\"actions-headline title-small\">Actions</div>\n      ${content}\n    </div>`\n  }\n\n  /**\n   * Renders the collection actions section.\n   * @param exposed The exposed entity\n   * @returns The template for the collection actions section\n   */\n  protected renderCollectionActions(exposed: ExposedEntity): TemplateResult {\n    const actions = exposed.actions.filter((a) => a.kind === 'list' || a.kind === 'create' || a.kind === 'search')\n    return html`<div class=\"collection actions\">\n      <div class=\"actions-title label-small\">Collection</div>\n      ${this.renderActionsList(actions, 'collection')}\n    </div>`\n  }\n\n  /**\n   * Renders the resource actions section.\n   * @param exposed The exposed entity\n   * @returns The template for the resource actions section\n   */\n  protected renderResourceActions(exposed: ExposedEntity): TemplateResult {\n    const actions = exposed.actions.filter((a) => a.kind === 'read' || a.kind === 'update' || a.kind === 'delete')\n    return html`<div class=\"resource actions\">\n      <div class=\"actions-title label-small\">Resource</div>\n      ${this.renderActionsList(actions, 'resource')}\n    </div>`\n  }\n\n  /**\n   * Renders a list of API actions.\n   * @param actions The list of API actions to render.\n   * @param type The type of actions ('collection' or 'resource').\n   * @returns A TemplateResult containing the rendered actions list.\n   */\n  protected renderActionsList(actions: ApiAction[], type: 'collection' | 'resource'): TemplateResult {\n    let content: TemplateResult\n    if (actions.length === 0) {\n      content = html`<div class=\"no-actions body-small\">This entity has no ${type} actions.</div>`\n    } else {\n      content = html`<div class=\"chip-list\">\n        ${repeat(\n          actions,\n          (action) => action.kind,\n          (action) =>\n            html`<ui-chip\n              class=\"action-chip\"\n              type=\"assist\"\n              data-kind=\"${action.kind}\"\n              @click=\"${this.handleActionChipClick}\"\n            >\n              <ui-icon class=\"chip-icon\" slot=\"icon\">${apiActionKindToIcon(action.kind)}</ui-icon>\n              ${apiActionKindToLabel(action.kind)}\n            </ui-chip>`\n        )}\n      </div>`\n    }\n    return content\n  }\n}\n"]}

package/build/src/modeling/internals/ApiModelingEntityEditor.d.ts

@@ -0,0 +1,50 @@
+import { type TemplateResult, nothing } from 'lit';
+import { ApiEditor } from './ApiEditor.js';
+import type { ApiModel, DomainEntity, ExposedEntity } from '@api-client/core/browser.js';
+type ActionKind = 'list' | 'read' | 'create' | 'update' | 'delete' | 'search';
+/**
+ * An entity editor displaying information about an exposed entity
+ * in the API model, including its domain entity.
+ *
+ * @fires close - Fired when the user clicks the close button in the header.
+ */
+export default class ApiModelingEntityEditor extends ApiEditor {
+    /**
+     * Computed exposed entity being edited.
+     */
+    accessor exposed: ExposedEntity | undefined;
+    /**
+     * Computed domain entity that corresponds to the exposed entity being edited.
+     */
+    accessor entity: DomainEntity | undefined;
+    /**
+     * When true, shows a close button in the editor header.
+     * @attribute
+     */
+    accessor showCloseButton: boolean;
+    protected setupModel(model?: ApiModel, domainKey?: string): void | Promise<void>;
+    protected handleCloseButtonClick(): void;
+    protected handleCollectionPathChange(e: Event): void;
+    protected handleResourcePathChange(e: Event): void;
+    protected handleActionToggle(e: Event): void;
+    removeAction(kind: ActionKind): void;
+    addAction(kind: ActionKind): void;
+    protected render(): TemplateResult | typeof nothing;
+    /**
+     * Renders a template of the editor header.
+     * @param entity The related domain entity.
+     */
+    protected renderHeader(entity: DomainEntity): TemplateResult;
+    /**
+     * Renders the close button if the `showCloseButton` flag is set.
+     */
+    protected renderCloseButton(): TemplateResult | typeof nothing;
+    protected renderEndpointsConfiguration(exposed: ExposedEntity): TemplateResult;
+    protected renderCollectionPathInput(exposed: ExposedEntity): TemplateResult;
+    protected renderResourcePathInput(exposed: ExposedEntity): TemplateResult;
+    protected renderActionsSection(exposed: ExposedEntity): TemplateResult;
+    protected renderCollectionActionsSection(exposed: ExposedEntity): TemplateResult | typeof nothing;
+    protected renderResourceActionsSection(exposed: ExposedEntity): TemplateResult;
+}
+export {};
+//# sourceMappingURL=ApiModelingEntityEditor.d.ts.map

package/build/src/modeling/internals/ApiModelingEntityEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiModelingEntityEditor.d.ts","sourceRoot":"","sources":["../../../../src/modeling/internals/ApiModelingEntityEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,OAAO,EAAE,MAAM,KAAK,CAAA;AAGxD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,KAAK,EAAa,QAAQ,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAKnG,KAAK,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAE7E;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,uBAAwB,SAAQ,SAAS;IAC5D;;OAEG;IACM,QAAQ,CAAC,OAAO,EAAE,aAAa,GAAG,SAAS,CAAA;IACpD;;OAEG;IACM,QAAQ,CAAC,MAAM,EAAE,YAAY,GAAG,SAAS,CAAA;IAClD;;;OAGG;IAC0B,QAAQ,CAAC,eAAe,UAAQ;cAE1C,UAAU,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAE,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IAsBzF,SAAS,CAAC,sBAAsB,IAAI,IAAI;IAIxC,SAAS,CAAC,0BAA0B,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAgBpD,SAAS,CAAC,wBAAwB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAgBlD,SAAS,CAAC,kBAAkB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAc5C,YAAY,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI;IAcpC,SAAS,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI;cAiCd,MAAM,IAAI,cAAc,GAAG,OAAO,OAAO;IAU5D;;;OAGG;IACH,SAAS,CAAC,YAAY,CAAC,MAAM,EAAE,YAAY,GAAG,cAAc;IAa5D;;OAEG;IACH,SAAS,CAAC,iBAAiB,IAAI,cAAc,GAAG,OAAO,OAAO;IAc9D,SAAS,CAAC,4BAA4B,CAAC,OAAO,EAAE,aAAa,GAAG,cAAc;IAS9E,SAAS,CAAC,yBAAyB,CAAC,OAAO,EAAE,aAAa,GAAG,cAAc;IAc3E,SAAS,CAAC,uBAAuB,CAAC,OAAO,EAAE,aAAa,GAAG,cAAc;IAczE,SAAS,CAAC,oBAAoB,CAAC,OAAO,EAAE,aAAa,GAAG,cAAc;IAUtE,SAAS,CAAC,8BAA8B,CAAC,OAAO,EAAE,aAAa,GAAG,cAAc,GAAG,OAAO,OAAO;IA8DjG,SAAS,CAAC,4BAA4B,CAAC,OAAO,EAAE,aAAa,GAAG,cAAc;CA0D/E"}