@bluealba/pae-ui-react-core 3.0.2-feature-rename-ba-libraries-scope-1169

package/dist/src/MicrofrontendProps.d.ts

@@ -0,0 +1,9 @@
+import { AuthUser, ModuleMetadata } from '@bluealba/pae-core';
+import { AppProps } from 'single-spa';
+
+export interface RootComponentProps extends AppProps {
+    module: ModuleMetadata;
+    catalog: ModuleMetadata[];
+    navigateTo: (url: string) => void;
+    authUser: AuthUser;
+}

package/dist/src/components/ApplicationIcon.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+
+export interface ApplicationIconProps {
+    applicationName: string;
+}
+declare const ApplicationIcon: FC<ApplicationIconProps>;
+export default ApplicationIcon;

package/dist/src/components/Authorized.d.ts

@@ -0,0 +1,12 @@
+import { default as React, FC } from 'react';
+
+export type ForbiddenComponentProps = {
+    operations: string[];
+};
+export type AuthorizedProps = {
+    operations: string[];
+    children: React.ReactNode;
+    forbiddenContent?: React.ReactNode | FC<ForbiddenComponentProps> | ((props: ForbiddenComponentProps) => React.ReactNode);
+};
+declare const Authorized: FC<AuthorizedProps>;
+export default Authorized;

package/dist/src/components/ExtendExtensionPoint.d.ts

@@ -0,0 +1,20 @@
+import { PropsWithChildren } from 'react';
+
+type ExtendExtensionPointProps = PropsWithChildren & {
+    module: string;
+    point: string;
+};
+export declare const EMPTY_VALUE = "__PAE_EXTENSION_POINT_REACT_CONTENT_EMPTY__";
+/**
+ * A Component-based API to extend a module's extension point with react content/component.
+ * An alternative approach is to use `useExtendExtensionPoint()` hook.
+ *
+ * The content that will be used for extending the extension point is the children content of this component.
+ * For example
+ *
+ *    <ExtendExtensionPoint module="@bluealba/pae-shell-ui" point="ApplicationSelector">
+ *      Hello <strong>World!</strong>
+ *    </ExtendExtensionPoint>
+ */
+export declare const ExtendExtensionPoint: React.FC<ExtendExtensionPointProps>;
+export default ExtendExtensionPoint;

package/dist/src/components/ExtensionPoint.d.ts

@@ -0,0 +1,39 @@
+import { default as React, PropsWithChildren } from 'react';
+
+type ExtensionPointProps = PropsWithChildren & {
+    name: string;
+};
+/**
+ * Renders an Extension-point in the DOM tree.
+ * It resolves any extension that might have been set by other modules and renders that.
+ * If there is no active extension then it renders the children.
+ * If there is no children then it renders nothing.
+ *
+ * This allows to have "points" in your DOM that can be extended.
+ *
+ * For example:
+ *
+ *    return (
+ *      <div>
+ *        Hello <ExtensionPoint name="greeting">World</ExtensionPoint>
+ *      </div>
+ *    )
+ *
+ *  Then other modules might change "World" by any element.
+ *
+ *  TODO: we have a limitation with this impl. Extensions components/code are actually embedded here
+ *    within pae-shell, so they loose any react Context they might have in the extending-mf (instead they inherit
+ *    any shell context, which is not what we would like).
+ *    So this won't work in MF that is extending
+ *
+ *  const myContextValue = useContext(MyContextFromExtendingMF)
+ *  return (
+ *    <div>
+ *      Hello <ExtensionPoint name="greeting">{myContextValue}</ExtensionPoint>
+ *    </div>
+ *  )
+ *  We would need to find a way to support this eventually. React Portals solve this but with extra burden (divs)
+ *  and a different control-flow API.
+ */
+export declare const ExtensionPoint: ({ name, children, ...props }: ExtensionPointProps) => React.ReactElement | null;
+export default ExtensionPoint;

package/dist/src/components/ModulePlaceHolder/BaseContainer.d.ts

@@ -0,0 +1,4 @@
+export interface BaseContainerProps {
+}
+declare const BaseContainer: import('react').ForwardRefExoticComponent<BaseContainerProps & import('react').RefAttributes<HTMLDivElement>>;
+export default BaseContainer;

