@agility/plenum-ui 1.0.0

package/lib/components/Forms/TextInputSelect/InputSelect/InputSelect.d.ts

@@ -0,0 +1,11 @@
+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;
+}
+/** Comment */
+export declare const InputSelect: FC<InputSelectProps>;

package/lib/components/Forms/TextInputSelect/InputSelect/InputSelect.stories.d.ts

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

package/lib/components/Forms/TextInputSelect/InputSelect/InputSelect.test.d.ts

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

package/lib/components/Forms/TextInputSelect/InputSelect/index.d.ts

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

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

@@ -0,0 +1,46 @@
+import { FC } from 'react';
+import '../../../tailwind.css';
+export declare type Type = 'text' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'url' | 'date' | 'datetime-local' | 'month' | 'time' | 'week' | 'currency';
+export declare type SelectOptions = {
+    label: string;
+    value: string;
+};
+export interface TextInputSelectProps {
+    /** 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;
+    /** Select input location  */
+    selectLocation?: 'left' | 'right';
+    /** Prefix  */
+    prefix?: string;
+    /** List of options to show on the select field  */
+    inputOptions?: SelectOptions[];
+    /** Callback on base input */
+    onChange?(value: string): void;
+    /** Callback on input select field */
+    onSelectOption?(value: string): void;
+}
+export declare const TextInputSelect: FC<TextInputSelectProps>;

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

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react/types-6-0';
+import { Story } from '@storybook/react';
+import { TextInputSelectProps } from './TextInputSelect';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const AllVariations: Story<TextInputSelectProps>;
+export declare const LeadSelect: Story<TextInputSelectProps>;
+export declare const TrailSelect: Story<TextInputSelectProps>;

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

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

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

@@ -0,0 +1,29 @@
+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;
+    /** 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;
+}
+declare const _Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export { _Textarea as Textarea };

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

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

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

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

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

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

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

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

package/lib/components/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/InputCounter/InputCounter.test.d.ts

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

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

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

package/lib/components/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/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/Radio/Radio.test.d.ts

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

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

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

package/lib/components/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/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/Select/Select.test.d.ts

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

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

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

package/lib/components/Switch/Switch.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+export interface SwitchProps {
+    /** onChange callback */
+    onChange(value: boolean): void;
+    /** default state */
+    defaultValue?: boolean;
+}
+/** Comment */
+export declare const Switch: FC<SwitchProps>;

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

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

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

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

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

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

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

@@ -0,0 +1,46 @@
+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 */
+    showCounter?: 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/TextInput/TextInput.stories.d.ts

@@ -0,0 +1,10 @@
+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 Default: 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/TextInput/index.d.ts

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

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

@@ -0,0 +1,51 @@
+import { FC } from 'react';
+import { IconName } from '../../util/DynamicIcons';
+import '../../tailwind.css';
+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 */
+    showCounter?: boolean;
+    /** Max length of input character  */
+    maxLength?: number;
+    /** Icon to use in the text field  */
+    primaryIcon?: IconName;
+    /** Callback on change */
+    onChange?(value: string): void;
+}
+export declare const TextInputAddon: FC<TextInputAddonProps>;
+export {};

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

@@ -0,0 +1,6 @@
+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 Default: Story<TextInputAddonProps>;

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

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

package/lib/components/TreeView/TreeItem/TreeItem.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { TreeItemChildrenProps } from '../types/tree.types';
+export interface TreeItemProps {
+    /** Selected or current state */
+    isCurrent?: boolean;
+    /** title of the tree item */
+    title?: string;
+    /** If tree item is expanded */
+    isExpanded?: boolean;
+    /** inner nodes within the tree item */
+    childNodes?: Partial<TreeItemChildrenProps[] | null>;
+    /** A Check to know if item is a root value */
+    isRoot?: boolean;
+}
+/** Comment */
+export declare const TreeItem: FC<TreeItemProps>;

package/lib/components/TreeView/TreeItem/TreeItem.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta } from '@storybook/react/types-6-0';
+import { Story } from '@storybook/react';
+import { TreeItemProps } from './TreeItem';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Base: Story<TreeItemProps>;
+export declare const Active: Story<TreeItemProps>;
+export declare const Expanded: Story<TreeItemProps>;
+export declare const WithChildren: Story<TreeItemProps>;

package/lib/components/TreeView/TreeItem/TreeItem.test.d.ts

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

package/lib/components/TreeView/TreeItem/index.d.ts

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

package/lib/components/TreeView/TreeView.d.ts

@@ -0,0 +1,34 @@
+import React, { JSXElementConstructor } from 'react';
+import { NodeModel, TreeMethods } from '@minoru/react-dnd-treeview';
+export interface TreeItemProps {
+    node: NodeModel<DataProps>;
+    depth: number;
+    isOpen: boolean;
+    onToggle: (id: NodeModel['id']) => void;
+    onUpdate: (childList: NodeModel<DataProps>[]) => void;
+}
+export interface TreeViewProps {
+    /** Prop comment */
+    treeData: NodeModel<DataProps>[];
+    CustomNode: JSXElementConstructor<TreeItemProps>;
+}
+export interface DataProps {
+    type: string;
+    lazy: boolean;
+    expanded: boolean;
+    folder: boolean;
+    prefix: string;
+    iconclass: string;
+    galleryID: number;
+    galleryFolderID: number;
+    assetID: number;
+    folderID: number;
+}
+declare type PlaceHolderProps = {
+    node: NodeModel;
+    depth: number;
+};
+/** Custom placeholder design */
+export declare const Placeholder: React.FC<PlaceHolderProps>;
+declare const _TreeView: React.ForwardRefExoticComponent<TreeViewProps & React.RefAttributes<TreeMethods>>;
+export { _TreeView as TreeView };

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

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

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

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

