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

package/analytics-1cde8e4a.esm.js

@@ -0,0 +1,47 @@
+// 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 {
+    // eslint-disable-next-line
+    console.warn('Matomo is not available or not initialized.');
+  }
+}
+// Function to send analytics data
+function sendAnalytics(eventData) {
+  var _a;
+  if (!isMatomoAvailable()) {
+    // eslint-disable-next-line
+    console.warn('Matomo is not available or not initialized.');
+    // eslint-disable-next-line
+    console.log(Object.assign({}, 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);
+  // eslint-disable-next-line
+  console.log(Object.assign({}, eventData));
+}
+// Function to opt-in the user
+function matomoOptIn() {
+  if (isMatomoAvailable()) {
+    window._paq.push(['rememberConsentGiven']);
+    // eslint-disable-next-line
+    console.log('User has opted in to tracking');
+  }
+}
+
+export { matomoOptIn as m, sendAnalytics as s };

package/color-2554aad6.esm.js

@@ -0,0 +1,122 @@
+import { c as cva } from './index-39c58238.esm.js';
+
+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 };