@ebrains/react 0.6.0-alpha.0 → 0.8.0-alpha.0

package/eds-user.entry.esm.js

@@ -1,118 +0,0 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index.esm2.js';
-import { l as login, a as logout, c as checkServerAvailability, i as initKeycloak, b as isAuthenticated, g as getUser } from './keycloak-d502ec16.esm.js';
-import { t as toast } from './toastManager-d9eee791.esm.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const EdsUser = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.authStatusChanged = createEvent(this, "authStatusChanged", 7);
-    /**
-     * Handles user login by invoking the Keycloak `login` function.
-     * Only triggers login if the user is not already authenticated.
-     */
-    this.handleLogin = () => {
-      if (!this.authenticated) {
-        try {
-          login();
-        } catch (error) {
-          toast.show(error.message, 'error');
-        }
-      }
-    };
-    /**
-     * Handles user logout by invoking the Keycloak `logout` function.
-     * Resets the `authenticated` state to `false` after logout.
-     */
-    this.handleLogout = async () => {
-      try {
-        await logout();
-      } catch (error) {
-        toast.show(error.message, 'error');
-      }
-      this.authenticated = false;
-      this.user = null;
-    };
-    this.keycloakUrl = undefined;
-    this.keycloakRealm = undefined;
-    this.keycloakClientId = undefined;
-    this.user = null;
-    this.authenticated = false;
-    this.username = '';
-    this.serverAvailable = false;
-  }
-  /**
-   * Lifecycle method that runs when the component is about to load.
-   * It initializes authentication by calling the `initAuth` method.
-   */
-  async componentWillLoad() {
-    // Check if required props are provided (optional check)
-    if (!this.keycloakUrl || !this.keycloakRealm || !this.keycloakClientId) {
-      // eslint-disable-next-line
-      console.error('Keycloak configuration props are missing.');
-      return;
-    }
-    this.serverAvailable = await checkServerAvailability(`${this.keycloakUrl}/realms/${this.keycloakRealm}`);
-    if (!this.serverAvailable) {
-      toast.show('Keycloak server is unavailable.', 'error');
-      return; // Do not proceed further
-    }
-    await this.initAuth();
-  }
-  /**
-   * Initializes the Keycloak authentication by configuring Keycloak with the provided props.
-   * Sets the `authenticated` state and `user` data if the user is authenticated.
-   * Emits `authStatusChanged` event with the authentication status.
-   */
-  async initAuth() {
-    try {
-      await initKeycloak({
-        url: this.keycloakUrl,
-        realm: this.keycloakRealm,
-        clientId: this.keycloakClientId
-      }, true);
-      if (isAuthenticated()) {
-        this.user = getUser();
-        this.authenticated = true;
-        this.authStatusChanged.emit({
-          authenticated: this.authenticated,
-          user: this.user
-        }); // Emit auth status change
-      }
-    } catch (error) {
-      toast.show(error.message, 'error');
-    }
-  }
-  render() {
-    var _a;
-    return h("div", {
-      key: '8fe0aaf06ed421d8ca6e512247b4d15b092c895f',
-      class: "block"
-    }, !this.authenticated ? h("eds-button", {
-      label: "Login",
-      intent: "primary",
-      onClick: this.handleLogin,
-      "extra-class": "text-default"
-    }) : h("div", {
-      class: "flex items-center"
-    }, h("eds-dropdown", {
-      label: `Welcome, ${(_a = this.user) === null || _a === void 0 ? void 0 : _a.username}`,
-      intent: "tertiary",
-      "aria-label": "User Menu",
-      "dropdown-pos": "right",
-      "dropdown-offset": "false",
-      icon: "chevron-down",
-      class: "text-default"
-    }, h("eds-user-modal", {
-      user: JSON.stringify(this.user),
-      onLogout: this.handleLogout.bind(this)
-    }))));
-  }
-  get hostEl() {
-    return getElement(this);
-  }
-};
-
-export { EdsUser as eds_user };

package/eds-vertical-stepper.entry.esm.js

@@ -1,81 +0,0 @@
-import { r as registerInstance, h } from './index.esm2.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const edsVerticalStepperCss = ":host{display:block}.stepper-container{margin:0 auto}.stepper{position:sticky;margin-left:16px;margin-bottom:12px;border-left:1px solid var(--soft-color, #ddd);padding-left:24px;counter-reset:step}.step{margin-bottom:24px}.step-label{counter-increment:step;font-size:1.25rem;font-weight:600;position:relative;margin-top:1em;margin-bottom:1em}.step-label::before{content:counter(step);position:absolute;left:-40px;top:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:1rem;border:1px solid #ccc;background:var(--grey-900);color:#fff;border-radius:50%}.optional{font-size:0.8rem;color:#888;margin-left:8px}.step-content{margin-top:8px}.step-buttons{margin-top:12px}.step-buttons button{margin-right:8px;padding:6px 12px;font-size:0.875rem}.completed{padding:16px;border:1px solid #ddd;margin-top:16px;text-align:center}";
-const EdsVerticalStepperStyle0 = edsVerticalStepperCss;
-const EdsVerticalStepper = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.handleNext = () => {
-      if (this.activeStep < this.parsedSteps.length) {
-        this.activeStep = this.activeStep + 1;
-      }
-    };
-    this.handleBack = () => {
-      if (this.activeStep > 0) {
-        this.activeStep = this.activeStep - 1;
-      }
-    };
-    this.handleReset = () => {
-      this.activeStep = 0;
-    };
-    this.steps = '[]';
-    this.activeStep = 0;
-  }
-  get parsedSteps() {
-    try {
-      return JSON.parse(this.steps);
-    } catch (error) {
-      //console.error('Invalid steps JSON', error);
-      return [];
-    }
-  }
-  render() {
-    const steps = this.parsedSteps;
-    return h("div", {
-      key: '08fa2f85c49dbe217b2f9d068bee486e432f5315',
-      class: "stepper-container"
-    }, h("div", {
-      key: '6f7e0a0ccaa2882794a6be0216201d1bf924e2b2',
-      class: "stepper"
-    }, steps.map((step, index) => h("div", {
-      class: "step",
-      key: index
-    }, h("div", {
-      class: "step-label"
-    }, h("span", null, step.label), index === steps.length - 1 && h("span", {
-      class: "f-ui-03 text-lightest ml-4"
-    }, "(Last step)")), this.activeStep === index && h("div", {
-      class: "step-content"
-    }, h("p", null, step.description), h("div", {
-      class: "step-buttons"
-    }, h("eds-button", {
-      label: index === steps.length - 1 ? 'Finish' : 'Continue',
-      class: "next-btn",
-      onClick: this.handleNext
-    }), h("eds-button", {
-      label: "Back",
-      intent: "ghostInverse",
-      onClick: this.handleBack,
-      disabled: index === 0,
-      "extra-class": index === 0 ? 'hidden' : 'ml-8 block'
-    })))))), this.activeStep === steps.length && h("div", {
-      key: '8a5ebfed582b25d828758e1762a063df6c745093',
-      class: ""
-    }, h("eds-alert", {
-      key: 'a142fb50b8df533dd97f770aeaa453f2379ea7cb',
-      intent: "success",
-      message: "All steps completed - you're finished!"
-    }), h("eds-button", {
-      key: '5cfba059c9a152f179e7c31fa5d7a222c00defe2',
-      label: "Start again",
-      onClick: this.handleReset,
-      "extra-class": "mt-4"
-    })));
-  }
-};
-EdsVerticalStepper.style = EdsVerticalStepperStyle0;
-
-export { EdsVerticalStepper as eds_vertical_stepper };