@agility/plenum-ui 1.3.50 → 2.0.0-rc10

package/{lib/components/Forms/Checkbox → dist/types/stories/molecules/inputs/checkbox}/Checkbox.d.ts

@@ -1,27 +1,28 @@
-import { FC } from 'react';
-export interface CheckboxProps {
-    /** Checkbox label */
-    label: string;
-    /** Checkbox ID */
-    id?: string;
-    /** Disabled state */
-    isDisabled?: boolean;
-    /** value */
-    value?: string;
-    /** Check state */
-    isChecked?: boolean;
-    /** If field is required */
-    isRequired?: boolean;
-    /** Error state */
-    isError?: boolean;
-    /** Message or description */
-    message?: string;
-    /** Callback on input change */
-    onChange?(value: string, isChecked: boolean): void;
-    /** Has a border around the checkbox and label */
-    hasBorder?: boolean;
-    /** any arbitrary classNames to add to the wrapper */
-    className?: string;
-}
-/** Comment */
-export declare const Checkbox: FC<CheckboxProps>;
+import { FC } from "react";
+export interface ICheckboxProps {
+    /** Checkbox label */
+    label: string;
+    /** Checkbox ID */
+    id?: string;
+    /** Disabled state */
+    isDisabled?: boolean;
+    /** value */
+    value?: string;
+    /** Check state */
+    isChecked?: boolean;
+    /** If field is required */
+    isRequired?: boolean;
+    /** Error state */
+    isError?: boolean;
+    /** Message or description */
+    message?: string;
+    /** Callback on input change */
+    onChange?(value: string, isChecked: boolean): void;
+    /** Has a border around the checkbox and label */
+    hasBorder?: boolean;
+    /** any arbitrary classNames to add to the wrapper */
+    className?: string;
+}
+/** Comment */
+declare const Checkbox: FC<ICheckboxProps>;
+export default Checkbox;

package/dist/types/stories/molecules/inputs/checkbox/Checkbox.stories.d.ts

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

package/dist/types/stories/molecules/inputs/checkbox/index.d.ts

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

package/{lib/components/Combobox/Combobox.d.ts → dist/types/stories/molecules/inputs/combobox/ComboBox.d.ts}

