@ebrains/react 0.0.1-alpha.0

package/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "@ebrains/react",
+  "version": "0.0.1-alpha.0",
+  "module": "./index.esm.js",
+  "type": "module",
+  "main": "./index.esm.js",
+  "types": "./index.esm.d.ts"
+}

package/src/generated/components.d.ts

@@ -0,0 +1,38 @@
+import type { JSX } from '@ebrains/components';
+export declare const EdsAccordion: import("react").ForwardRefExoticComponent<JSX.EdsAccordion & Omit<import("react").HTMLAttributes<HTMLEdsAccordionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsAccordionElement>>;
+export declare const EdsAlert: import("react").ForwardRefExoticComponent<JSX.EdsAlert & Omit<import("react").HTMLAttributes<HTMLEdsAlertElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsAlertElement>>;
+export declare const EdsAvatar: import("react").ForwardRefExoticComponent<JSX.EdsAvatar & Omit<import("react").HTMLAttributes<HTMLEdsAvatarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsAvatarElement>>;
+export declare const EdsBlockBreak: import("react").ForwardRefExoticComponent<JSX.EdsBlockBreak & Omit<import("react").HTMLAttributes<HTMLEdsBlockBreakElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsBlockBreakElement>>;
+export declare const EdsBreadcrumb: import("react").ForwardRefExoticComponent<JSX.EdsBreadcrumb & Omit<import("react").HTMLAttributes<HTMLEdsBreadcrumbElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsBreadcrumbElement>>;
+export declare const EdsButton: import("react").ForwardRefExoticComponent<JSX.EdsButton & Omit<import("react").HTMLAttributes<HTMLEdsButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsButtonElement>>;
+export declare const EdsCardDesc: import("react").ForwardRefExoticComponent<JSX.EdsCardDesc & Omit<import("react").HTMLAttributes<HTMLEdsCardDescElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsCardDescElement>>;
+export declare const EdsCardGeneric: import("react").ForwardRefExoticComponent<JSX.EdsCardGeneric & Omit<import("react").HTMLAttributes<HTMLEdsCardGenericElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsCardGenericElement>>;
+export declare const EdsCardSection: import("react").ForwardRefExoticComponent<JSX.EdsCardSection & Omit<import("react").HTMLAttributes<HTMLEdsCardSectionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsCardSectionElement>>;
+export declare const EdsCodeBlock: import("react").ForwardRefExoticComponent<JSX.EdsCodeBlock & Omit<import("react").HTMLAttributes<HTMLEdsCodeBlockElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsCodeBlockElement>>;
+export declare const EdsDropdown: import("react").ForwardRefExoticComponent<JSX.EdsDropdown & Omit<import("react").HTMLAttributes<HTMLEdsDropdownElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsDropdownElement>>;
+export declare const EdsFooter: import("react").ForwardRefExoticComponent<JSX.EdsFooter & Omit<import("react").HTMLAttributes<HTMLEdsFooterElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsFooterElement>>;
+export declare const EdsForm: import("react").ForwardRefExoticComponent<JSX.EdsForm & Omit<import("react").HTMLAttributes<HTMLEdsFormElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsFormElement>>;
+export declare const EdsFrame: import("react").ForwardRefExoticComponent<JSX.EdsFrame & Omit<import("react").HTMLAttributes<HTMLEdsFrameElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsFrameElement>>;
+export declare const EdsFullscreenMenu: import("react").ForwardRefExoticComponent<JSX.EdsFullscreenMenu & Omit<import("react").HTMLAttributes<HTMLEdsFullscreenMenuElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsFullscreenMenuElement>>;
+export declare const EdsHeader: import("react").ForwardRefExoticComponent<JSX.EdsHeader & Omit<import("react").HTMLAttributes<HTMLEdsHeaderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsHeaderElement>>;
+export declare const EdsIconWrapper: import("react").ForwardRefExoticComponent<JSX.EdsIconWrapper & Omit<import("react").HTMLAttributes<HTMLEdsIconWrapperElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsIconWrapperElement>>;
+export declare const EdsImg: import("react").ForwardRefExoticComponent<JSX.EdsImg & Omit<import("react").HTMLAttributes<HTMLEdsImgElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsImgElement>>;
+export declare const EdsInputField: import("react").ForwardRefExoticComponent<JSX.EdsInputField & Omit<import("react").HTMLAttributes<HTMLEdsInputFieldElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsInputFieldElement>>;
+export declare const EdsLink: import("react").ForwardRefExoticComponent<JSX.EdsLink & Omit<import("react").HTMLAttributes<HTMLEdsLinkElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsLinkElement>>;
+export declare const EdsLogin: import("react").ForwardRefExoticComponent<JSX.EdsLogin & Omit<import("react").HTMLAttributes<HTMLEdsLoginElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsLoginElement>>;
+export declare const EdsLogo: import("react").ForwardRefExoticComponent<JSX.EdsLogo & Omit<import("react").HTMLAttributes<HTMLEdsLogoElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsLogoElement>>;
+export declare const EdsMatomoNotice: import("react").ForwardRefExoticComponent<JSX.EdsMatomoNotice & Omit<import("react").HTMLAttributes<HTMLEdsMatomoNoticeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsMatomoNoticeElement>>;
+export declare const EdsModal: import("react").ForwardRefExoticComponent<JSX.EdsModal & Omit<import("react").HTMLAttributes<HTMLEdsModalElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsModalElement>>;
+export declare const EdsPagination: import("react").ForwardRefExoticComponent<JSX.EdsPagination & Omit<import("react").HTMLAttributes<HTMLEdsPaginationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsPaginationElement>>;
+export declare const EdsProgressBar: import("react").ForwardRefExoticComponent<JSX.EdsProgressBar & Omit<import("react").HTMLAttributes<HTMLEdsProgressBarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsProgressBarElement>>;
+export declare const EdsRating: import("react").ForwardRefExoticComponent<JSX.EdsRating & Omit<import("react").HTMLAttributes<HTMLEdsRatingElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsRatingElement>>;
+export declare const EdsSectionCore: import("react").ForwardRefExoticComponent<JSX.EdsSectionCore & Omit<import("react").HTMLAttributes<HTMLEdsSectionCoreElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsSectionCoreElement>>;
+export declare const EdsSectionHeading: import("react").ForwardRefExoticComponent<JSX.EdsSectionHeading & Omit<import("react").HTMLAttributes<HTMLEdsSectionHeadingElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsSectionHeadingElement>>;
+export declare const EdsSocialNetworks: import("react").ForwardRefExoticComponent<JSX.EdsSocialNetworks & Omit<import("react").HTMLAttributes<HTMLEdsSocialNetworksElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsSocialNetworksElement>>;
+export declare const EdsTable: import("react").ForwardRefExoticComponent<JSX.EdsTable & Omit<import("react").HTMLAttributes<HTMLEdsTableElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsTableElement>>;
+export declare const EdsTabs: import("react").ForwardRefExoticComponent<JSX.EdsTabs & Omit<import("react").HTMLAttributes<HTMLEdsTabsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsTabsElement>>;
+export declare const EdsTag: import("react").ForwardRefExoticComponent<JSX.EdsTag & Omit<import("react").HTMLAttributes<HTMLEdsTagElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsTagElement>>;
+export declare const EdsToast: import("react").ForwardRefExoticComponent<JSX.EdsToast & Omit<import("react").HTMLAttributes<HTMLEdsToastElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsToastElement>>;
+export declare const EdsToastManager: import("react").ForwardRefExoticComponent<JSX.EdsToastManager & Omit<import("react").HTMLAttributes<HTMLEdsToastManagerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsToastManagerElement>>;
+export declare const EdsTooltip: import("react").ForwardRefExoticComponent<JSX.EdsTooltip & Omit<import("react").HTMLAttributes<HTMLEdsTooltipElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsTooltipElement>>;
+export declare const EdsUser: import("react").ForwardRefExoticComponent<JSX.EdsUser & Omit<import("react").HTMLAttributes<HTMLEdsUserElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsUserElement>>;

