@agility/plenum-ui 1.3.33 → 1.3.35

package/lib/tailwind.css

@@ -1546,6 +1546,10 @@ select {
   padding-left: 2.5rem;
 }
 
+.pr-3 {
+  padding-right: 0.75rem;
+}
+
 .pl-7 {
   padding-left: 1.75rem;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@agility/plenum-ui",
-	"version": "1.3.33",
+	"version": "1.3.35",
 	"description": "Components that are part of the Agility CMS design system.",
 	"main": "lib/index.js",
 	"module": "lib/index.esm.js",

package/setupTests.js

@@ -1,6 +1,6 @@
 // eslint-disable-next-line
-const Enzyme = require('enzyme');
+const Enzyme = require("enzyme")
 // eslint-disable-next-line
-const Adapter = require('@wojtekmaj/enzyme-adapter-react-17');
+const Adapter = require("@wojtekmaj/enzyme-adapter-react-17")
 
-Enzyme.configure({ adapter: new Adapter() });
+Enzyme.configure({ adapter: new Adapter() })

package/tsconfig.json

@@ -4,7 +4,7 @@
         "outDir": "lib",
         "lib": ["dom", "dom.iterable", "esnext", "es6"],
         "declaration": true,
-        "declarationDir": "libxxx",
+        "declarationDir": "lib",
         "allowJs": true,
         "skipLibCheck": true,
         "esModuleInterop": true,
@@ -19,5 +19,5 @@
         "jsx": "react"
     },
     "include": ["src"],
-    "exclude": ["node_modules", "libxxx"]
+    "exclude": ["node_modules", "lib"]
 }

package/libxxx/common/brandCfg.d.ts

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

package/libxxx/common/index.d.ts

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

package/libxxx/common/storyCfg.d.ts

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

package/libxxx/components/Avatar/Avatar.d.ts

@@ -1,27 +0,0 @@
-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>;

package/libxxx/components/Avatar/Avatar.stories.d.ts

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

package/libxxx/components/Avatar/Avatar.test.d.ts

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

package/libxxx/components/Avatar/index.d.ts

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

package/libxxx/components/Button/Button.d.ts

@@ -1,45 +0,0 @@
-import React from "react";
-import { IconName } from "../../util/DynamicIcons";
-export interface ButtonProps {
-    /**
-     * Is this the principal call to action on the page?
-     */
-    type?: "primary" | "secondary" | "alternative" | "danger";
-    /**
-     * 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;
-    /**
-     * If button should be disabled
-     */
-    isDisabled?: boolean;
-    /**
-     * Shows loading indicator
-     */
-    isLoading?: boolean;
-    /**
-     * If button should be of type submit
-     */
-    isSubmit?: boolean;
-    isWidthFull?: boolean;
-    /**
-     * Add on classes
-     */
-    className?: string;
-    iconObj?: React.ReactNode;
-    title?: string;
-}
-declare const _Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export { _Button as Button };

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

@@ -1,10 +0,0 @@
-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>;
-export declare const Danger: Story<ButtonProps>;
-export declare const Loading: Story<ButtonProps>;

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

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

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

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

package/libxxx/components/ButtonDropdown/ButtonDropdown.d.ts

@@ -1,11 +0,0 @@
-import { FC } from "react";
-import { ButtonProps } from "../Button/Button";
-import { DropdownProps } from "../Dropdown";
-export interface ButtonDropDownProps {
-    button: ButtonProps;
-    dropDown: DropdownProps;
-}
-/**
- * Primary UI component for user interaction
- */
-export declare const ButtonDropDown: FC<ButtonDropDownProps>;

package/libxxx/components/ButtonDropdown/ButtonDropdown.stories.d.ts

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

package/libxxx/components/ButtonDropdown/index.d.ts

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

package/libxxx/components/Combobox/Combobox.d.ts

@@ -1,34 +0,0 @@
-/// <reference types="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>) => JSX.Element;

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

