@ebrains/react 0.4.0-alpha.0 → 0.5.0-alpha.0

package/color-bb472c37.esm.js

@@ -1,423 +0,0 @@
-import { c as cva } from './index-39c58238.esm.js';
-
-[['eds-header', {
-  'home-url': '/',
-  'user-feature': 'false',
-  'keycloak-url': 'http://localhost:8080',
-  'keycloak-realm': 'nigeor-realm',
-  'keycloak-client-id': 'stencil-app',
-  links: JSON.stringify([{
-    label: 'About',
-    url: '/about'
-  }, {
-    label: 'Focus Areas',
-    url: '/focus-areas'
-  }, {
-    label: 'News & Events',
-    url: '/news-and-events'
-  }, {
-    label: 'Contact',
-    url: '/contact'
-  }])
-}], ['eds-block-break', {}], ['eds-footer', {}], ['eds-block-break', {}], ['eds-tabs', {
-  tabs: JSON.stringify([{
-    label: 'Home',
-    url: '#',
-    active: true,
-    ariaLabel: 'Home Tab'
-  }, {
-    label: 'Profile',
-    url: '#',
-    active: false,
-    ariaLabel: 'Profile Tab'
-  }, {
-    label: 'Settings',
-    url: '#',
-    active: false,
-    ariaLabel: 'Settings Tab'
-  }])
-}], ['eds-block-break', {}], ['eds-card-section', {
-  cards: JSON.stringify([{
-    title: 'Card 1',
-    description: 'Description 1',
-    tags: 'tag1, tag2',
-    url: '/link1'
-  }, {
-    title: 'Card 2',
-    description: 'Description 2',
-    tags: 'tag3',
-    url: '/link2'
-  }]),
-  cols: '4'
-}], ['eds-block-break', {}], ['eds-link', {
-  label: 'Main Link Click Me',
-  url: 'https://example.com',
-  intent: 'primary'
-}], ['eds-block-break', {}], ['eds-avatar', {
-  'first-name': 'John',
-  'last-name': 'Doe'
-}], ['eds-block-break', {}], ['eds-breadcrumb', {
-  items: JSON.stringify([{
-    label: 'Home',
-    url: '/'
-  }, {
-    label: 'Products',
-    url: '/products'
-  }, {
-    label: 'Electronics',
-    url: '/products/electronics'
-  }, {
-    label: 'Laptops',
-    url: '/products/electronics/laptops'
-  }]),
-  intent: 'primary'
-}], ['eds-block-break', {}], ['eds-card-generic', {
-  'card-title': 'The Future of AI in Healthcare',
-  url: 'https://example.com/ai-healthcare',
-  description: 'Explore how AI is transforming the healthcare industry with cutting-edge technologies and research.',
-  avatar: 'https://files.ebrains.eu/img/686e0edc-f3be-4d79-aa02-373c32c08d65/ebrains-logo-high-resolution.png?fit=max&q=80&fm=webp&crop=879%2C879%2C597%2C0&w=200',
-  'short-abbreviation': 'AI',
-  'heading-level': 'h2',
-  tags: 'Technology,AI,Healthcare',
-  tiny: 'false',
-  bg: 'true',
-  'with-hover': 'true'
-}], ['eds-block-break', {}], ['eds-code-block', {
-  code: 'Hello',
-  language: 'javascript'
-}], ['eds-block-break', {}], ['eds-dropdown', {
-  'aria-label': 'More options',
-  'rounded-btn': 'true',
-  'dropdown-pos': 'right',
-  'dropdown-offset': 'true'
-}], ['eds-block-break', {}], ['eds-form', {
-  name: 'extended-form',
-  endpoint: 'http://127.0.0.1:5000/api/data',
-  fields: JSON.stringify([{
-    name: 'username',
-    label: 'Username',
-    type: 'text',
-    required: true,
-    maxlength: 10
-  }, {
-    name: 'email',
-    label: 'Email',
-    type: 'email',
-    required: true
-  }, {
-    name: 'number',
-    label: 'Number',
-    type: 'number',
-    required: true
-  }, {
-    name: 'password',
-    label: 'Password',
-    type: 'password',
-    required: true,
-    maxlength: 50
-  }, {
-    name: 'date',
-    label: 'Date',
-    type: 'date',
-    required: true
-  }, {
-    name: 'file',
-    label: 'File',
-    type: 'file',
-    required: false
-  }, {
-    name: 'hiddenField',
-    type: 'hidden',
-    value: 'hiddenValue'
-  }, {
-    name: 'bio',
-    label: 'Biography',
-    type: 'textarea',
-    required: true,
-    maxlength: 300
-  }, {
-    name: 'role',
-    label: 'Role',
-    type: 'select',
-    required: true,
-    options: [{
-      label: 'Admin',
-      value: 'admin'
-    }, {
-      label: 'Editor',
-      value: 'editor'
-    }, {
-      label: 'Viewer',
-      value: 'viewer'
-    }]
-  }, {
-    name: 'preferences',
-    type: 'checkbox',
-    label: 'Select your preferences',
-    options: [{
-      value: 'option1',
-      label: 'Option 1'
-    }, {
-      value: 'option2',
-      label: 'Option 2'
-    }, {
-      value: 'option3',
-      label: 'Option 3'
-    }],
-    required: true
-  }, {
-    name: 'gender',
-    type: 'radio',
-    label: 'Select your gender',
-    options: [{
-      value: 'female',
-      label: 'Female'
-    }, {
-      value: 'male',
-      label: 'Male'
-    }],
-    required: true
-  }, {
-    name: 'newsletter',
-    label: 'newsletter',
-    type: 'checkbox',
-    value: 'subscribe',
-    required: true
-  }, {
-    name: 'range',
-    label: 'Range bar',
-    type: 'range',
-    min: '0',
-    max: '10',
-    step: '1',
-    required: true
-  }]),
-  'success-message': 'Form submitted successfully!',
-  'error-message': 'Please fix the errors in the form.',
-  'submit-btn': 'true',
-  'small-alert': 'false',
-  'set-form-url': 'true'
-}], ['eds-block-break', {}], ['eds-img', {
-  src: 'https://files.ebrains.eu/img/f999348c-beaa-40f8-ba60-230316d4a947/EBRAINS-BernsteinConference01.jpg',
-  alt: 'EBRAINS Bernstein Conference',
-  width: '400',
-  height: '225',
-  srcset: 'https://files.ebrains.eu/img/f999348c-beaa-40f8-ba60-230316d4a947/EBRAINS-BernsteinConference01.jpg 720w, https://files.ebrains.eu/img/f999348c-beaa-40f8-ba60-230316d4a947/EBRAINS-BernsteinConference01.jpg 1080w, https://files.ebrains.eu/img/f999348c-beaa-40f8-ba60-230316d4a947/EBRAINS-BernsteinConference01.jpg 1440w',
-  sizes: '(max-width: 600px) 100vw, (max-width: 1200px) 50vw, 33vw',
-  formats: JSON.stringify([{
-    type: 'image/webp',
-    srcset: 'https://files.ebrains.eu/img/f999348c-beaa-40f8-ba60-230316d4a947/EBRAINS-BernsteinConference01.webp 720w, https://files.ebrains.eu/img/f999348c-beaa-40f8-ba60-230316d4a947/EBRAINS-BernsteinConference01.webp 1080w'
-  }, {
-    type: 'image/jpeg',
-    srcset: 'https://files.ebrains.eu/img/f999348c-beaa-40f8-ba60-230316d4a947/EBRAINS-BernsteinConference01.jpg 720w, https://files.ebrains.eu/img/f999348c-beaa-40f8-ba60-230316d4a947/EBRAINS-BernsteinConference01.jpg 1080w'
-  }]),
-  lazyload: 'true',
-  'with-bg': 'true'
-}], ['eds-block-break', {}], ['eds-input-field', {
-  name: 'username',
-  'input-id': 'username',
-  label: 'Username',
-  placeholder: 'Enter your username',
-  required: 'true',
-  hint: 'Your unique username',
-  message: 'This field is required',
-  'error-message': 'Invalid username',
-  type: 'text'
-}], ['eds-block-break', {}], ['eds-pagination', {
-  'current-page': '1',
-  'last-page': '10',
-  'per-page': '5',
-  total: '50',
-  mode: 'default'
-}], ['eds-block-break', {}], ['eds-progress-bar', {
-  value: '75'
-}], ['eds-table', {
-  data: JSON.stringify([{
-    Property: 'username',
-    Type: 'string',
-    Required: 'Yes'
-  }, {
-    Property: 'password',
-    Type: 'string',
-    Required: 'Yes'
-  }, {
-    Property: 'email',
-    Type: 'string',
-    Required: 'No'
-  }]),
-  config: JSON.stringify({
-    Type: {
-      format: 'uppercase'
-    },
-    Property: {
-      format: 'code'
-    },
-    Required: {
-      hidden: true
-    }
-  })
-}], ['eds-block-break', {}], ['eds-tag', {
-  label: 'Default Tag',
-  intent: 'default'
-}]];
-
-// Helper function to check if Matomo is initialized
-function isMatomoAvailable() {
-  return typeof window !== 'undefined' && typeof window._paq !== 'undefined';
-}
-// General function to push data to Matomo
-function pushToMatomo(action, ...args) {
-  //console.log('Pushing Matomo')
-  if (isMatomoAvailable()) {
-    window._paq.push([action, ...args]);
-  } else {
-    console.warn('Matomo is not available or not initialized.');
-  }
-}
-// Function to send analytics data
-function sendAnalytics(eventData) {
-  var _a;
-  if (!isMatomoAvailable()) {
-    console.warn('Matomo is not available or not initialized.');
-    //console.log({ ...eventData });
-    return;
-  }
-  // Conditionally build the name field
-  const nameParts = [];
-  if ((_a = eventData.parentContext) === null || _a === void 0 ? void 0 : _a.componentName) {
-    nameParts.push(eventData.parentContext.componentName);
-  }
-  nameParts.push(eventData.tag || 'unknown-tag');
-  nameParts.push(eventData.name || 'unknown-name');
-  const name = nameParts.join('/');
-  //console.log('trackEvent', eventData.category, eventData.action, name)
-  pushToMatomo('trackEvent', eventData.category, eventData.action, name);
-  console.log(Object.assign({}, eventData));
-}
-// Function to opt-in the user
-function matomoOptIn() {
-  if (isMatomoAvailable()) {
-    window._paq.push(['rememberConsentGiven']);
-    console.log('User has opted in to tracking');
-  }
-}
-const GRADIANT_TOKENS = ['green', 'yellow', 'among-blue', 'purple'];
-const gradientBGColorVariants = cva([], {
-  variants: {
-    color: GRADIANT_TOKENS.reduce((acc, token) => Object.assign(Object.assign({}, acc), {
-      [token]: ''
-    }), {}),
-    direction: {
-      top: '',
-      bottom: ''
-    },
-    pseudo: {
-      true: 'before:effect-opacity effect-bg-behind',
-      false: ''
-    },
-    hover: {
-      true: 'before:opacity-0 hover:before:opacity-100',
-      false: ''
-    }
-  },
-  compoundVariants: [
-  // region GREEN
-  {
-    color: 'green',
-    direction: 'top',
-    pseudo: true,
-    className: 'before:bg-gradient-01-top'
-  }, {
-    color: 'green',
-    pseudo: true,
-    direction: 'bottom',
-    className: 'before:bg-gradient-01-bottom'
-  }, {
-    color: 'green',
-    direction: 'top',
-    pseudo: false,
-    className: 'bg-gradient-01-top'
-  }, {
-    color: 'green',
-    pseudo: false,
-    direction: 'bottom',
-    className: 'bg-gradient-01-bottom'
-  },
-  // endregion
-  // region YELLOW
-  {
-    color: 'yellow',
-    direction: 'top',
-    pseudo: true,
-    className: 'before:bg-gradient-02-top'
-  }, {
-    color: 'yellow',
-    direction: 'bottom',
-    pseudo: true,
-    className: 'before:bg-gradient-02-bottom'
-  }, {
-    color: 'yellow',
-    direction: 'top',
-    pseudo: false,
-    className: 'bg-gradient-02-top'
-  }, {
-    color: 'yellow',
-    direction: 'bottom',
-    pseudo: false,
-    className: 'bg-gradient-02-bottom'
-  },
-  // endregion
-  // region PURPLE
-  {
-    color: 'purple',
-    direction: 'top',
-    pseudo: true,
-    class: 'before:bg-gradient-03-top'
-  }, {
-    color: 'purple',
-    direction: 'bottom',
-    pseudo: true,
-    class: 'before:bg-gradient-03-bottom'
-  }, {
-    color: 'purple',
-    direction: 'top',
-    pseudo: false,
-    class: 'bg-gradient-03-top'
-  }, {
-    color: 'purple',
-    direction: 'bottom',
-    pseudo: false,
-    class: 'bg-gradient-03-bottom'
-  },
-  // endregion
-  // region AMONG-BLUE
-  {
-    color: 'among-blue',
-    direction: 'top',
-    pseudo: true,
-    class: 'before:bg-gradient-04-top'
-  }, {
-    color: 'among-blue',
-    direction: 'bottom',
-    pseudo: true,
-    class: 'before:bg-gradient-04-bottom'
-  }, {
-    color: 'among-blue',
-    direction: 'top',
-    pseudo: false,
-    class: 'bg-gradient-04-top'
-  }, {
-    color: 'among-blue',
-    direction: 'bottom',
-    pseudo: false,
-    class: 'bg-gradient-04-bottom'
-  }
-  // endregion
-  ],
-  defaultVariants: {
-    direction: 'top',
-    pseudo: true
-  }
-});
-
-export { gradientBGColorVariants as g, matomoOptIn as m, sendAnalytics as s };