@@ -1,34 +1,34 @@
-import React from "react";
-export interface ComboboxProps<T extends Record<string, unknown>> {
-    /** Label */
-    label?: string;
-    /** ID */
-    id: string;
-    /** Array of items to display */
-    items: T[];
-    /** the item property to use as the key */
-    keyProperty: string;
-    /** the item property to use as the display */
-    displayProperty: string;
-    /** Placeholder */
-    placeholder?: string;
-    /** Callback to trigger on change */
-    onChange?(value: T | undefined): void;
-    /** Select disabled state */
-    isDisabled?: boolean;
-    /** Select error state */
-    isError?: boolean;
-    /** Select required state */
-    isRequired?: boolean;
-    /** Message shown under field */
-    message?: string;
-    displayValue?: string;
-    /**
-     * Whether this item is nullable or not.
-     *
-     * @type {boolean}
-     * @memberof ComboboxProps
-     */
-    nullable?: boolean;
-}
-export declare const Combobox: <T extends Record<string, unknown>>({ label, items, displayProperty, displayValue, keyProperty, onChange, placeholder, message, isDisabled, isError, isRequired, id, nullable }: ComboboxProps<T>) => React.JSX.Element;
+export interface IComboboxProps<T extends Record<string, unknown>> {
+    /** Label */
+    label?: string;
+    /** ID */
+    id: string;
+    /** Array of items to display */
+    items: T[];
+    /** the item property to use as the key */
+    keyProperty: string;
+    /** the item property to use as the display */
+    displayProperty: string;
+    /** Placeholder */
+    placeholder?: string;
+    /** Callback to trigger on change */
+    onChange?(value: T | undefined): void;
+    /** Select disabled state */
+    isDisabled?: boolean;
+    /** Select error state */
+    isError?: boolean;
+    /** Select required state */
+    isRequired?: boolean;
+    /** Message shown under field */
+    message?: string;
+    displayValue?: string;
+    /**
+     * Whether this item is nullable or not.
+     *
+     * @type {boolean}
+     * @memberof ComboboxProps
+     */
+    nullable?: boolean;
+}
+declare const Combobox: <T extends Record<string, unknown>>({ label, items, displayProperty, displayValue, keyProperty, onChange, placeholder, message, isDisabled, isError, isRequired, id, nullable }: IComboboxProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default Combobox;

package/dist/types/stories/molecules/inputs/combobox/ComboBox.stories.d.ts

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

package/dist/types/stories/molecules/inputs/combobox/index.d.ts

@@ -0,0 +1,3 @@
+import Combobox, { IComboboxProps } from "./ComboBox";
+export type { IComboboxProps };
+export default Combobox;

package/dist/types/stories/molecules/inputs/index.d.ts

@@ -0,0 +1,12 @@
+import Checkbox, { ICheckboxProps } from "./checkbox";
+import Combobox, { IComboboxProps } from "./combobox";
+import InputField, { AcceptedInputTypes, IInputFieldProps } from "./InputField";
+import InputLabel, { IInputLabelProps } from "./InputLabel";
+import NestedInputButton, { INestedInputButtonProps } from "./NestedInputButton";
+import Radio, { IRadioProps } from "./radio";
+import Select, { ISelectProps, ISimpleSelectOptions } from "./select";
+import Textarea, { ITextareaProps } from "./textArea";
+import TextInput, { ITextInputProps } from "./TextInput";
+import ToggleSwitch, { IToggleSwitchProps } from "./toggleSwitch";
+export type { ICheckboxProps, IComboboxProps, IInputFieldProps, IInputLabelProps, INestedInputButtonProps, IRadioProps, ISelectProps, ISimpleSelectOptions, ITextareaProps, ITextInputProps, IToggleSwitchProps, AcceptedInputTypes };
+export { Checkbox, Combobox, InputField, InputLabel, NestedInputButton, Radio, Select, Textarea, ToggleSwitch, TextInput };

package/{lib/components/Forms/Radio → dist/types/stories/molecules/inputs/radio}/Radio.d.ts

@@ -1,27 +1,27 @@
-import { FC } from 'react';
-export interface RadioProps {
-    /** group name */
-    name?: string;
-    /** Radio label */
-    label: string;
-    /** Radio ID */
-    id?: string;
-    /** Disabled state */
-    isDisabled?: boolean;
-    /** Check state */
-    isChecked?: boolean;
-    /** If field is required */
-    isRequired?: boolean;
-    /** Error state */
-    isError?: boolean;
-    /** Message or description */
-    message?: string;
-    /** value */
-    value?: string;
-    /** Callback on input change */
-    onChange?(value: string, isChecked: boolean): void;
-    /** Callback on click */
-    onClick?(value: string, isChecked: boolean): void;
-}
-/** Comment */
-export declare const Radio: FC<RadioProps>;
+import React from "react";
+export interface IRadioProps {
+    /** group name */
+    name?: string;
+    /** Radio label */
+    label: string;
+    /** Radio ID */
+    id?: string;
+    /** Disabled state */
+    isDisabled?: boolean;
+    /** Check state */
+    isChecked?: boolean;
+    /** If field is required */
+    isRequired?: boolean;
+    /** Error state */
+    isError?: boolean;
+    /** Message or description */
+    message?: string;
+    /** value */
+    value?: string;
+    /** Callback on input change */
+    onChange?(value: string, isChecked: boolean): void;
+    /** Callback on click */
+    onClick?(value: string, isChecked: boolean): void;
+}
+declare const Radio: React.FC<IRadioProps>;
+export default Radio;

package/dist/types/stories/molecules/inputs/radio/Radio.stories.d.ts

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

package/dist/types/stories/molecules/inputs/radio/index.d.ts

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

package/{lib/components/Forms/Select → dist/types/stories/molecules/inputs/select}/Select.d.ts

@@ -1,27 +1,27 @@
-import { FC } from "react";
-export type SimpleSelectOptions = {
-    label: string;
-    value: string;
-};
-export interface SimpleSelectProps {
-    /** Label */
-    label?: string;
-    /** Select ID prop */
-    id?: string;
-    /** Select name prop */
-    name?: string;
-    /** List of options to display in the select menu */
-    options: SimpleSelectOptions[];
-    /** Select name prop */
-    onChange?(value: string): void;
-    /** Select disabled state */
-    isDisabled?: boolean;
-    /** Select error state */
-    isError?: boolean;
-    /** Select required state */
-    isRequired?: boolean;
-    value?: string;
-    className?: string;
-}
-/** Comment */
-export declare const Select: FC<SimpleSelectProps>;
+import React from "react";
+export interface ISimpleSelectOptions {
+    label: string;
+    value: string;
+}
+export interface ISelectProps {
+    /** Label */
+    label?: string;
+    /** Select ID prop */
+    id?: string;
+    /** Select name prop */
+    name?: string;
+    /** List of options to display in the select menu */
+    options: ISimpleSelectOptions[];
+    /** Select name prop */
+    onChange?(value: string): void;
+    /** Select disabled state */
+    isDisabled?: boolean;
+    /** Select error state */
+    isError?: boolean;
+    /** Select required state */
+    isRequired?: boolean;
+    value?: string;
+    className?: string;
+}
+declare const Select: React.FC<ISelectProps>;
+export default Select;

package/dist/types/stories/molecules/inputs/select/Select.stories.d.ts

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

package/dist/types/stories/molecules/inputs/select/index.d.ts

@@ -0,0 +1,3 @@
+import Select, { ISelectProps, ISimpleSelectOptions } from "./Select";
+export type { ISelectProps, ISimpleSelectOptions };
+export default Select;

package/{lib/components/Forms/Textarea/Textarea.d.ts → dist/types/stories/molecules/inputs/textArea/TextArea.d.ts}

@@ -1,32 +1,35 @@
-import React from "react";
-export interface TextareaProps {
-    /** Input ID */
-    id?: string;
-    /** Input Name */
-    name?: string;
-    /** Label for the input */
-    label?: string;
-    /** Error state */
-    isError?: boolean;
-    /** If field is required */
-    isRequired?: boolean;
-    /** Disabled state */
-    isDisabled?: boolean;
-    /** Set default value */
-    defaultValue?: string;
-    value?: string;
-    /** Message shown under the text field */
-    message?: string;
-    /** Input character counter */
-    isShowCounter?: boolean;
-    /** Max length of input character  */
-    maxLength?: number;
-    /** Callback on change */
-    onChange?(value: string): void;
-    /** Number of rows */
-    rows?: number;
-    placeholder?: string;
-    className?: string;
-}
-declare const _Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
-export { _Textarea as Textarea };
+import React from "react";
+export interface ITextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange"> {
+    /** Input ID */
+    id?: string;
+    /** Input Name */
+    name?: string;
+    /** Label for the input */
+    label?: string;
+    /** Error state */
+    isError?: boolean;
+    /** If field is required */
+    isRequired?: boolean;
+    /** Disabled state */
+    isDisabled?: boolean;
+    /** Set default value */
+    defaultValue?: string;
+    value?: string;
+    /** Message shown under the text field */
+    message?: string;
+    /** Input character counter */
+    isShowCounter?: boolean;
+    /** Max length of input character  */
+    maxLength?: number;
+    /** Callback on change */
+    onChange?(value: string): void;
+    /** Number of rows */
+    rows?: number;
+    /** Number of cols */
+    cols?: number;
+    placeholder?: string;
+    className?: string;
+    ref?: React.LegacyRef<HTMLTextAreaElement>;
+}
+declare const Textarea: React.FC<ITextareaProps>;
+export default Textarea;