@@ -1,14 +0,0 @@
-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;
-interface ComboItem {
-    [value: string]: string;
-}
-export declare const AllVariations: Story<ComboboxProps<ComboItem>>;
-export declare const Default: Story<ComboboxProps<ComboItem>>;
-export declare const Label: Story<ComboboxProps<ComboItem>>;
-export declare const Disabled: Story<ComboboxProps<ComboItem>>;
-export declare const Required: Story<ComboboxProps<ComboItem>>;
-export declare const Error: Story<ComboboxProps<ComboItem>>;

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

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

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

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

package/libxxx/components/Dropdown/Dropdown.d.ts

@@ -1,25 +0,0 @@
-import React, { FC, JSXElementConstructor } from "react";
-import { IconName } from "../../util/DynamicIcons";
-export declare type ItemProp = {
-    icon?: IconName;
-    iconObj?: React.ReactNode;
-    label: string;
-    url?: string;
-    onClick?(): void;
-    isEmphasized?: boolean;
-};
-export interface DropdownProps {
-    /** Prop comment */
-    items: ItemProp[][];
-    IconElement: JSXElementConstructor<unknown>;
-    label?: string;
-    className?: string;
-    menuClassName?: string;
-    itemsClassName?: string;
-    itemClassName?: string;
-    activeItemClassName?: string;
-    yPosition?: "top" | "bottom";
-    xPosition?: "left" | "right";
-}
-/** Comment */
-export declare const Dropdown: FC<DropdownProps>;

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

@@ -1,9 +0,0 @@
-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 AllVariations: Story<DropdownProps>;
-export declare const Default: Story<DropdownProps>;
-export declare const Icon: Story<DropdownProps>;
-export declare const Label: Story<DropdownProps>;

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

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

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

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

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

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

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

@@ -1,34 +0,0 @@
-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;
-    /** Readonly state */
-    isReadonly?: boolean;
-    /** Set value */
-    value?: string;
-    /** Set default value */
-    defaultValue?: string;
-    /** Max length of input character  */
-    maxLength?: number;
-    /** Input style classes  */
-    className?: 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/libxxx/components/Forms/BaseField/BaseField.stories.d.ts

@@ -1,6 +0,0 @@
-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/libxxx/components/Forms/BaseField/BaseField.test.d.ts

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

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

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

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

@@ -1,23 +0,0 @@
-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;
-}
-/** Comment */
-export declare const Checkbox: FC<CheckboxProps>;

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

@@ -1,13 +0,0 @@
-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>;
-export declare const Events: Story<CheckboxProps>;

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

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

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

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

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

@@ -1,9 +0,0 @@
-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/libxxx/components/Forms/InputCounter/InputCounter.stories.d.ts

@@ -1,6 +0,0 @@
-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/libxxx/components/Forms/InputCounter/InputCounter.test.d.ts

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

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

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

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

@@ -1,14 +0,0 @@
-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/libxxx/components/Forms/InputLabel/InputLabel.stories.d.ts

@@ -1,6 +0,0 @@
-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/libxxx/components/Forms/InputLabel/InputLabel.test.d.ts

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

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

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

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

@@ -1,27 +0,0 @@
-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>;

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

@@ -1,12 +0,0 @@
-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/libxxx/components/Forms/Radio/Radio.test.d.ts

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

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

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

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

@@ -1,27 +0,0 @@
-import { FC } from "react";
-export declare 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>;

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

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

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

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

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

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

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

@@ -1,37 +0,0 @@
-import React from "react";
-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;
-    /** Readonly state */
-    isReadonly?: 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;
-    /** input value */
-    value?: string;
-    className?: string;
-}
-declare const _TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
-export { _TextInput as TextInput };

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

@@ -1,12 +0,0 @@
-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/libxxx/components/Forms/TextInput/index.d.ts

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

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

@@ -1,16 +0,0 @@
-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/libxxx/components/Forms/TextInputAddon/InputCta/InputCta.stories.d.ts

@@ -1,6 +0,0 @@
-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/libxxx/components/Forms/TextInputAddon/InputCta/InputCta.test.d.ts

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

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

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