package/lib/components/TreeView/context.d.ts

@@ -0,0 +1,9 @@
+import React, { ComponentType } from 'react';
+import { TreeViewContextProps } from "./types/tree.types";
+export interface TreeViewProviderProps {
+    children?: JSX.Element | HTMLDivElement | ComponentType;
+}
+declare const TreeViewContext: React.Context<TreeViewContextProps | null>;
+declare const TreeViewProvider: ({ children }: TreeViewProviderProps) => JSX.Element;
+export declare const useTreeViewContext: () => TreeViewContextProps | null;
+export { TreeViewContext, TreeViewProvider };

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

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

package/lib/components/TreeView/sampleData.d.ts

@@ -0,0 +1,71 @@
+export declare const data: ({
+    key: string;
+    type: string;
+    title: string;
+    lazy: boolean;
+    expanded: boolean;
+    folder: boolean;
+    prefix: string;
+    iconclass: string;
+    galleryID: number;
+    galleryFolderID: number;
+    assetID: number;
+    folderID: number;
+    childNodes: null;
+} | {
+    key: string;
+    type: string;
+    title: string;
+    lazy: boolean;
+    expanded: boolean;
+    folder: boolean;
+    prefix: string;
+    iconclass: string;
+    galleryID: number;
+    galleryFolderID: number;
+    assetID: number;
+    folderID: number;
+    childNodes: ({
+        key: string;
+        type: string;
+        title: string;
+        lazy: boolean;
+        expanded: boolean;
+        folder: boolean;
+        prefix: string;
+        iconclass: string;
+        galleryID: number;
+        galleryFolderID: number;
+        assetID: number;
+        folderID: number;
+        childNodes: {
+            key: string;
+            type: string;
+            title: string;
+            lazy: boolean;
+            expanded: boolean;
+            folder: boolean;
+            prefix: string;
+            iconclass: string;
+            galleryID: number;
+            galleryFolderID: number;
+            assetID: number;
+            folderID: number;
+            childNodes: null;
+        }[];
+    } | {
+        key: string;
+        type: string;
+        title: string;
+        lazy: boolean;
+        expanded: boolean;
+        folder: boolean;
+        prefix: string;
+        iconclass: string;
+        galleryID: number;
+        galleryFolderID: number;
+        assetID: number;
+        folderID: number;
+        childNodes: null;
+    })[];
+})[];

package/lib/components/TreeView/types/tree.types.d.ts

@@ -0,0 +1,21 @@
+import { Dispatch, SetStateAction } from 'react';
+export interface TreeItemChildrenProps {
+    key: string;
+    type: string;
+    title: string;
+    lazy: boolean;
+    expanded: boolean;
+    folder: boolean;
+    prefix: string;
+    iconclass: string;
+    galleryID: number;
+    galleryFolderID: number;
+    assetID: number;
+    folderID: number;
+    childNodes?: TreeListProp;
+}
+export declare type TreeListProp = Partial<TreeItemChildrenProps[] | null>;
+export interface TreeViewContextProps {
+    treeList: TreeListProp;
+    setTreeList: Dispatch<SetStateAction<TreeListProp>>;
+}

package/lib/components/TreeView V1/TreeItem/TreeItem.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { TreeItemChildrenProps } from '../types/tree.types';
+export interface TreeItemProps {
+    /** Selected or current state */
+    isCurrent?: boolean;
+    /** title of the tree item */
+    title?: string;
+    /** If tree item is expanded */
+    isExpanded?: boolean;
+    /** inner nodes within the tree item */
+    childNodes?: Partial<TreeItemChildrenProps[] | null>;
+    /** A Check to know if item is a root value */
+    isRoot?: boolean;
+}
+/** Comment */
+export declare const TreeItem: FC<TreeItemProps>;

package/lib/components/TreeView V1/TreeItem/TreeItem.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta } from '@storybook/react/types-6-0';
+import { Story } from '@storybook/react';
+import { TreeItemProps } from './TreeItem';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Base: Story<TreeItemProps>;
+export declare const Active: Story<TreeItemProps>;
+export declare const Expanded: Story<TreeItemProps>;
+export declare const WithChildren: Story<TreeItemProps>;

package/lib/components/TreeView V1/TreeItem/TreeItem.test.d.ts

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

package/lib/components/TreeView V1/TreeItem/index.d.ts

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

package/lib/components/TreeView V1/TreeView.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface TreeViewProps {
+    /** Prop comment */
+    prop: string;
+}
+export declare const TreeView: (hocProps: Omit<TreeViewProps, "prop">) => JSX.Element;

package/lib/components/TreeView V1/TreeView.stories.d.ts

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

package/lib/components/TreeView V1/TreeView.test.d.ts

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