@agility/plenum-ui 1.0.0

package/jest.config.js

@@ -0,0 +1,8 @@
+module.exports = {
+    transform: { '^.+\\.tsx?$': 'ts-jest' },
+    moduleNameMapper: { '\\.(css|less)$': '<rootDir>/styleMock.js' },
+    setupFilesAfterEnv: ['<rootDir>/setupTests.js'],
+    testEnvironment: 'jsdom',
+    collectCoverage: true,
+    coverageReporters: ['json', 'html']
+};

package/lib/common/brandCfg.d.ts

@@ -0,0 +1,3 @@
+export declare const BRAND_CONFIG: {
+    brandTitle: string;
+};

package/lib/common/index.d.ts

@@ -0,0 +1,3 @@
+import { BRAND_CONFIG } from './brandCfg';
+import { HIDE_CONTROL } from './storyCfg';
+export { BRAND_CONFIG, HIDE_CONTROL };

package/lib/common/storyCfg.d.ts

@@ -0,0 +1,5 @@
+export declare const HIDE_CONTROL: {
+    table: {
+        disable: boolean;
+    };
+};

package/lib/components/Button/Button.d.ts

@@ -0,0 +1,29 @@
+import React, { FC } from 'react';
+import { IconName } from '../../util/DynamicIcons';
+import '../../tailwind.css';
+export interface ButtonProps {
+    /**
+     * Is this the principal call to action on the page?
+     */
+    type?: 'primary' | 'secondary' | 'alternative';
+    /**
+     * How large should the button be?
+     */
+    size?: 'sm' | 'base' | 'lg';
+    /**
+     * Button contents
+     */
+    label: string;
+    /**
+     * An optional icon
+     */
+    icon?: IconName;
+    /**
+     * Optional click handler
+     */
+    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+}
+/**
+ * Primary UI component for user interaction
+ */
+export declare const Button: FC<ButtonProps>;

package/lib/components/Button/Button.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react/types-6-0';
+import { Story } from '@storybook/react';
+import { ButtonProps } from './Button';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Primary: Story<ButtonProps>;
+export declare const Secondary: Story<ButtonProps>;
+export declare const Alternative: Story<ButtonProps>;

package/lib/components/Button/Button.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/Button/index.d.ts

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

package/lib/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,19 @@
+import { FC } from 'react';
+export interface CheckboxProps {
+    /** Checkbox label */
+    label: string;
+    /** Checkbox 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;
+}
+/** Comment */
+export declare const Checkbox: FC<CheckboxProps>;

package/lib/components/Checkbox/Checkbox.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta } from '@storybook/react/types-6-0';
+import { Story } from '@storybook/react';
+import { CheckboxProps } from './Checkbox';
+declare const _default: Meta<import('@storybook/react').Args>;
+export default _default;
+export declare const AllVariations: Story<CheckboxProps>;
+export declare const Default: Story<CheckboxProps>;
+export declare const Description: Story<CheckboxProps>;
+export declare const Required: Story<CheckboxProps>;
+export declare const Checked: Story<CheckboxProps>;
+export declare const ErrorState: Story<CheckboxProps>;
+export declare const Disabled: Story<CheckboxProps>;

package/lib/components/Checkbox/Checkbox.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/Checkbox/index.d.ts

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

package/lib/components/Combobox/Combobox.d.ts

@@ -0,0 +1,24 @@
+import { FC } from 'react';
+export declare type ComboboxItemProps = {
+    value: string;
+};
+export interface ComboboxProps {
+    /** Label */
+    label?: string;
+    /** ID */
+    id: string;
+    /** Array of items to display */
+    items: ComboboxItemProps[];
+    /** Placeholder */
+    placeholder?: string;
+    /** Callback to trigger on change */
+    onChange?(value: string): void;
+    /** Select disabled state */
+    isDisabled?: boolean;
+    /** Select error state */
+    isError?: boolean;
+    /** Select required state */
+    isRequired?: boolean;
+}
+/** Comment */
+export declare const Combobox: FC<ComboboxProps>;

package/lib/components/Combobox/Combobox.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta } from '@storybook/react/types-6-0';
+import { Story } from '@storybook/react';
+import { ComboboxProps } from './Combobox';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const AllVariations: Story<ComboboxProps>;
+export declare const Default: Story<ComboboxProps>;
+export declare const Label: Story<ComboboxProps>;
+export declare const Disabled: Story<ComboboxProps>;
+export declare const Required: Story<ComboboxProps>;
+export declare const Error: Story<ComboboxProps>;

