@uxland/primary-shell 7.47.6 → 8.0.0-rc.1

package/dist/primary/shell/src/UI/components/quick-actions-menu/quick-actions-menu.d.ts

@@ -1,8 +0,0 @@
-import { LitElement } from 'lit';
-export declare class QuickActionsMenu extends LitElement {
-    render(): import('lit').TemplateResult<1>;
-    firstUpdated(p: any): void;
-    handleSlotChange(event: any): void;
-    _handleOpenMenu(e: any): void;
-    _addMenuCustomStyle(contentSlot: HTMLElement, actionMenu: HTMLElement): void;
-}

package/dist/primary/shell/src/UI/components/quick-actions-menu/template.d.ts

@@ -1,2 +0,0 @@
-import { QuickActionsMenu } from './quick-actions-menu';
-export declare const template: (props: QuickActionsMenu) => import('lit').TemplateResult<1>;

package/dist/primary/shell/src/api/plugin-busy-manager/plugin-busy-list/component.d.ts

@@ -1,9 +0,0 @@
-import { LitElement } from 'lit';
-import { PluginTask } from '../plugin-busy-manager';
-export declare class PluginBusyList extends LitElement {
-    static styles: import('lit').CSSResult;
-    render(): import('lit').TemplateResult<1>;
-    data: {
-        busyTasks: PluginTask[];
-    };
-}

package/dist/primary/shell/src/api/plugin-busy-manager/plugin-busy-list/template.d.ts

@@ -1,2 +0,0 @@
-import { PluginBusyList } from './component';
-export declare const template: (props: PluginBusyList) => import('lit').TemplateResult<1>;

package/dist/primary/shell/src/api/plugin-busy-manager/plugin-busy-manager.d.ts

@@ -1,26 +0,0 @@
-export interface PluginTask {
-    taskId: string;
-    taskDescription: string;
-}
-/**
- * @deprecated Use the `canDispose(api)` plugin lifecycle hook instead. Plugins should
- * decide whether they can be disposed (e.g. show their own confirmation modal) rather
- * than relying on shell-level busy tasks. This API is kept for backwards compatibility.
- */
-export declare abstract class PluginBusyManager {
-    abstract addTask(task: PluginTask): void;
-    abstract removeTask(taskId: string): void;
-    abstract clearAll(): void;
-    abstract isBusy(): boolean;
-    abstract getTasks(): PluginTask[];
-}
-/** @deprecated See {@link PluginBusyManager}. */
-export declare class PluginBusyManagerImpl implements PluginBusyManager {
-    private tasks;
-    constructor();
-    addTask(task: PluginTask): void;
-    removeTask(taskId: string): void;
-    isBusy(): boolean;
-    clearAll(): void;
-    getTasks(): PluginTask[];
-}

package/dist/primary/shell/src/api/plugin-busy-manager/plugin-busy-manager.test.d.ts

@@ -1 +0,0 @@
-export {};

package/src/UI/components/quick-actions-menu/quick-actions-menu.ts

