@ebrains/components 2.4.0 → 3.0.0

package/dist/types/shared-ui/eds-cookies-preference/eds-cookies-preference.d.ts

@@ -9,7 +9,7 @@ export declare class EdsCookiesPreference {
     /**
      * The visual intent or style of the button.
      */
-    intent?: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'strong' | 'weak' | 'inverse' | 'underline' | 'blueish';
+    intent?: 'primary' | 'secondary' | 'ghost' | 'strong' | 'weak' | 'inverse' | 'underline';
     /**
      * State to control whether the eds-matomo-notice popup is visible.
      */

package/dist/types/shared-ui/eds-gitlab-contributors/eds-gitlab-contributors.d.ts

@@ -0,0 +1,114 @@
+interface GitLabContributor {
+    name: string;
+    email: string;
+    commits: number;
+    additions: number;
+    deletions: number;
+    web_url?: string;
+}
+interface AggregatedContributor extends GitLabContributor {
+    username: string;
+}
+/**
+ * `EdsGitlabContributors` fetches and displays GitLab project contributors with avatars and contribution stats.
+ *
+ * This component queries the GitLab API to retrieve repository contributors.
+ * It's designed for internal EBRAINS projects requiring authentication.
+ *
+ * Key features:
+ * - Fetches contributors from GitLab API with access token authentication
+ * - Supports multiple projects - provide comma-separated project IDs to aggregate contributions
+ * - Optional path filtering to show contributors for specific directories
+ * - Extracts username from email address (part before @)
+ * - Displays contributor avatars with initials using eds-avatar component
+ * - Shows username and commit statistics (commits, additions, deletions)
+ * - Aggregates duplicate contributors by extracted username across all projects
+ * - Responsive grid layout
+ * - Loading and error states
+ * - Configurable display limits and sorting
+ */
+/**
+ * @internal
+ */
+export declare class EdsGitlabContributors {
+    /**
+     * GitLab personal access token for API authentication (required for internal projects)
+     */
+    accessToken: string;
+    /**
+     * GitLab project ID(s) - single ID or comma-separated IDs for multiple projects
+     * Example: "3360" or "3360,1770" or "ri%2Ftech-hub%2Febrains-ui-ecosystem"
+     */
+    projectId: string;
+    /**
+     * GitLab API base URL
+     */
+    apiUrl: string;
+    /**
+     * Optional path to filter commits (e.g., "apps/live/handbook")
+     * Only applied to project 1505 (monorepo). Other projects fetch all contributors.
+     */
+    path?: string;
+    /**
+     * Maximum number of contributors to display
+     */
+    limit: number;
+    /**
+     * Minimum commits to be included in the list
+     */
+    minCommits: number;
+    /**
+     * Show contribution statistics (commits, additions, deletions)
+     */
+    showStats: boolean;
+    /**
+     * Grid columns for responsive layout
+     * Options: '2', '3', '4', '5'
+     */
+    columns: '2' | '3' | '4' | '5';
+    /**
+     * Sort contributors by commits (desc) or username (asc)
+     */
+    sortBy: 'commits' | 'name';
+    contributors: AggregatedContributor[];
+    loading: boolean;
+    error: string;
+    componentWillLoad(): Promise<void>;
+    /**
+     * Parses projectId prop to handle single or multiple project IDs
+     */
+    private getProjectIds;
+    /**
+     * Fetches commits by path and aggregates by author for a single project
+     */
+    private fetchCommitsByPathForProject;
+    /**
+     * Fetches contributors from a single project
+     * For project 1505 (monorepo), applies path filter if provided
+     * For other projects, fetches all contributors
+     */
+    private fetchContributorsForProject;
+    /**
+     * Fetches contributors from GitLab API (supports multiple projects)
+     */
+    private fetchContributors;
+    /**
+     * Extracts username from email address (part before @)
+     */
+    private extractUsernameFromEmail;
+    /**
+     * Aggregates duplicate contributors by username (extracted from email)
+     * Combines commits, additions, and deletions for the same person
+     */
+    private aggregateContributors;
+    /**
+     * Gets first and last name from full name
+     */
+    private parseName;
+    /**
+     * Format large numbers with K suffix
+     */
+    private formatNumber;
+    render(): any;
+}
+export {};

package/dist/types/shared-ui/eds-global-search/eds-global-search.d.ts

@@ -28,6 +28,24 @@ export declare class EdsGlobalSearch {
      * Debounce delay in milliseconds
      */
     debounceDelay: number;
+    /**
+     * Force all results to open in new tab (useful when embedded in external sites)
+     */
+    forceNewTab: boolean;
+    /**
+     * Current site origin (auto-detected if not provided)
+     */
+    currentOrigin: string;
+    /**
+     * Current source identifier (e.g., 'handbook', 'design')
+     * Results matching this source will open in same tab
+     */
+    currentSource: string;
+    /**
+     * Optional authorization token (JWT) to include in requests
+     * When provided, will be sent as "Bearer <token>" in Authorization header
+     */
+    authToken: string;
     /**
      * Emitted when a result is selected
      */

package/dist/types/shared-ui/eds-kg-web-services-select/eds-kg-web-services-select.d.ts

@@ -0,0 +1,98 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+interface WebService {
+    uuid: string;
+    name: string;
+    short_name: string;
+    homepage?: string;
+    description?: string;
+}
+export declare class EdsKgWebServicesSelect {
+    /**
+     * API endpoint for fetching web services
+     * Defaults to cached endpoint for better performance
+     */
+    apiEndpoint: string;
+    /**
+     * Label for the select field
+     */
+    label: string;
+    /**
+     * Name attribute for the select field
+     */
+    name: string;
+    /**
+     * Placeholder text for the select field
+     */
+    placeholder: string;
+    /**
+     * Whether the field is required
+     */
+    required: boolean;
+    /**
+     * Whether the field is disabled
+     */
+    disabled: boolean;
+    /**
+     * Maximum number of services to fetch
+     */
+    size: number;
+    /**
+     * Optional search term to filter results
+     */
+    searchTerm: string;
+    /**
+     * Selected value (web service short_name)
+     */
+    value?: string;
+    /**
+     * Optional hint text
+     */
+    hint?: string;
+    /**
+     * Optional message text
+     */
+    message?: string;
+    /**
+     * Error state
+     */
+    error: boolean;
+    /**
+     * Error message
+     */
+    errorMessage?: string;
+    /**
+     * Emitted when the select field value changes (input event)
+     */
+    edsinput: EventEmitter<{
+        value: string | boolean | string[];
+    }>;
+    /**
+     * Emitted when the select field value changes (change event)
+     */
+    edschange: EventEmitter<{
+        value: string | boolean | string[];
+    }>;
+    /**
+     * Loading state
+     */
+    loading: boolean;
+    /**
+     * Web services data
+     */
+    webServices: WebService[];
+    /**
+     * Error state for API call
+     */
+    fetchError: string;
+    /**
+     * Select options formatted for eds-input-field
+     */
+    selectOptions: {
+        label: string;
+        value: string;
+    }[];
+    componentWillLoad(): void;
+    fetchWebServices(): Promise<void>;
+    render(): any;
+}
+export {};

package/dist/types/shared-ui/eds-kg-web-services-select/eds-kg-web-services-select.stories.d.ts

@@ -0,0 +1,60 @@
+declare const _default: {
+    title: string;
+    component: string;
+    argTypes: {
+        apiEndpoint: {
+            control: string;
+            description: string;
+        };
+        label: {
+            control: string;
+            description: string;
+        };
+        name: {
+            control: string;
+            description: string;
+        };
+        placeholder: {
+            control: string;
+            description: string;
+        };
+        required: {
+            control: string;
+            description: string;
+        };
+        disabled: {
+            control: string;
+            description: string;
+        };
+        size: {
+            control: string;
+            description: string;
+        };
+        searchTerm: {
+            control: string;
+            description: string;
+        };
+        value: {
+            control: string;
+            description: string;
+        };
+        hint: {
+            control: string;
+            description: string;
+        };
+        message: {
+            control: string;
+            description: string;
+        };
+        error: {
+            control: string;
+            description: string;
+        };
+        errorMessage: {
+            control: string;
+            description: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: any;

package/dist/types/shared-ui/eds-matomo-notice/eds-matomo-notice.stories.d.ts

@@ -10,10 +10,15 @@ declare const _default: {
             control: string;
             description: string;
         };
+        forceShow: {
+            control: string;
+            description: string;
+        };
     };
     args: {
         title: string;
         description: string;
+        forceShow: boolean;
     };
 };
 export default _default;
@@ -24,3 +29,24 @@ export declare const Default: {
         description: string;
     };
 };
+export declare const NotOptedIn: {
+    render: (args: any) => string;
+    args: {
+        title: string;
+        description: string;
+    };
+};
+export declare const AlreadyOptedIn: {
+    render: (args: any) => string;
+    args: {
+        title: string;
+        optOutMessage: string;
+    };
+};
+export declare const OptedOut: {
+    render: (args: any) => string;
+    args: {
+        title: string;
+        optOutMessage: string;
+    };
+};

package/dist/types/utils/icons.d.ts

@@ -0,0 +1,78 @@
+export declare const ICONS: {
+    'chevron-right': string;
+    'chevron-left': string;
+    'chevron-down': string;
+    'chevron-up': string;
+    'arrow-right': string;
+    'arrow-left': string;
+    'arrow-up-right': string;
+    close: string;
+    add: string;
+    edit: string;
+    checkmark: string;
+    download: string;
+    upload: string;
+    view: string;
+    exit: string;
+    caretSort: string;
+    bookmark: string;
+    createLink: string;
+    activity: string;
+    account: string;
+    analytics: string;
+    template: string;
+    documentExport: string;
+    documentDownload: string;
+    trashCan: string;
+    chooseItem: string;
+    copyLink: string;
+    dragHorizontal: string;
+    dragVertical: string;
+    login: string;
+    logout: string;
+    move: string;
+    replicate: string;
+    sortAscending: string;
+    sortDescending: string;
+    requestQuote: string;
+    reset: string;
+    resultDraft: string;
+    share: string;
+    play: string;
+    book: string;
+    chatOff: string;
+    forum: string;
+    shareKnowledge: string;
+    time: string;
+    help: string;
+    customerService: string;
+    code: string;
+    rocket: string;
+    compass: string;
+    menu: string;
+    search: string;
+    settings: string;
+    notification: string;
+    user: string;
+    group: string;
+    save: string;
+    document: string;
+    folder: string;
+    image: string;
+    calendar: string;
+    information: string;
+    warning: string;
+    error: string;
+    'checkmark-filled': string;
+    copy: string;
+    star: string;
+    'thumbs-up': string;
+    'thumbs-down': string;
+    twitter: string;
+    linkedin: string;
+    facebook: string;
+    youtube: string;
+    mastodon: string;
+    bluesky: string;
+};
+export type IconName = keyof typeof ICONS;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ebrains/components",
-  "version": "2.4.0",
+  "version": "3.0.0",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",
   "es2015": "./dist/esm/index.mjs",

package/dist/cjs/arrow-diagonal-black-0eb8640e.js

@@ -1,5 +0,0 @@
-'use strict';
-
-const arrowDiagonal = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.5858 3H17V9.41421L14.5 6.91421L8.70712 12.7071L7.29291 11.2929L13.0858 5.5L10.5858 3Z" fill="currentColor"></path><path d="M8 4H5C3.89543 4 3 4.89543 3 6V15C3 16.1046 3.89543 17 5 17H14C15.1046 17 16 16.1046 16 15V12H14V15H5V6H8V4Z" fill="currentColor"></path></svg>`;
-
-exports.arrowDiagonal = arrowDiagonal;

package/dist/cjs/arrow-right-3e38e8a9.js

@@ -1,7 +0,0 @@
-'use strict';
-
-const arrowRight = `<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20">
-  <path fill="currentColor" d="M2 8.5h9V3l7 7-7 7v-5.5H2v-3Z" />
-</svg>`;
-
-exports.arrowRight = arrowRight;

package/dist/cjs/bin-c07eeedc.js

@@ -1,5 +0,0 @@
-'use strict';
-
-const bin = `<svg viewBox="0 0 24 24" width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M10 11V17" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M14 11V17" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M4 7H20" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M6 7H12H18V18C18 19.6569 16.6569 21 15 21H9C7.34315 21 6 19.6569 6 18V7Z" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M9 5C9 3.89543 9.89543 3 11 3H13C14.1046 3 15 3.89543 15 5V7H9V5Z" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>`;
-
-exports.bin = bin;

package/dist/cjs/bookmark-c61853d9.js

@@ -1,18 +0,0 @@
-'use strict';
-
-const bookmark = `  <svg
-    width="20"
-    height="20"
-    viewBox="0 0 20 20"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M5 4H15V16L10 12.0138L5 16V4Z"
-      stroke="currentColor"
-      stroke-width="1.5"
-      stroke-linejoin="round"
-    />
-  </svg>`;
-
-exports.bookmark = bookmark;

package/dist/cjs/chevron-down-27344777.js

@@ -1,14 +0,0 @@
-'use strict';
-
-const chevronDown = `<svg
-    width="20"
-    height="20"
-    viewBox="0 0 20 20"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path d="M10 13L4 7H16L10 13Z" fill="currentColor" />
-  </svg>
-`;
-
-exports.chevronDown = chevronDown;

package/dist/cjs/chevron-left-6fc9c6ef.js

@@ -1,13 +0,0 @@
-'use strict';
-
-const chevronLeft = ` <svg
-    width="20"
-    height="20"
-    viewBox="0 0 20 20"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path d="M7 10L13 4L13 16L7 10Z" fill="currentColor" />
-  </svg>`;
-
-exports.chevronLeft = chevronLeft;

package/dist/cjs/chevron-right-6d95a117.js

@@ -1,7 +0,0 @@
-'use strict';
-
-const chevronRight = ` <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20">
-    <path fill="currentColor" d="m13 10-6 6V4l6 6Z" />
-  </svg>`;
-
-exports.chevronRight = chevronRight;

package/dist/cjs/chevron-up-e37d7713.js

@@ -1,14 +0,0 @@
-'use strict';
-
-const chevronUp = `<svg
-    width="20"
-    height="20"
-    viewBox="0 0 20 20"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
->
-    <path d="M4 13L10 7L16 13L4 13Z" fill="currentColor" />
-</svg>
-`;
-
-exports.chevronUp = chevronUp;

package/dist/cjs/clone-846acfdd.js

@@ -1,5 +0,0 @@
-'use strict';
-
-const clone = `<svg fill="#000000" height="20" width="20" version="1.1" id="XMLID_158_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g id="clone"> <g> <path d="M24,24H6V6h18V24z M8,22h14V8H8V22z M4,18H0v-4h2v2h2V18z M2,12H0V6h2V12z M18,4h-2V2h-2V0h4V4z M2,4H0V0h4v2H2V4z M12,2 H6V0h6V2z"></path> </g> </g> </g></svg>`;
-
-exports.clone = clone;

package/dist/cjs/close-51284af5.js

@@ -1,7 +0,0 @@
-'use strict';
-
-const close = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20">
-    <path stroke="currentColor" stroke-width="2" d="M16 4 4 16m12 0L4 4" />
-  </svg>`;
-
-exports.close = close;

package/dist/cjs/copy-53102d0c.js

@@ -1,7 +0,0 @@
-'use strict';
-
-const copy = `<svg width="20" height="20" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
-    <path stroke-linecap="round" stroke-linejoin="round" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path>
-</svg>`;
-
-exports.copy = copy;

package/dist/cjs/download-9d17d025.js

@@ -1,20 +0,0 @@
-'use strict';
-
-const download = `<svg
-    width="20"
-    height="20"
-    viewBox="0 0 20 20"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M5.91937 8H9V3H11V8H14.0806L10 13.1008L5.91937 8Z"
-      fill="currentColor"
-    />
-    <path
-      d="M5 15V12H3V15C3 16.1046 3.89543 17 5 17H15C16.1046 17 17 16.1046 17 15V12H15V15H5Z"
-      fill="currentColor"
-    />
-  </svg>`;
-
-exports.download = download;

package/dist/cjs/draft-05bd8904.js

@@ -1,5 +0,0 @@
-'use strict';
-
-const draft = `<svg width="20" height="20" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <path fill="none" d="M0 0L24 0 24 24 0 24z"></path> <path d="M20 2c.552 0 1 .448 1 1v3.757l-2 2V4H5v16h14v-2.758l2-2V21c0 .552-.448 1-1 1H4c-.552 0-1-.448-1-1V3c0-.552.448-1 1-1h16zm1.778 6.808l1.414 1.414L15.414 18l-1.416-.002.002-1.412 7.778-7.778zM13 12v2H8v-2h5zm3-4v2H8V8h8z"></path> </g> </g></svg>`;
-
-exports.draft = draft;

package/dist/cjs/edit-ff5b84d8.js

@@ -1,5 +0,0 @@
-'use strict';
-
-const edit = `<svg width="20" height="20"  viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M12 3.99997H6C4.89543 3.99997 4 4.8954 4 5.99997V18C4 19.1045 4.89543 20 6 20H18C19.1046 20 20 19.1045 20 18V12M18.4142 8.41417L19.5 7.32842C20.281 6.54737 20.281 5.28104 19.5 4.5C18.7189 3.71895 17.4526 3.71895 16.6715 4.50001L15.5858 5.58575M18.4142 8.41417L12.3779 14.4505C12.0987 14.7297 11.7431 14.9201 11.356 14.9975L8.41422 15.5858L9.00257 12.6441C9.08001 12.2569 9.27032 11.9013 9.54951 11.6221L15.5858 5.58575M18.4142 8.41417L15.5858 5.58575" stroke="#000000" stroke-width="1.44" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>`;
-
-exports.edit = edit;