package/lib/components/Combobox/Combobox.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/Combobox/index.d.ts

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

package/lib/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+export interface DatePickerProps {
+    /** Prop comment */
+    prop: string;
+}
+/** Comment */
+export declare const DatePicker: FC<DatePickerProps>;

package/lib/components/DatePicker/DatePicker.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react/types-6-0';
+import { Story } from '@storybook/react';
+import { DatePickerProps } from './DatePicker';
+declare const _default: Meta<import('@storybook/react').Args>;
+export default _default;
+export declare const DatePickerComponent: Story<DatePickerProps>;

package/lib/components/DatePicker/DatePicker.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/DatePicker/index.d.ts

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

package/lib/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+import { IconName } from '../../util/DynamicIcons';
+export declare type ItemProp = {
+    icon?: IconName;
+    label: string;
+    url?: string;
+    onClick?(): void;
+    isEmphasized?: boolean;
+};
+export interface DropdownProps {
+    /** Prop comment */
+    items: ItemProp[][];
+}
+/** Comment */
+export declare const Dropdown: FC<DropdownProps>;

package/lib/components/Dropdown/Dropdown.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react/types-6-0';
+import { Story } from '@storybook/react';
+import { DropdownProps } from './Dropdown';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Default: Story<DropdownProps>;
+export declare const Icon: Story<DropdownProps>;

package/lib/components/Dropdown/Dropdown.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/Dropdown/data.d.ts

@@ -0,0 +1,3 @@
+import { ItemProp } from '.';
+export declare const dropdownDataBase: ItemProp[][];
+export declare const dropdownDataWithIcons: ItemProp[][];

package/lib/components/Dropdown/index.d.ts

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

package/lib/components/Forms/BaseField/BaseField.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+export declare type Type = 'text' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'url' | 'date' | 'datetime-local' | 'month' | 'time' | 'week' | 'currency';
+export interface BaseFieldProps {
+    /** Input type*/
+    type: Type;
+    /** Input ID */
+    id: string;
+    /** Input Name */
+    name: string;
+    /** placeholder for the input */
+    placeholder?: string;
+    /** Disabled state */
+    isDisabled?: boolean;
+    /** Set default value */
+    defaultValue?: string;
+    /** Max length of input character  */
+    maxLength?: number;
+    /** Input style classes  */
+    inputStyles?: string;
+    /** Callback on change */
+    onChange?(value: string): void;
+    /** Callback on onFocus */
+    onFocus?(): void;
+    /** Callback on onBlur */
+    onBlur?(): void;
+    /** Callback to get the value for the immediate parent component */
+    onValueChange?(value: string): void;
+}
+declare const _BaseField: React.ForwardRefExoticComponent<BaseFieldProps & React.RefAttributes<HTMLInputElement>>;
+export { _BaseField as BaseField };

package/lib/components/Forms/BaseField/BaseField.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react/types-6-0';
+import { Story } from '@storybook/react';
+import { BaseFieldProps } from './BaseField';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const BaseFieldComponent: Story<BaseFieldProps>;

package/lib/components/Forms/BaseField/BaseField.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/Forms/BaseField/index.d.ts

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

package/lib/components/Forms/Checkbox/Checkbox.d.ts

@@ -0,0 +1,19 @@
+import { FC } from 'react';
+export interface CheckboxProps {
+    /** Checkbox label */
+    label: string;
+    /** Checkbox 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;
+}
+/** Comment */
+export declare const Checkbox: FC<CheckboxProps>;

package/lib/components/Forms/Checkbox/Checkbox.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta } from '@storybook/react/types-6-0';
+import { Story } from '@storybook/react';
+import { CheckboxProps } from './Checkbox';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const AllVariations: Story<CheckboxProps>;
+export declare const Default: Story<CheckboxProps>;
+export declare const Description: Story<CheckboxProps>;
+export declare const Required: Story<CheckboxProps>;
+export declare const Checked: Story<CheckboxProps>;
+export declare const ErrorState: Story<CheckboxProps>;
+export declare const Disabled: Story<CheckboxProps>;

package/lib/components/Forms/Checkbox/Checkbox.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/Forms/Checkbox/index.d.ts

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

package/lib/components/Forms/InputCounter/InputCounter.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+export interface InputCounterProps {
+    /** Counter limit */
+    limit: number;
+    /** Counter current number */
+    current: number;
+}
+/** Primary UI component for user interaction */
+export declare const InputCounter: FC<InputCounterProps>;

package/lib/components/Forms/InputCounter/InputCounter.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react/types-6-0';
+import { Story } from '@storybook/react';
+import { InputCounterProps } from './InputCounter';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Counter: Story<InputCounterProps>;

