@agility/plenum-ui 1.3.48 → 2.0.0-rc1

package/{lib/components → dist/types/stories/atoms}/Avatar/Avatar.d.ts

@@ -1,27 +1,28 @@
-import { FC } from 'react';
-export interface AvatarProps {
-    /**
-     * source url for the avatar
-     */
-    src?: string;
-    /**
-     * Initials we use as fallback if no src is passed
-     */
-    initials?: string;
-    /**
-     * optional status
-     */
-    status?: 'offline' | 'online' | 'busy';
-    /**
-     * avatar picture size (also affects status indicator)
-     */
-    size?: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-    /**
-     * avatar img alt
-     */
-    alt?: string;
-}
-/**
- * Avatar component that shows profile image or name initials of the user
- */
-export declare const Avatar: FC<AvatarProps>;
+import { FC } from "react";
+export interface IAvatarProps {
+    /**
+     * source url for the avatar
+     */
+    src?: string;
+    /**
+     * Initials we use as fallback if no src is passed
+     */
+    initials?: string;
+    /**
+     * optional status
+     */
+    status?: "offline" | "online" | "busy";
+    /**
+     * avatar picture size (also affects status indicator)
+     */
+    size?: "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
+    /**
+     * avatar img alt
+     */
+    alt?: string;
+}
+/**
+ * Avatar component that shows profile image or name initials of the user
+ */
+declare const Avatar: FC<IAvatarProps>;
+export default Avatar;

package/dist/types/stories/atoms/Avatar/index.d.ts

@@ -0,0 +1,3 @@
+import Avatar, { IAvatarProps } from "./Avatar";
+export default Avatar;
+export type { IAvatarProps };

package/dist/types/stories/atoms/badges/Badge.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+export interface IBadgeProps {
+    /** The content scheme of the badge */
+    color: "primary" | "secondary" | "danger" | "warning" | "success" | "info" | "basic" | "pink";
+    /** Render with slightly rounded corners or as a pill shape */
+    variant: "rounded" | "pill";
+    /** The text content of the badge */
+    label: string;
+    /** The size of the badge */
+    size?: "sm" | "lg";
+    /** Render a loader inside the badge */
+    loading?: boolean;
+    /** Render with a small circle in a darker shade of the color chosen*/
+    statusDot?: boolean;
+    /** Render with a button to remove the badge */
+    removeButton?: React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
+    /** Render the badge as a clickable button */
+    actionButton?: React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
+}
+declare const Badge: React.FC<IBadgeProps>;
+export default Badge;

package/dist/types/stories/atoms/badges/index.d.ts

@@ -0,0 +1,3 @@
+import Badge, { IBadgeProps } from "./Badge";
+export default Badge;
+export type { IBadgeProps };

package/dist/types/stories/atoms/buttons/Button/Alternative/Alternative.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import Button from "../Button";
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Alternative: Story;
+export declare const AlternativeTrailingIcon: Story;
+export declare const AlternativeLeadingIcon: Story;
+export declare const AlternativeExtraSmall: Story;
+export declare const AlternativeSmall: Story;
+export declare const AlternativeMedium: Story;
+export declare const AlternativeLarge: Story;
+export declare const AlternativeExtraLarge: Story;

package/dist/types/stories/atoms/buttons/Button/Button.d.ts