package/dist/types/stories/molecules/inputs/textArea/TextArea.stories.d.ts

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

package/dist/types/stories/molecules/inputs/textArea/index.d.ts

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

package/dist/types/stories/molecules/inputs/toggleSwitch/ToggleSwitch.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { IDynamicIconProps } from "@/stories/atoms";
+export interface IToggleSwitchProps {
+    isChecked: boolean;
+    onChange: (isChecked: boolean) => void;
+    label?: {
+        text: string | JSX.Element;
+        className?: string;
+        xPosition?: "left" | "right";
+    };
+    screenReaderLabel: string;
+    name: string;
+    id: string;
+    variant: "base" | "short";
+    withIcon?: IDynamicIconProps;
+}
+declare const ToggleSwitch: React.FC<IToggleSwitchProps>;
+export default ToggleSwitch;

package/dist/types/stories/molecules/inputs/toggleSwitch/index.d.ts

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

package/dist/types/stories/organisms/AnimatedLabelInput/AnimatedLabelInput.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { IInputFieldProps } from "@/stories/molecules/inputs/InputField";
+import { ITextareaProps } from "@/stories/molecules/inputs/textArea/TextArea";
+interface ILabelProps extends React.ComponentPropsWithoutRef<"label"> {
+    display: string;
+}
+export interface IAnimatedLabelInputProps {
+    id: string;
+    containerStyles?: string;
+    message?: string;
+    input?: IInputFieldProps;
+    textarea?: ITextareaProps;
+    required?: boolean;
+    isError?: boolean;
+    label: ILabelProps;
+}
+declare const AnimatedLabelInput: React.FC<IAnimatedLabelInputProps>;
+export default AnimatedLabelInput;