package/lib/components/Forms/InputCounter/InputCounter.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/Forms/InputCounter/index.d.ts

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

package/lib/components/Forms/InputCta/InputCta.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { IconName } from '../../../util/DynamicIcons';
+export interface InputCtaProps {
+    /** Icon name */
+    icon?: IconName;
+    /** CTA label */
+    ctaLabel?: string;
+    /** Alignment */
+    align: 'left' | 'right';
+    /** Show the CTA without Background color and a border seperator */
+    isClear?: boolean;
+    /** Onclick callback */
+    onClickHandler?(): void;
+}
+/** Comment */
+export declare const InputCta: FC<InputCtaProps>;

package/lib/components/Forms/InputCta/InputCta.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react/types-6-0';
+import { Story } from '@storybook/react';
+import { InputCtaProps } from './InputCta';
+declare const _default: Meta<import('@storybook/react').Args>;
+export default _default;
+export declare const InputCtaComponent: Story<InputCtaProps>;

package/lib/components/Forms/InputCta/InputCta.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/Forms/InputCta/index.d.ts

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

package/lib/components/Forms/InputLabel/InputLabel.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+export interface InputLabelProps {
+    /** Prop comment */
+    isPlaceholder?: boolean;
+    id: string;
+    isRequired?: boolean;
+    isDisabled?: boolean;
+    isError?: boolean;
+    isActive?: boolean;
+    isFocused?: boolean;
+    label?: string;
+}
+/** Comment */
+export declare const InputLabel: FC<InputLabelProps>;

package/lib/components/Forms/InputLabel/InputLabel.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react/types-6-0';
+import { Story } from '@storybook/react';
+import { InputLabelProps } from './InputLabel';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const InputLabelComponent: Story<InputLabelProps>;

package/lib/components/Forms/InputLabel/InputLabel.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/Forms/InputLabel/index.d.ts

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

package/lib/components/Forms/Radio/Radio.d.ts

@@ -0,0 +1,21 @@
+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;
+}
+/** Comment */
+export declare const Radio: FC<RadioProps>;

package/lib/components/Forms/Radio/Radio.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta } from '@storybook/react/types-6-0';
+import { Story } from '@storybook/react';
+import { RadioProps } from './Radio';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const AllVariations: Story<RadioProps>;
+export declare const Default: Story<RadioProps>;
+export declare const Description: Story<RadioProps>;
+export declare const Required: Story<RadioProps>;
+export declare const Checked: Story<RadioProps>;
+export declare const ErrorState: Story<RadioProps>;
+export declare const Disabled: Story<RadioProps>;

package/lib/components/Forms/Radio/Radio.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/Forms/Radio/index.d.ts

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

package/lib/components/Forms/Select/Select.d.ts

@@ -0,0 +1,25 @@
+import { FC } from 'react';
+export declare type SelectOptions = {
+    label: string;
+    value: string;
+};
+export interface SelectProps {
+    /** Label */
+    label?: string;
+    /** Select ID prop */
+    id: string;
+    /** Select name prop */
+    name: string;
+    /** List of options to display in the select menu */
+    options: SelectOptions[];
+    /** Select name prop */
+    onChange?(value: string): void;
+    /** Select disabled state */
+    isDisabled?: boolean;
+    /** Select error state */
+    isError?: boolean;
+    /** Select required state */
+    isRequired?: boolean;
+}
+/** Comment */
+export declare const Select: FC<SelectProps>;

package/lib/components/Forms/Select/Select.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta } from '@storybook/react/types-6-0';
+import { Story } from '@storybook/react';
+import { SelectProps } from './Select';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const AllVariations: Story<SelectProps>;
+export declare const Base: Story<SelectProps>;
+export declare const Label: Story<SelectProps>;
+export declare const Disabled: Story<SelectProps>;
+export declare const Required: Story<SelectProps>;
+export declare const Error: Story<SelectProps>;

package/lib/components/Forms/Select/Select.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/Forms/Select/index.d.ts

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

package/lib/components/Forms/TextInput/TextInput.d.ts

@@ -0,0 +1,33 @@
+import { FC } from 'react';
+import '../../../tailwind.css';
+declare type Type = 'text' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'url' | 'date' | 'datetime-local' | 'month' | 'time' | 'week' | 'currency';
+export interface TextInputProps {
+    /** Input type*/
+    type: Type;
+    /** Input ID */
+    id: string;
+    /** Input Name */
+    name: string;
+    /** Label for the input */
+    label: string;
+    /** Force the focus state on the input */
+    isFocused?: boolean;
+    /** Error state */
+    isError?: boolean;
+    /** If field is required */
+    isRequired?: boolean;
+    /** Disabled state */
+    isDisabled?: boolean;
+    /** Set default value */
+    defaultValue?: 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;
+}
+export declare const TextInput: FC<TextInputProps>;
+export {};