@@ -0,0 +1,33 @@
+import { HTMLAttributeAnchorTarget } from "react";
+import { IDynamicIconProps } from "../../icons";
+export type BTNActionType = "primary" | "secondary" | "alternative" | "danger";
+export interface IButtonProps extends React.ComponentPropsWithoutRef<"button"> {
+    /** Is the button a Primary CTA, alternative or danger button? */
+    actionType: BTNActionType;
+    /** How lg should the button be? - Defaults to 'base'. */
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+    /** The Button's text content. */
+    label: string;
+    /** The Icon to be displayed inside the button. */
+    icon?: IDynamicIconProps;
+    /** Does the button width grow to fill it's container? */
+    fullWidth?: boolean;
+    /** Optionally render as anchor tag */
+    asLink?: {
+        href: string;
+        target: HTMLAttributeAnchorTarget;
+        title?: string;
+    };
+    /** The placement of the icon relative to the text content. */
+    iconPosition?: "trailing" | "leading";
+    /** Use an custom svg element */
+    CustomSVGIcon?: JSX.Element;
+    /** Is the associated content loading? */
+    isLoading?: boolean;
+    className?: string;
+}
+/**
+ * Primary UI component for user interaction
+ */
+declare const Button: ({ actionType, size, label, icon, CustomSVGIcon, fullWidth, iconPosition, asLink, isLoading, className, ...props }: IButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default Button;

package/dist/types/stories/atoms/buttons/Button/Danger/Danger.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import Button from "../Button";
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Danger: Story;
+export declare const DangerTrailingIcon: Story;
+export declare const DangerLeadingIcon: Story;
+export declare const DangerExtraSmall: Story;
+export declare const DangerSmall: Story;
+export declare const DangerMedium: Story;
+export declare const DangerLarge: Story;
+export declare const DangerExtraLarge: Story;

package/dist/types/stories/atoms/buttons/Button/Primary/Primary.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import Button from "../Button";
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Primary: Story;
+export declare const PrimaryLeadingIcon: Story;
+export declare const PrimaryTrailingIcon: Story;
+export declare const PrimaryExtraSmall: Story;
+export declare const PrimarySmall: Story;
+export declare const PrimaryMedium: Story;
+export declare const PrimaryLarge: Story;
+export declare const PrimaryExtraLarge: Story;

package/dist/types/stories/atoms/buttons/Button/Secondary/Secondary.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import Button from "../Button";
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Secondary: Story;
+export declare const SecondaryTrailingIcon: Story;
+export declare const SecondaryLeadingIcon: Story;
+export declare const SecondaryExtraSmall: Story;
+export declare const SecondarySmall: Story;
+export declare const SecondaryMedium: Story;
+export declare const SecondaryLarge: Story;
+export declare const SecondaryExtraLarge: Story;

package/dist/types/stories/atoms/buttons/Button/defaultArgs.d.ts

@@ -0,0 +1,3 @@
+import { IDynamicIconProps } from "../../icons";
+declare const defaultIcon: IDynamicIconProps;
+export { defaultIcon };

package/dist/types/stories/atoms/buttons/Button/index.d.ts

@@ -0,0 +1,3 @@
+import Button, { IButtonProps, BTNActionType } from "./Button";
+export type { IButtonProps, BTNActionType };
+export default Button;

package/dist/types/stories/atoms/buttons/Capsule/Alternative/Alternative.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import Capsule from "../Capsule";
+declare const meta: Meta<typeof Capsule>;
+export default meta;
+type Story = StoryObj<typeof Capsule>;
+export declare const Alternative: Story;

package/dist/types/stories/atoms/buttons/Capsule/Capsule.d.ts

@@ -0,0 +1,27 @@
+import { HTMLAttributeAnchorTarget } from "react";
+import { BTNActionType } from "../Button/Button";
+/**
+ * Capsule Style Button
+ */
+export interface ICapsuleProps extends React.ComponentPropsWithoutRef<"button"> {
+    /** Is the button a Primary CTA, alternative or danger button? */
+    actionType: BTNActionType;
+    /** How lg should the button be? - Defaults to 'base'. */
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+    /** The Button's text content. */
+    label: string;
+    /** Does the button width grow to fill it's container? */
+    fullWidth?: boolean;
+    /** Optionally render as anchor tag */
+    asLink?: {
+        href: string;
+        target: HTMLAttributeAnchorTarget;
+        title?: string;
+    };
+    /** Is the associated content loading? */
+    isLoading?: boolean;
+    /**Optional Classname String*/
+    className?: string;
+}
+declare const Capsule: ({ actionType, size, label, fullWidth, asLink, isLoading, className, ...props }: ICapsuleProps) => import("react/jsx-runtime").JSX.Element;
+export default Capsule;

package/dist/types/stories/atoms/buttons/Capsule/Danger/Danger.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import Capsule from "../Capsule";
+declare const meta: Meta<typeof Capsule>;
+export default meta;
+type Story = StoryObj<typeof Capsule>;
+export declare const Danger: Story;

package/dist/types/stories/atoms/buttons/Capsule/Primary/Primary.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import Capsule from "../Capsule";
+declare const meta: Meta<typeof Capsule>;
+export default meta;
+type Story = StoryObj<typeof Capsule>;
+export declare const Primary: Story;

package/dist/types/stories/atoms/buttons/Capsule/Secondary/Secondary.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import Capsule from "../Capsule";
+declare const meta: Meta<typeof Capsule>;
+export default meta;
+type Story = StoryObj<typeof Capsule>;
+export declare const Secondary: Story;

package/dist/types/stories/atoms/buttons/Capsule/index.d.ts

@@ -0,0 +1,3 @@
+import Capsule, { ICapsuleProps } from "./Capsule";
+export default Capsule;
+export type { ICapsuleProps };

package/dist/types/stories/atoms/buttons/index.d.ts

@@ -0,0 +1,4 @@
+import Button, { BTNActionType, IButtonProps } from "./Button";
+import Capsule, { ICapsuleProps } from "./Capsule";
+export type { IButtonProps, BTNActionType, ICapsuleProps };
+export { Button, Capsule };

package/{lib/components/DynamicIcons/DynamicIcons.d.ts → dist/types/stories/atoms/icons/DynamicIcon.d.ts}

@@ -1,17 +1,20 @@
-import React from "react";
-import * as SolidIcons from "@heroicons/react/solid";
-import * as OutlineIcons from "@heroicons/react/outline";
-import * as FA from "react-icons/fa";
-import { TablerIconName } from "./tablerIconNames";
-export type IconName = keyof typeof SolidIcons | keyof typeof OutlineIcons;
-export type FAIconName = keyof typeof FA;
-export type UnifiedIconName = IconName | TablerIconName | FAIconName;
-export declare function isHeroIcon(name: UnifiedIconName): name is keyof typeof SolidIcons | keyof typeof OutlineIcons;
-export declare function isTablerIcon(name: UnifiedIconName): name is TablerIconName;
-export declare function isFAIcon(name: UnifiedIconName): name is keyof typeof FA;
-export interface IDynamicIconsProps extends React.ComponentProps<"i"> {
-    icon: UnifiedIconName | undefined;
-    className?: string;
-    outline?: boolean;
-}
-export declare const DynamicIcons: ({ icon, className, outline, ...props }: IDynamicIconsProps) => JSX.Element;
+import React from "react";
+import * as SolidIcons from "@heroicons/react/solid";
+import * as OutlineIcons from "@heroicons/react/outline";
+import * as FA from "react-icons/fa";
+import { TablerIconName } from "./tablerIconNames";
+import { ClassNameWithAutocomplete } from "@/utils/types";
+export type IconName = keyof typeof SolidIcons | keyof typeof OutlineIcons;
+export type FAIconName = keyof typeof FA;
+export type UnifiedIconName = IconName | TablerIconName | FAIconName;
+export declare function isHeroIcon(name: UnifiedIconName): name is keyof typeof SolidIcons | keyof typeof OutlineIcons;
+export declare function isTablerIcon(name: UnifiedIconName): name is TablerIconName;
+export declare function isFAIcon(name: UnifiedIconName): name is keyof typeof FA;
+export declare function isUnifiedIconName(name: UnifiedIconName): name is UnifiedIconName;
+export interface IDynamicIconProps extends React.ComponentProps<"i"> {
+    icon: UnifiedIconName;
+    className?: ClassNameWithAutocomplete;
+    outline?: boolean;
+    CustomSVG?: React.ReactNode;
+}
+export declare const DynamicIcon: ({ icon, className, outline, CustomSVG, ...props }: IDynamicIconProps) => JSX.Element;

package/dist/types/stories/atoms/icons/DynamicIcon.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { DynamicIcon } from "./DynamicIcon";
+declare const meta: Meta<typeof DynamicIcon>;
+type Story = StoryObj<typeof DynamicIcon>;
+export declare const HeroIconSolid: Story;
+export declare const HeroIconOutline: Story;
+export declare const TablerIconSolid: Story;
+export declare const TablerIconOutline: Story;
+export declare const FAIcon: Story;
+export default meta;

package/dist/types/stories/atoms/icons/IconWithShadow.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { IDynamicIconProps } from "./DynamicIcon";
+export interface IIconWithShadowProps extends IDynamicIconProps {
+}
+declare const IconWithShadow: React.FC<IIconWithShadowProps>;
+export default IconWithShadow;

package/dist/types/stories/atoms/icons/IconWithShadow.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import IconWithShadow from "./IconWithShadow";
+declare const meta: Meta<typeof IconWithShadow>;
+type Story = StoryObj<typeof IconWithShadow>;
+export declare const HeroIconSolid: Story;
+export declare const HeroIconOutline: Story;
+export declare const TablerIconSolid: Story;
+export declare const TablerIconOutline: Story;
+export declare const FAIcon: Story;
+export default meta;

package/{lib/components/DynamicIcons → dist/types/stories/atoms/icons}/TablerIcon.d.ts

@@ -1,9 +1,9 @@
-import React from "react";
-import { TablerIconName } from "./tablerIconNames";
-import { ClassNameWithAutocomplete } from "../../util/types";
-export interface ITablerIconProps extends React.ComponentProps<"i"> {
-    icon: TablerIconName;
-    className?: ClassNameWithAutocomplete;
-}
-declare const TablerIcon: React.FC<ITablerIconProps>;
-export default TablerIcon;
+import React from "react";
+import { TablerIconName } from "./tablerIconNames";
+import { ClassNameWithAutocomplete } from "@/utils/types";
+export interface ITablerIconProps extends React.ComponentProps<"i"> {
+    icon: TablerIconName;
+    className?: ClassNameWithAutocomplete;
+}
+declare const TablerIcon: React.FC<ITablerIconProps>;
+export default TablerIcon;

package/dist/types/stories/atoms/icons/index.d.ts

@@ -0,0 +1,4 @@
+import { DynamicIcon, FAIconName, IDynamicIconProps, IconName, UnifiedIconName, isFAIcon, isHeroIcon, isTablerIcon, isUnifiedIconName } from "./DynamicIcon";
+import IconWithShadow, { IIconWithShadowProps } from "./IconWithShadow";
+export { DynamicIcon, isFAIcon, isHeroIcon, isTablerIcon, isUnifiedIconName, IconWithShadow };
+export type { FAIconName, IDynamicIconProps, IconName, UnifiedIconName, IIconWithShadowProps };