package/dist/types/stories/organisms/AnimatedLabelInput/index.d.ts

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

package/dist/types/stories/organisms/ButtonDropdown/ButtonDropdown.d.ts

@@ -0,0 +1,14 @@
+import { FC } from "react";
+import { IButtonProps } from "@/stories/atoms/buttons/Button";
+import { IDropdownProps } from "../DropdownComponent";
+export interface IButtonDropdownProps {
+    button: IButtonProps;
+    dropDown: IDropdownProps;
+    placement?: IDropdownProps["placement"];
+    offsetOptions?: IDropdownProps["offsetOptions"];
+}
+/**
+ * Primary UI component for user interaction
+ */
+declare const ButtonDropdown: FC<IButtonDropdownProps>;
+export default ButtonDropdown;

package/dist/types/stories/organisms/ButtonDropdown/index.d.ts

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

package/{lib/components/Dropdown/Dropdown.d.ts → dist/types/stories/organisms/DropdownComponent/DropdownComponent.d.ts}

@@ -1,39 +1,36 @@
-import React, { HTMLAttributes } from "react";
-import { Placement } from "@floating-ui/react";
-import { IDynamicIconsProps } from "../DynamicIcons/DynamicIcons";
-import { ClassNameWithAutocomplete } from "../../util/types";
-export interface ItemProp extends HTMLAttributes<HTMLButtonElement> {
-    icon?: {
-        name: IDynamicIconsProps["icon"];
-        className?: ClassNameWithAutocomplete;
-        pos?: "trailing" | "leading";
-        outline?: boolean;
-    };
-    label: string;
-    onClick?(): void;
-    isEmphasized?: boolean;
-    key: React.Key;
-}
-export interface IDropdownClassnames {
-    groupClassname?: ClassNameWithAutocomplete;
-    itemsClassname?: ClassNameWithAutocomplete;
-    itemClassname?: ClassNameWithAutocomplete;
-    activeItemClassname?: ClassNameWithAutocomplete;
-    buttonClassname?: ClassNameWithAutocomplete;
-}
-export interface IDropdownProps extends HTMLAttributes<HTMLDivElement> {
-    items: ItemProp[][];
-    label: string;
-    CustomDropdownTrigger?: React.ReactNode;
-    id: string;
-    classNames?: IDropdownClassnames;
-    placement?: Placement;
-    offsetOptions?: Partial<{
-        mainAxis: number;
-        crossAxis: number;
-        alignmentAxis: number | null;
-    }>;
-}
-export declare const defaultClassNames: IDropdownClassnames;
-/** Comment */
-export declare const Dropdown: React.FC<IDropdownProps>;
+import React, { HTMLAttributes } from "react";
+import { Placement } from "@floating-ui/react";
+import { ClassNameWithAutocomplete } from "utils/types";
+import { IDynamicIconProps, UnifiedIconName } from "@/stories/atoms/icons";
+export interface IItemProp extends HTMLAttributes<HTMLButtonElement> {
+    icon?: IDynamicIconProps | UnifiedIconName;
+    iconPosition?: "trailing" | "leading";
+    label: string;
+    onClick?(): void;
+    isEmphasized?: boolean;
+    key: React.Key;
+}
+export interface IDropdownClassnames {
+    groupClassname?: ClassNameWithAutocomplete;
+    itemsClassname?: ClassNameWithAutocomplete;
+    itemClassname?: ClassNameWithAutocomplete;
+    activeItemClassname?: ClassNameWithAutocomplete;
+    buttonClassname?: ClassNameWithAutocomplete;
+}
+export interface IDropdownProps extends HTMLAttributes<HTMLDivElement> {
+    items: IItemProp[][];
+    label: string;
+    CustomDropdownTrigger?: React.ReactNode;
+    id: string;
+    classNames?: IDropdownClassnames;
+    placement?: Placement;
+    offsetOptions?: Partial<{
+        mainAxis: number;
+        crossAxis: number;
+        alignmentAxis: number | null;
+    }>;
+}
+export declare const defaultClassNames: IDropdownClassnames;
+/** Comment */
+declare const Dropdown: React.FC<IDropdownProps>;
+export default Dropdown;