package/src/generated/react-component-lib/attachProps.d.ts

@@ -0,0 +1,16 @@
+export declare const attachProps: (node: HTMLElement, newProps: any, oldProps?: any) => void;
+export declare const getClassName: (classList: DOMTokenList, newProps: any, oldProps: any) => string;
+/**
+ * Transforms a React event name to a browser event name.
+ */
+export declare const transformReactEventName: (eventNameSuffix: string) => string;
+/**
+ * Checks if an event is supported in the current execution environment.
+ * @license Modernizr 3.0.0pre (Custom Build) | MIT
+ */
+export declare const isCoveredByReact: (eventNameSuffix: string) => boolean;
+export declare const syncEvent: (node: Element & {
+    __events?: {
+        [key: string]: ((e: Event) => any) | undefined;
+    };
+}, eventName: string, newEventHandler?: (e: Event) => any) => void;

package/src/generated/react-component-lib/case.d.ts

@@ -0,0 +1,2 @@
+export declare const dashToPascalCase: (str: string) => string;
+export declare const camelToDashCase: (str: string) => string;

package/src/generated/react-component-lib/createComponent.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface HTMLStencilElement extends HTMLElement {
+    componentOnReady(): Promise<this>;
+}
+interface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<ElementType> {
+    forwardedRef: React.RefObject<ElementType>;
+    ref?: React.Ref<any>;
+}
+export declare const createReactComponent: <PropType, ElementType extends HTMLStencilElement, ContextStateType = {}, ExpandedPropsTypes = {}>(tagName: string, ReactComponentContext?: React.Context<ContextStateType>, manipulatePropsFunction?: (originalProps: StencilReactInternalProps<ElementType>, propsToPass: any) => ExpandedPropsTypes, defineCustomElement?: () => void) => React.ForwardRefExoticComponent<React.PropsWithoutRef<import("./utils").StencilReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;
+export {};