@@ -1,54 +0,0 @@
-import { LitElement, html } from "lit";
-import { template } from "./template";
-
-export class QuickActionsMenu extends LitElement {
-  render() {
-    return html`${template(this)}`;
-  }
-
-  firstUpdated(p) {
-    super.firstUpdated(p);
-    // Escuchar por cambios en el contenido del slot
-    const slot = this.shadowRoot?.querySelector('slot[name="anchor"]');
-    slot?.addEventListener("slotchange", this.handleSlotChange.bind(this));
-  }
-
-  handleSlotChange(event) {
-    const slot = event.target;
-    const assignedElements = slot.assignedElements();
-
-    // Si hay algún elemento asignado al slot
-    if (assignedElements.length > 0) {
-      const element = assignedElements[0]; // Asumimos que el primer elemento es el botón
-      if (element.id === "usage-anchor") {
-        // Añadir el listener de evento
-        element.addEventListener("click", this._handleOpenMenu.bind(this));
-      }
-    }
-  }
-
-  _handleOpenMenu(e) {
-    // Obtener el otro slot (target-slot)
-    const contentSlot = this.shadowRoot?.querySelector('slot[name="content"]') as HTMLSlotElement;
-
-    const actionMenu = this.querySelector("dss-action-menu");
-
-    // Obtener los elementos asignados al otro slot
-    const assignedElements = contentSlot?.assignedElements();
-    if (assignedElements[0]) this._addMenuCustomStyle(contentSlot as HTMLElement, actionMenu as HTMLElement);
-
-    // Hacer target al elemento que deseas (por ejemplo, un <p>)
-    // Els components del DSS exposen `show()`, que no és a la interfície `Element`.
-    const targetElement = assignedElements.find((el): el is Element & { show(): void } => el.id === "content");
-    if (targetElement) {
-      // Modificar el contenido o estilo del elemento
-      targetElement.show();
-    }
-  }
-
-  _addMenuCustomStyle(contentSlot: HTMLElement, actionMenu: HTMLElement) {
-    contentSlot.style.borderRadius = "var(--dss-radius-sm)";
-    const list = actionMenu.shadowRoot?.querySelector("ul");
-    if (list) list.style.overflow = "hidden";
-  }
-}

package/src/UI/components/quick-actions-menu/template.ts

@@ -1,10 +0,0 @@
-
-import { html } from "lit";
-import { QuickActionsMenu } from "./quick-actions-menu";
-
-export const template = (props: QuickActionsMenu) => html`
-<span >
-  <slot name="anchor"></slot>
-  <slot name="content"></slot>
-</span>
-`;

package/src/api/plugin-busy-manager/plugin-busy-list/component.ts

@@ -1,16 +0,0 @@
-import { LitElement, css, html, unsafeCSS } from "lit";
-import { PluginTask } from "../plugin-busy-manager";
-import styles from "./styles.css?inline";
-import { template } from "./template";
-
-export class PluginBusyList extends LitElement {
-  static styles = css`
-    ${unsafeCSS(styles)}
-  `;
-
-  render() {
-    return html`${template(this)}`;
-  }
-
-  data: { busyTasks: PluginTask[] };
-}

package/src/api/plugin-busy-manager/plugin-busy-list/styles.css

@@ -1,27 +0,0 @@
-.container{
-    display: flex;
-    flex-direction: column;
-    gap: 4px;
-    align-items: center;
-}
-
-.title{
-    font-size: 15px;
-    line-height: 24px;
-    font-weight: 600;
-    color: var(--color-red-600);
-}
-
-
-.list{
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-}
-
-.plugin-busy-item{
-    text-align: center;
-    border: var(--dss-border-width-sm) solid var(--color-neutral-100);
-    border-radius: var(--dss-radius-lg);
-    padding: var(--dss-spacing-md);
-}

package/src/api/plugin-busy-manager/plugin-busy-list/template.ts

@@ -1,20 +0,0 @@
-import { html } from "lit";
-import { translate } from "../../../locales";
-import { PluginTask } from "../plugin-busy-manager";
-import { PluginBusyList } from "./component";
-
-export const template = (props: PluginBusyList) => html`
-    <div class="container">
-        <div class="title">${translate("busyManager.title")}</div>
-        <div class="list">
-            ${props.data?.busyTasks?.map(
-              (item: PluginTask) => html`
-                <div class="plugin-busy-item">
-                    <dss-typography tag="div" variant="body-3" fontweight="regular">
-                        ${item.taskDescription}
-                    </dss-typography>
-                </div>`,
-            )}
-        </div>
-    </div>
-`;

package/src/api/plugin-busy-manager/plugin-busy-manager.test.ts