package/dist/types/stories/organisms/DropdownComponent/dropdownItems.d.ts

@@ -0,0 +1,3 @@
+import { IItemProp } from "./DropdownComponent";
+export declare const dropdownDataBase: IItemProp[][];
+export declare const dropdownDataWithIcons: IItemProp[][];

package/dist/types/stories/organisms/DropdownComponent/index.d.ts

@@ -0,0 +1,4 @@
+import Dropdown, { IItemProp, IDropdownClassnames, IDropdownProps, defaultClassNames } from "./DropdownComponent";
+export type { IItemProp, IDropdownClassnames, IDropdownProps };
+export { defaultClassNames };
+export default Dropdown;

package/dist/types/stories/organisms/EmptySectionPlaceholder/EmptySectionPlaceholder.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import { IButtonProps } from "@/stories/atoms/buttons/Button";
+import { IDynamicIconProps } from "@/stories/atoms/icons";
+export interface IEmptySectionPlaceholderProps {
+    /** the primary icon to display at top of component */
+    icon: IDynamicIconProps;
+    /** the muted text to display below the icon */
+    mutedText?: string;
+    /** the primary message to display below the muted text */
+    primaryMessage: string;
+    /** the call to action component that if provided will be used instead of primaryMessage */
+    CallToActionComponent?: React.ReactNode;
+    /** the actions to display below the primary call to action or message */
+    actions: IButtonProps[];
+    /** whether to display the component in a wide or narrow format */
+    isWide?: boolean;
+}
+declare const EmptySectionPlaceholder: React.FC<IEmptySectionPlaceholderProps>;
+export default EmptySectionPlaceholder;

package/dist/types/stories/organisms/EmptySectionPlaceholder/index.d.ts

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

package/dist/types/stories/organisms/FormInputWithAddons/FormInputWithAddons.d.ts

@@ -0,0 +1,21 @@
+import { IDynamicIconProps } from "@/stories/atoms/icons";
+import React from "react";
+import { IInputFieldProps, AcceptedInputTypes } from "@/stories/molecules/inputs/InputField";
+export interface IFormInputWithAddonsProps extends Omit<IInputFieldProps, "type"> {
+    leadIcon?: IDynamicIconProps;
+    leadLabel?: string;
+    trailIcon?: IDynamicIconProps;
+    trailLabel?: string;
+    iconOutlined?: boolean;
+    /** @param addonOffset An extra buffer zone in pixels between the trailing/leading icon or label and search input -- Default is 24 */
+    addonOffset?: number;
+    topLabel?: string;
+    labelClass?: string;
+    containerClassName?: string;
+    description?: string;
+    leadIconClassNames?: string;
+    customIconClass?: string;
+    type: AcceptedInputTypes;
+}
+declare const FormInputWithAddons: React.FC<IFormInputWithAddonsProps>;
+export default FormInputWithAddons;

package/dist/types/stories/organisms/FormInputWithAddons/index.d.ts

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

package/{lib/components/Forms/TextInputSelect/InputSelect → dist/types/stories/organisms/TextInputSelect}/InputSelect.d.ts

@@ -1,13 +1,16 @@
-import { FC } from "react";
-import { SelectOptions } from "..";
-export interface InputSelectProps {
-    align: "left" | "right";
-    /** Show the CTA without Background color and a border seperator */
-    inputOptions: SelectOptions[];
-    /** Onclick callback */
-    onSelectOption?(value: string): void;
-    className?: string;
-    isDisabled?: boolean;
-}
-/** Comment */
-export declare const InputSelect: FC<InputSelectProps>;
+import { FC } from "react";
+export type SelectOptions = {
+    label: string;
+    value: string;
+};
+export interface InputSelectProps {
+    align: "left" | "right";
+    /** Show the CTA without Background color and a border seperator */
+    inputOptions: SelectOptions[];
+    /** Onclick callback */
+    onSelectOption?(value: string): void;
+    className?: string;
+    isDisabled?: boolean;
+}
+/** Comment */
+export declare const InputSelect: FC<InputSelectProps>;