package/dist/src/components/ModulePlaceHolder/BaseError.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+
+export interface BaseErrorProps {
+    appName: string;
+}
+declare const BaseError: FC<BaseErrorProps>;
+export default BaseError;

package/dist/src/components/ModulePlaceHolder/BaseLoading.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+
+export interface BaseLoadingProps {
+    appName: string;
+}
+declare const BaseLoading: FC<BaseLoadingProps>;
+export default BaseLoading;

package/dist/src/components/ModulePlaceHolder/ModulePlaceHolder.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+
+export interface ModulePlaceHolderProps extends React.HTMLProps<HTMLDivElement> {
+    appName: string;
+    LoadingComponent?: React.FC<{
+        appName: string;
+    }>;
+    ErrorComponent?: React.FC<{
+        appName: string;
+    }>;
+    ContainerComponent?: React.FC<React.HTMLProps<HTMLDivElement>>;
+}
+/**
+ * With this component a PAE micro-frontend module can include another module by its name.
+ * This allows to layout and embed micro-frontends within another micro-frontend.
+ * You can customize react components for the licecycle of the embedded module, for example
+ *  - LoadingComponent: that will be shown in case the module takes a while to load source and mount
+ *  - ErrorComponent: in case the module fails to load.
+ *  - ContainerComponent: to provide your own wrapper component for the div placeholder.
+ */
+export declare const ModulePlaceHolder: React.ForwardRefExoticComponent<Omit<ModulePlaceHolderProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default ModulePlaceHolder;

package/dist/src/components/ModulePlaceHolder/index.d.ts

@@ -0,0 +1,2 @@
+export { ModulePlaceHolder } from './ModulePlaceHolder';
+export * from './ModulePlaceHolder';

package/dist/src/components/PAEModule.d.ts

@@ -0,0 +1,18 @@
+import { default as React, PropsWithChildren } from 'react';
+import { ModuleMetadata } from '@bluealba/pae-core';
+
+type Props = PropsWithChildren<{
+    module: ModuleMetadata;
+}>;
+export declare const ModuleContext: React.Context<ModuleMetadata | null>;
+/**
+ * Root component for all PAE microfrontents.
+ * All "rootComponent"'s from MF's get automatically wrapped with this component.
+ * This allows us to inject React context elements later used by react utilities.
+ * So we avoid having to pass module metadata to every hook for example
+ */
+declare const PAEModule: {
+    ({ module, children }: Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default PAEModule;

package/dist/src/components/PlatformEventListener.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+
+type PlatformEventListenerProps = {
+    eventName: string;
+    listener: (e: Event) => void;
+};
+/**
+ * A Component-based API to subscribe to a Platform event
+ * An alternative approach is to use `usePlatformEventListener()` hook.
+ */
+export declare const PlatformEventListener: FC<PlatformEventListenerProps>;
+export default PlatformEventListener;

package/dist/src/components/common/Alert/Alert.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+export interface TitleProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+export interface DescriptionProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant?: "default" | "destructive";
+}
+interface Component extends React.FC<AlertProps> {
+    Title: typeof Title;
+    Description: typeof Description;
+}
+declare const Title: React.ForwardRefExoticComponent<TitleProps & React.RefAttributes<HTMLDivElement>>;
+declare const Description: React.ForwardRefExoticComponent<DescriptionProps & React.RefAttributes<HTMLDivElement>>;
+declare const _default: Component;
+export default _default;

package/dist/src/components/common/Alert/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Alert';
+export * from './Alert';

package/dist/src/components/common/Badge/Badge.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes } from 'react';
+
+export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    color?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
+    customColor?: string;
+    size?: 'small' | 'regular' | 'large';
+}
+export declare const Badge: import('react').ForwardRefExoticComponent<BadgeProps & import('react').RefAttributes<HTMLSpanElement>>;
+export default Badge;

package/dist/src/components/common/Badge/Badge.stories.d.ts

@@ -0,0 +1,20 @@
+import { Badge } from './Badge';
+declare namespace _default {
+    export let title: string;
+    export { Badge as component };
+    export namespace parameters {
+        let layout: string;
+    }
+    export let tags: string[];
+    export namespace args {
+        let onClick: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        let children: string;
+    }
+}
+export default _default;
+export namespace Primary {
+    export namespace args_1 {
+        let color: string;
+    }
+    export { args_1 as args };
+}