package/src/generated/react-component-lib/createOverlayComponent.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { OverlayEventDetail } from './interfaces';
+import { StencilReactForwardedRef } from './utils';
+interface OverlayElement extends HTMLElement {
+    present: () => Promise<void>;
+    dismiss: (data?: any, role?: string | undefined) => Promise<boolean>;
+}
+export interface ReactOverlayProps {
+    children?: React.ReactNode;
+    isOpen: boolean;
+    onDidDismiss?: (event: CustomEvent<OverlayEventDetail>) => void;
+    onDidPresent?: (event: CustomEvent<OverlayEventDetail>) => void;
+    onWillDismiss?: (event: CustomEvent<OverlayEventDetail>) => void;
+    onWillPresent?: (event: CustomEvent<OverlayEventDetail>) => void;
+}
+export declare const createOverlayComponent: <OverlayComponent extends object, OverlayType extends OverlayElement>(tagName: string, controller: {
+    create: (options: any) => Promise<OverlayType>;
+}, customElement?: any) => React.ForwardRefExoticComponent<React.PropsWithoutRef<OverlayComponent & ReactOverlayProps & {
+    forwardedRef?: StencilReactForwardedRef<OverlayType>;
+}> & React.RefAttributes<OverlayType>>;
+export {};

package/src/generated/react-component-lib/dev.d.ts

@@ -0,0 +1,2 @@
+export declare const isDevMode: () => boolean;
+export declare const deprecationWarning: (key: string, message: string) => void;

package/src/generated/react-component-lib/index.d.ts

@@ -0,0 +1,2 @@
+export { createReactComponent } from './createComponent';
+export { createOverlayComponent } from './createOverlayComponent';

package/src/generated/react-component-lib/interfaces.d.ts

@@ -0,0 +1,29 @@
+export interface EventEmitter<T = any> {
+    emit: (data?: T) => CustomEvent<T>;
+}
+export interface StyleReactProps {
+    class?: string;
+    className?: string;
+    style?: {
+        [key: string]: any;
+    };
+}
+export interface OverlayEventDetail<T = any> {
+    data?: T;
+    role?: string;
+}
+export interface OverlayInterface {
+    el: HTMLElement;
+    animated: boolean;
+    keyboardClose: boolean;
+    overlayIndex: number;
+    presented: boolean;
+    enterAnimation?: any;
+    leaveAnimation?: any;
+    didPresent: EventEmitter<void>;
+    willPresent: EventEmitter<void>;
+    willDismiss: EventEmitter<OverlayEventDetail>;
+    didDismiss: EventEmitter<OverlayEventDetail>;
+    present(): Promise<void>;
+    dismiss(data?: any, role?: string): Promise<boolean>;
+}

package/src/generated/react-component-lib/utils/attachProps.d.ts

@@ -0,0 +1,16 @@
+export declare const attachProps: (node: HTMLElement, newProps: any, oldProps?: any) => void;
+export declare const getClassName: (classList: DOMTokenList, newProps: any, oldProps: any) => string;
+/**
+ * Transforms a React event name to a browser event name.
+ */
+export declare const transformReactEventName: (eventNameSuffix: string) => string;
+/**
+ * Checks if an event is supported in the current execution environment.
+ * @license Modernizr 3.0.0pre (Custom Build) | MIT
+ */
+export declare const isCoveredByReact: (eventNameSuffix: string) => boolean;
+export declare const syncEvent: (node: Element & {
+    __events?: {
+        [key: string]: ((e: Event) => any) | undefined;
+    };
+}, eventName: string, newEventHandler?: (e: Event) => any) => void;

package/src/generated/react-component-lib/utils/case.d.ts

@@ -0,0 +1,2 @@
+export declare const dashToPascalCase: (str: string) => string;
+export declare const camelToDashCase: (str: string) => string;

package/src/generated/react-component-lib/utils/dev.d.ts

@@ -0,0 +1,2 @@
+export declare const isDevMode: () => boolean;
+export declare const deprecationWarning: (key: string, message: string) => void;

package/src/generated/react-component-lib/utils/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { StyleReactProps } from '../interfaces';
+export type StencilReactExternalProps<PropType, ElementType> = PropType & Omit<React.HTMLAttributes<ElementType>, 'style'> & StyleReactProps;
+export type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;
+export declare const setRef: (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => void;
+export declare const mergeRefs: (...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]) => React.RefCallback<any>;
+export declare const createForwardRef: <PropType, ElementType>(ReactComponent: any, displayName: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<StencilReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;
+export declare const defineCustomElement: (tagName: string, customElement: any) => void;
+export * from './attachProps';
+export * from './case';

package/src/index.d.ts

@@ -0,0 +1 @@
+export * from './generated/components';