@@ -1,72 +0,0 @@
-import { describe, it, expect, beforeEach } from "vitest";
-import { PluginBusyManagerImpl } from "./plugin-busy-manager";
-
-describe("PluginBusyManagerImpl", () => {
-  let manager: PluginBusyManagerImpl;
-
-  beforeEach(() => {
-    manager = new PluginBusyManagerImpl();
-  });
-
-  describe("addTask", () => {
-    it("should add a task", () => {
-      const task = { taskId: "1", taskDescription: "Loading plugin" };
-      manager.addTask(task);
-      expect(manager.getTasks()).toContain(task);
-    });
-
-    it("should not add a task if taskId already exists", () => {
-      const task1 = { taskId: "1", taskDescription: "First task" };
-      const task2 = { taskId: "1", taskDescription: "Duplicate task" };
-      manager.addTask(task1);
-      manager.addTask(task2);
-      const tasks = manager.getTasks();
-
-      expect(tasks.length).toBe(1);
-      expect(tasks[0]).toEqual(task1);
-    });
-  });
-
-  describe("removeTask", () => {
-    it("should remove a task if it exists", () => {
-      const task = { taskId: "1", taskDescription: "Loading plugin" };
-      manager.addTask(task);
-      manager.removeTask("1");
-      expect(manager.getTasks()).not.toContain(task);
-    });
-
-    it("should do nothing if task does not exist", () => {
-      const task = { taskId: "1", taskDescription: "Loading plugin" };
-      manager.addTask(task);
-      manager.removeTask("non-existent");
-      expect(manager.getTasks()).toContain(task);
-    });
-  });
-
-  describe("isBusy", () => {
-    it("should return false when no tasks exist", () => {
-      expect(manager.isBusy()).toBe(false);
-    });
-
-    it("should return true when tasks exist", () => {
-      manager.addTask({ taskId: "1", taskDescription: "Busy" });
-      expect(manager.isBusy()).toBe(true);
-    });
-  });
-
-  describe("clearAll", () => {
-    it("should clear all tasks", () => {
-      manager.addTask({ taskId: "1", taskDescription: "Busy" });
-      manager.clearAll();
-      expect(manager.getTasks()).toHaveLength(0);
-    });
-  });
-
-  describe("getTasks", () => {
-    it("should return current tasks", () => {
-      const task = { taskId: "1", taskDescription: "Loading plugin" };
-      manager.addTask(task);
-      expect(manager.getTasks()).toEqual([task]);
-    });
-  });
-});

package/src/api/plugin-busy-manager/plugin-busy-manager.ts

@@ -1,57 +0,0 @@
-import { customElement } from "lit/decorators.js";
-import { PluginBusyList } from "./plugin-busy-list/component";
-
-export interface PluginTask {
-  taskId: string;
-  taskDescription: string;
-}
-
-/**
- * @deprecated Use the `canDispose(api)` plugin lifecycle hook instead. Plugins should
- * decide whether they can be disposed (e.g. show their own confirmation modal) rather
- * than relying on shell-level busy tasks. This API is kept for backwards compatibility.
- */
-export abstract class PluginBusyManager {
-  abstract addTask(task: PluginTask): void;
-  abstract removeTask(taskId: string): void;
-  abstract clearAll(): void;
-  abstract isBusy(): boolean;
-  abstract getTasks(): PluginTask[];
-}
-
-/** @deprecated See {@link PluginBusyManager}. */
-export class PluginBusyManagerImpl implements PluginBusyManager {
-  private tasks: PluginTask[] = [];
-
-  constructor() {
-    if (!customElements.get("plugin-busy-list")) {
-      customElement("plugin-busy-list")(PluginBusyList);
-    }
-  }
-
-  public addTask(task: PluginTask): void {
-    const exists = this.tasks.some((t) => t.taskId === task.taskId);
-    if (!exists) {
-      this.tasks.push(task);
-    }
-  }
-
-  public removeTask(taskId: string): void {
-    const index = this.tasks.findIndex((item) => item.taskId === taskId);
-    if (index > -1) {
-      this.tasks.splice(index, 1);
-    }
-  }
-
-  public isBusy(): boolean {
-    return this.tasks.length > 0;
-  }
-
-  public clearAll(): void {
-    this.tasks = [];
-  }
-
-  public getTasks(): PluginTask[] {
-    return this.tasks;
-  }
-}