package/dist/src/components/common/Badge/Badges.d.ts

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from 'react';
+
+export interface BadgesProps extends HTMLAttributes<HTMLDivElement> {
+}
+export declare const Badges: import('react').ForwardRefExoticComponent<BadgesProps & import('react').RefAttributes<HTMLDivElement>>;
+export default Badges;

package/dist/src/components/common/Button/Button.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: 'text' | 'contained' | 'outlined';
+    colorScheme?: 'primary' | 'danger';
+    loading?: boolean;
+    IconComponent?: FC<React.SVGProps<SVGSVGElement>>;
+}
+export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+export default Button;

package/dist/src/components/common/Button/Button.stories.d.ts

@@ -0,0 +1,45 @@
+import { Button } from './Button';
+declare namespace _default {
+    export let title: string;
+    export { Button as component };
+    export namespace parameters {
+        let layout: string;
+    }
+    export let tags: string[];
+    export namespace args {
+        let onClick: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        let children: string;
+    }
+    export namespace argTypes {
+        namespace IconComponent {
+            let control: boolean;
+        }
+    }
+}
+export default _default;
+export namespace Primary {
+    export namespace args_1 {
+        let colorScheme: string;
+    }
+    export { args_1 as args };
+}
+export namespace Danger {
+    export namespace args_2 {
+        let colorScheme_1: string;
+        export { colorScheme_1 as colorScheme };
+    }
+    export { args_2 as args };
+}
+export namespace WithIcon {
+    export namespace args_3 {
+        export let label: string;
+        let colorScheme_2: string;
+        export { colorScheme_2 as colorScheme };
+        export { Plus as IconComponent };
+    }
+    export { args_3 as args };
+}
+declare function Plus({ className, ...props }: {
+    [x: string]: any;
+    className: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/common/ConfirmDialog/ConfirmDialog.d.ts

@@ -0,0 +1,11 @@
+import { FC, ReactNode } from 'react';
+import { DialogProps } from '../Dialog';
+
+export interface ConfirmDialogProps extends Omit<DialogProps, 'children'> {
+    loading?: boolean;
+    title: string;
+    children: string | ReactNode;
+    onConfirm: () => void;
+}
+declare const ConfirmDialog: FC<ConfirmDialogProps>;
+export default ConfirmDialog;

package/dist/src/components/common/ConfirmDialog/ConfirmDialog.stories.d.ts

@@ -0,0 +1,14 @@
+import { default as ConfirmDialog } from './ConfirmDialog';
+declare namespace _default {
+    export let title: string;
+    export { ConfirmDialog as component };
+    export namespace parameters {
+        let layout: string;
+    }
+    export let tags: string[];
+}
+export default _default;
+export namespace Default {
+    export { DialogExample as render };
+}
+declare function DialogExample(): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/common/CopyToClipboardButton/CopyToClipboardButton.d.ts

@@ -0,0 +1,7 @@
+export type CopyToClipboardButtonProps = {
+    content: string;
+};
+/**
+ *
+ */
+export declare const CopyToClipboardButton: ({ content }: CopyToClipboardButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/common/CopyToClipboardButton/CopyToClipboardButton.stories.d.ts

@@ -0,0 +1,15 @@
+import { CopyToClipboardButton } from './CopyToClipboardButton';
+declare namespace _default {
+    export let title: string;
+    export { CopyToClipboardButton as component };
+    export namespace parameters {
+        let layout: string;
+    }
+    export let tags: string[];
+}
+export default _default;
+export namespace Default {
+    namespace args {
+        let content: string;
+    }
+}

package/dist/src/components/common/Dialog/Dialog.d.ts

@@ -0,0 +1,26 @@
+import { default as React, FC } from 'react';
+import { default as Header } from './subComponents/Header';
+import { default as Content } from './subComponents/Content';
+import { default as Footer } from './subComponents/Footer';
+import { default as Title } from './subComponents/Title';
+import { default as Close } from './subComponents/Close';
+import { default as Actions } from './subComponents/Actions';
+import { default as Description } from './subComponents/Description';
+
+export interface DialogProps {
+    children: React.ReactNode;
+    onClose?: () => void;
+    open?: boolean;
+    className?: string;
+}
+interface Component extends FC<DialogProps> {
+    Header: typeof Header;
+    Content: typeof Content;
+    Footer: typeof Footer;
+    Actions: typeof Actions;
+    Title: typeof Title;
+    Description: typeof Description;
+    Close: typeof Close;
+}
+declare const _default: Component;
+export default _default;

package/dist/src/components/common/Dialog/Dialog.stories.d.ts

@@ -0,0 +1,14 @@
+import { default as Dialog } from './Dialog';
+declare namespace _default {
+    export let title: string;
+    export { Dialog as component };
+    export namespace parameters {
+        let layout: string;
+    }
+    export let tags: string[];
+}
+export default _default;
+export namespace Default {
+    export { DialogExample as render };
+}
+declare function DialogExample(): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/common/Dialog/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Dialog';
+export * from './Dialog';

package/dist/src/components/common/Dialog/subComponents/Actions.d.ts

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from 'react';
+
+export interface ActionsProps extends HTMLAttributes<HTMLDivElement> {
+}
+declare const Actions: import('react').ForwardRefExoticComponent<ActionsProps & import('react').RefAttributes<HTMLDivElement>>;
+export default Actions;

package/dist/src/components/common/Dialog/subComponents/Close.d.ts

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from 'react';
+
+export interface CloseProps extends HTMLAttributes<HTMLButtonElement> {
+}
+declare const Close: import('react').ForwardRefExoticComponent<CloseProps & import('react').RefAttributes<HTMLButtonElement>>;
+export default Close;

package/dist/src/components/common/Dialog/subComponents/Content.d.ts

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from 'react';
+
+export interface ContentProps extends HTMLAttributes<HTMLDivElement> {
+}
+declare const Content: import('react').ForwardRefExoticComponent<ContentProps & import('react').RefAttributes<HTMLDivElement>>;
+export default Content;

package/dist/src/components/common/Dialog/subComponents/Description.d.ts

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from 'react';
+
+export interface DescriptionProps extends HTMLAttributes<HTMLDivElement> {
+}
+declare const Description: import('react').ForwardRefExoticComponent<DescriptionProps & import('react').RefAttributes<HTMLDivElement>>;
+export default Description;

package/dist/src/components/common/Dialog/subComponents/Footer.d.ts

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from 'react';
+
+export interface FooterProps extends HTMLAttributes<HTMLDivElement> {
+}
+declare const Footer: import('react').ForwardRefExoticComponent<FooterProps & import('react').RefAttributes<HTMLDivElement>>;
+export default Footer;

package/dist/src/components/common/Dialog/subComponents/Header.d.ts

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from 'react';
+
+export interface HeaderProps extends HTMLAttributes<HTMLDivElement> {
+}
+declare const Header: import('react').ForwardRefExoticComponent<HeaderProps & import('react').RefAttributes<HTMLDivElement>>;
+export default Header;

package/dist/src/components/common/Dialog/subComponents/Title.d.ts

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from 'react';
+
+export interface TitleProps extends HTMLAttributes<HTMLHeadingElement> {
+}
+declare const Title: import('react').ForwardRefExoticComponent<TitleProps & import('react').RefAttributes<HTMLHeadingElement>>;
+export default Title;

package/dist/src/components/common/DropdownList/DropdownList.d.ts

@@ -0,0 +1,8 @@
+import { HTMLAttributes } from 'react';
+
+export interface DropdownListProps extends HTMLAttributes<HTMLDivElement> {
+    open: boolean;
+    align?: 'left' | 'right';
+}
+export declare const DropdownList: import('react').ForwardRefExoticComponent<DropdownListProps & import('react').RefAttributes<HTMLDivElement>>;
+export default DropdownList;

package/dist/src/components/common/DropdownList/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './DropdownList';
+export * from './DropdownList';
+export { default as styles } from './DropdownList.module.css';

package/dist/src/components/common/EmptyState/EmptyState.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+
+export interface EmptyStateProps {
+    message?: string;
+}
+export declare const EmptyState: FC<EmptyStateProps>;
+export default EmptyState;

package/dist/src/components/common/EmptyState/EmptyState.stories.d.ts

@@ -0,0 +1,16 @@
+import { default as EmptyState } from './EmptyState';
+declare namespace _default {
+    export let title: string;
+    export { EmptyState as component };
+    export namespace parameters {
+        let layout: string;
+    }
+    export let tags: string[];
+}
+export default _default;
+export const Default: {};
+export namespace CustomMessage {
+    namespace args {
+        let message: string;
+    }
+}

package/dist/src/components/common/EmptyState/EmptyStateIcon.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+
+export type EmptyStateIconProps = {
+    size?: number;
+};
+declare const EmptyStateIcon: FC<EmptyStateIconProps>;
+export default EmptyStateIcon;

package/dist/src/components/common/ErrorState/ErrorState.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+
+export interface ErrorStateProps {
+}
+/**
+ *
+ */
+declare const ErrorState: FC<ErrorStateProps>;
+export default ErrorState;

package/dist/src/components/common/ErrorState/ErrorState.stories.d.ts

@@ -0,0 +1,11 @@
+import { default as ErrorState } from './ErrorState';
+declare namespace _default {
+    export let title: string;
+    export { ErrorState as component };
+    export namespace parameters {
+        let layout: string;
+    }
+    export let tags: string[];
+}
+export default _default;
+export const Default: {};

package/dist/src/components/common/ErrorState/WarningIcon.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+
+export interface WarningIconProps {
+}
+declare const WarningIcon: FC<WarningIconProps>;
+export default WarningIcon;

package/dist/src/components/common/ErrorState/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './ErrorState';
+export * from './ErrorState';

package/dist/src/components/common/FieldGroup/FieldGroup.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from 'react';
+
+export interface FieldGroupProps extends HTMLAttributes<HTMLDivElement> {
+    orientation?: 'horizontal' | 'vertical';
+}
+export declare const FieldGroup: import('react').ForwardRefExoticComponent<FieldGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+export default FieldGroup;

package/dist/src/components/common/Icon/ArrowDown.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+
+declare const ArrowDown: {
+    ({ className, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default ArrowDown;

package/dist/src/components/common/Icon/ChevronLeft.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+
+declare const ChevronLeft: {
+    ({ className, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default ChevronLeft;

package/dist/src/components/common/Icon/ChevronRight.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+
+declare const ChevronRight: {
+    ({ className, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default ChevronRight;

package/dist/src/components/common/Icon/ClipboardCheckIcon.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+
+export interface ClipboardCheckIconProps {
+    size?: number | string;
+    color?: string;
+    strokeWidth?: number;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/**
+ *
+ */
+export declare const ClipboardCheckIcon: React.FC<ClipboardCheckIconProps>;

package/dist/src/components/common/Icon/ClipboardIcon.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+
+export interface ClipboardIconProps {
+    size?: number | string;
+    color?: string;
+    strokeWidth?: number;
+    className?: string;
+    style?: React.CSSProperties;
+    onClick: () => void;
+}
+/**
+ *
+ */
+export declare const ClipboardIcon: React.FC<ClipboardIconProps>;

package/dist/src/components/common/Icon/EyeIcon.d.ts

@@ -0,0 +1,13 @@
+import { MouseEventHandler } from 'react';
+
+type EyeState = 'open' | 'closed';
+export type EyeIconProps = {
+    className?: string;
+    state?: EyeState;
+    onClick?: MouseEventHandler<SVGSVGElement>;
+};
+/**
+ *
+ */
+declare const EyeIcon: ({ className, state, onClick }: EyeIconProps) => import("react/jsx-runtime").JSX.Element;
+export default EyeIcon;

package/dist/src/components/common/Icon/HorizontalDots.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+
+declare const HorizontalDots: {
+    ({ className, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default HorizontalDots;

package/dist/src/components/common/Input/Input.d.ts

@@ -0,0 +1,7 @@
+import { DetailedHTMLProps, InputHTMLAttributes } from 'react';
+
+export interface InputProps extends DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
+    error?: boolean;
+}
+export declare const Input: import('react').ForwardRefExoticComponent<Omit<InputProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
+export default Input;