package/lib/components/Forms/TextInput/TextInput.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta } from '@storybook/react/types-6-0';
+import { Story } from '@storybook/react';
+import { TextInputProps } from './TextInput';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const AllVariations: Story<TextInputProps>;
+export declare const Default: Story<TextInputProps>;
+export declare const Message: Story<TextInputProps>;
+export declare const Counter: Story<TextInputProps>;
+export declare const Required: Story<TextInputProps>;
+export declare const Error: Story<TextInputProps>;
+export declare const Disabled: Story<TextInputProps>;

package/lib/components/Forms/TextInput/index.d.ts

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

package/lib/components/Forms/TextInputAddon/InputCta/InputCta.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { IconName } from '../../../../util/DynamicIcons';
+export interface InputCtaProps {
+    /** Icon name */
+    icon?: IconName;
+    /** CTA label */
+    ctaLabel?: string;
+    /** Alignment */
+    align: 'left' | 'right';
+    /** Show the CTA without Background color and a border seperator */
+    isClear?: boolean;
+    /** Onclick callback */
+    onClickHandler?(): void;
+}
+/** Comment */
+export declare const InputCta: FC<InputCtaProps>;

package/lib/components/Forms/TextInputAddon/InputCta/InputCta.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react/types-6-0';
+import { Story } from '@storybook/react';
+import { InputCtaProps } from './InputCta';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const InputCtaComponent: Story<InputCtaProps>;

package/lib/components/Forms/TextInputAddon/InputCta/InputCta.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/Forms/TextInputAddon/InputCta/index.d.ts

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

package/lib/components/Forms/TextInputAddon/TextInputAddon.d.ts

@@ -0,0 +1,49 @@
+import { FC } from 'react';
+import { IconName } from '../../../util/DynamicIcons';
+import '../../../tailwind.css';
+export declare type Type = 'text' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'url' | 'date' | 'datetime-local' | 'month' | 'time' | 'week' | 'currency';
+export interface TextInputAddonProps {
+    /** Input type*/
+    type: Type;
+    /** Input ID */
+    id: string;
+    /** Input Name */
+    name: string;
+    /** Label for the input */
+    label?: string;
+    /** placeholder for the input */
+    placeholder?: string;
+    /** Force the focus state on the input */
+    isFocused?: boolean;
+    /** Error state */
+    isError?: boolean;
+    /** If field is required */
+    isRequired?: boolean;
+    /** Disabled state */
+    isDisabled?: boolean;
+    /** Set default value */
+    defaultValue?: string;
+    /** Message shown under the text field */
+    message?: string;
+    /** Input character counter */
+    isShowCounter?: boolean;
+    /** Max length of input character  */
+    maxLength?: number;
+    /** Leading icon displayed within the input  */
+    leadIcon?: IconName;
+    /** Trailing icon displayed within the input  */
+    trailIcon?: IconName;
+    /** Icon within the input field  */
+    inlineIcon?: IconName;
+    /** Trailing label for the input CTA */
+    trailLabel?: string;
+    /** Leading label for input CTA  */
+    leadLabel?: string;
+    /** Remove bg and border from CTA  */
+    clearCta?: 'left' | 'right' | 'both' | 'none';
+    /** Callback on change */
+    onChange?(value: string): void;
+    /** Callback on Cta click */
+    onCtaClick?(): void;
+}
+export declare const TextInputAddon: FC<TextInputAddonProps>;

package/lib/components/Forms/TextInputAddon/TextInputAddon.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta } from '@storybook/react/types-6-0';
+import { Story } from '@storybook/react';
+import { TextInputAddonProps } from './TextInputAddon';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const AllVariations: Story<TextInputAddonProps>;
+export declare const Default: Story<TextInputAddonProps>;
+export declare const LeadIcon: Story<TextInputAddonProps>;
+export declare const TrailAction: Story<TextInputAddonProps>;
+export declare const TrailAndLeadIcons: Story<TextInputAddonProps>;
+export declare const TrailIcon: Story<TextInputAddonProps>;
+export declare const LeadLabel: Story<TextInputAddonProps>;

package/lib/components/Forms/TextInputAddon/index.d.ts

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