@ebrains/components 2.1.0 → 2.3.0

package/dist/types/components/eds-cards/eds-card-generic/eds-card-generic.d.ts

@@ -1,6 +1,7 @@
 export interface Tag {
     label: string;
     style: 'accent' | 'default' | 'weak' | 'strong';
+    size: 'small' | 'medium' | 'large';
 }
 /**
  * `EdsCardGeneric` is a versatile card component designed to display rich content such as titles, descriptions, images, and tags.

package/dist/types/components/eds-dropdown/eds-dropdown.d.ts

@@ -2,13 +2,23 @@ import { EventEmitter } from '../../stencil-public-runtime';
 /**
  * `EdsDropdown` is a versatile dropdown component that provides a list of items
  * that appear upon clicking the dropdown button. It supports various customization options,
- * such as positioning, styling, and keyboard accessibility.
+ * such as positioning, styling, keyboard accessibility, and automatic closing behavior.
  *
- * Key features include:
- * - Configurable dropdown position (left or right) and offset.
- * - Customizable intent styles (e.g., primary, secondary).
- * - Keyboard navigation with support for up and down arrow keys.
- * - Option to use as a navigation menu or standard dropdown.
+ * ## Key Features:
+ * - Configurable dropdown position (left or right) and offset
+ * - Customizable intent styles (e.g., primary, secondary)
+ * - Keyboard navigation with support for up and down arrow keys
+ * - Automatic closing on clicks inside the dropdown panel
+ * - Flexible opt-in/opt-out mechanisms for closing behavior
+ * - Option to use as a navigation menu or standard dropdown
+ *
+ * ## Auto-Close Behavior:
+ * By default (`autoClose: true`), the dropdown closes when any element inside the panel is clicked.
+ * This includes links, buttons, custom elements, or any other clickable content.
+ *
+ * ## Data Attributes:
+ * - `data-dropdown-close`: Force close dropdown when clicked (works regardless of autoClose setting)
+ * - `data-dropdown-no-close`: Prevent dropdown from closing when this element or its children are clicked
  *
  * This component is well-suited for use in menus, navigational elements, and other interactive UI patterns.
  */
@@ -61,6 +71,14 @@ export declare class EdsDropdown {
      * @default 'tertiary'
      */
     intent?: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'ghostInverse';
+    /**
+     * Auto-close dropdown prop - when true, any click inside the panel closes the dropdown
+     */
+    autoClose: boolean;
+    /**
+     * Opt-out attribute - elements with this attribute won't trigger auto-close
+     */
+    noCloseSelector: string;
     /**
      * State to track if the dropdown is open.
      * @type {boolean}
@@ -81,8 +99,10 @@ export declare class EdsDropdown {
     dropdown: EventEmitter<{
         expanded: boolean;
     }>;
+    private panelEl?;
     private dropdownContent?;
     private focusableItems;
+    close(): Promise<void>;
     /**
      * Closes the dropdown when a click occurs outside of it.
      * @param {Event} e - The click event.
@@ -110,6 +130,7 @@ export declare class EdsDropdown {
      * Initializes focusable items within the dropdown.
      */
     componentDidLoad(): void;
+    handleHostInternalClick(ev: MouseEvent): void;
     /**
      * Renders the dropdown component and displays its content when open.
      * @returns {JSX.Element} The rendered dropdown component.

package/dist/types/components/eds-icons/eds-icon-download/eds-icon-download.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @internal
+ */
+export declare class EdsIconDownload {
+    /**
+     * Additional CSS classes to be applied to the icon for styling.
+     */
+    class: string;
+    render(): any;
+}

package/dist/types/components/eds-table/eds-table.d.ts

@@ -38,6 +38,8 @@ export interface TableAction {
     field?: string;
     /** optional: icon name for the action */
     icon?: string;
+    /** if true, always render the label on the button (no tooltip) */
+    showLabel?: boolean;
 }
 /**
  * `EdsTable` is a customizable data table component with support for dynamic data fetching, column configuration, pagination, and search functionality.
@@ -76,10 +78,24 @@ export declare class EdsTable {
      */
     columnSize?: 'default' | 'medium' | 'large';
     /**
-     * Array of actions to render in each row.
-     * Each action should have:
-     *  - `name`: a unique key (e.g. "view", "delete")
-     *  - `label`: what shows in the button (or you could pass an icon name here)
+     * Array of actions to render in each row. Can be passed as a JSON string or as a `TableAction[]`.
+     *
+     * Each action object may include:
+     *  - `name`       (string; required)  — unique action key, e.g. `"view"`, `"delete"`.
+     *  - `label`      (string; required)  — text shown on the button, or used as the tooltip/aria-label when icon-only.
+     *  - `type`       ("button" | "checkbox"; optional) — whether to render a standard button (default) or a checkbox.
+     *  - `icon`       (string; optional)  — name of the icon to display in icon-only mode.
+     *  - `field`      (string; optional)  — for checkboxes, the row field whose truthiness binds the checked state (defaults to `name`).
+     *  - `showLabel`  (boolean; optional) — if `true`, render the full `label` instead of an icon + tooltip.
+     *
+     * When you pass JSON, make sure field names match exactly:
+     * ```html
+     * actions='[
+     *   { "name":"view",  "label":"View",  "icon":"eye" },
+     *   { "name":"edit",  "label":"Edit",  "icon":"pencil", "showLabel":true },
+     *   { "name":"del",   "label":"Delete","type":"checkbox", "field":"selected" }
+     * ]'
+     * ```
      */
     actions: string | TableAction[];
     /**

package/dist/types/components/eds-tag/eds-tag.d.ts

@@ -10,7 +10,7 @@ export declare class EdsTag {
     /**
      * The visual style or intent of the tag.
      */
-    intent: 'default' | 'strong' | 'accent' | 'weak' | 'inverse' | 'inverse-strong';
+    intent: 'primary' | 'default' | 'strong' | 'accent' | 'weak' | 'inverse' | 'inverse-strong';
     /**
      * The size of the tag: small, medium, or large.
      */