@agility/plenum-ui 1.1.4 → 1.1.5

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/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/Forms/Checkbox/Checkbox.d.ts

@@ -6,6 +6,8 @@ export interface CheckboxProps {
     id: string;
     /** Disabled state */
     isDisabled?: boolean;
+    /** value */
+    value?: string;
     /** Check state */
     isChecked?: boolean;
     /** If field is required */
@@ -15,7 +17,7 @@ export interface CheckboxProps {
     /** Message or description */
     message?: string;
     /** Callback on input change */
-    onChange?(checked: boolean): void;
+    onChange?(value: string, isChecked: boolean): void;
 }
 /** Comment */
 export declare const Checkbox: FC<CheckboxProps>;

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

@@ -10,3 +10,4 @@ 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/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/Radio/Radio.d.ts

@@ -16,10 +16,12 @@ export interface RadioProps {
     isError?: boolean;
     /** Message or description */
     message?: string;
+    /** value */
+    value?: string;
     /** Callback on input change */
-    onChange?(value: string): void;
+    onChange?(value: string, isChecked: boolean): void;
     /** Callback on click */
-    onClick?(value: string): void;
+    onClick?(value: string, isChecked: boolean): void;
 }
 /** Comment */
 export declare const Radio: FC<RadioProps>;

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/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

@@ -1,7 +1,16 @@
 import { FC } from 'react';
+import { TreeItemChildrenProps } from '../types/tree.types';
 export interface TreeItemProps {
-    /** Prop comment */
-    prop: string;
+    /** 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

@@ -3,4 +3,7 @@ import { Story } from '@storybook/react';
 import { TreeItemProps } from './TreeItem';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
-export declare const TreeItemComponent: Story<TreeItemProps>;
+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/context.d.ts

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

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

@@ -11,7 +11,7 @@ export declare const data: ({
     galleryFolderID: number;
     assetID: number;
     folderID: number;
-    children: null;
+    childNodes: null;
 } | {
     key: string;
     type: string;
@@ -25,7 +25,7 @@ export declare const data: ({
     galleryFolderID: number;
     assetID: number;
     folderID: number;
-    children: ({
+    childNodes: ({
         key: string;
         type: string;
         title: string;
@@ -38,7 +38,7 @@ export declare const data: ({
         galleryFolderID: number;
         assetID: number;
         folderID: number;
-        children: {
+        childNodes: {
             key: string;
             type: string;
             title: string;
@@ -51,7 +51,7 @@ export declare const data: ({
             galleryFolderID: number;
             assetID: number;
             folderID: number;
-            children: null;
+            childNodes: null;
         }[];
     } | {
         key: string;
@@ -66,6 +66,6 @@ export declare const data: ({
         galleryFolderID: number;
         assetID: number;
         folderID: number;
-        children: null;
+        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/index.esm.js

@@ -12433,22 +12433,24 @@ var TextInputSelect = function (_a) {
 
 /** Comment */
 var Radio = function (_a) {
-    var label = _a.label, id = _a.id, name = _a.name, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, _c = _a.isChecked, isChecked = _c === void 0 ? false : _c, _d = _a.isRequired, isRequired = _d === void 0 ? false : _d, _e = _a.isError, isError = _e === void 0 ? false : _e, message = _a.message, onChange = _a.onChange, onClick = _a.onClick;
+    var label = _a.label, id = _a.id, name = _a.name, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, _c = _a.isChecked, isChecked = _c === void 0 ? false : _c, _d = _a.isRequired, isRequired = _d === void 0 ? false : _d, _e = _a.isError, isError = _e === void 0 ? false : _e, message = _a.message, onChange = _a.onChange, onClick = _a.onClick, value = _a.value;
     var checboxStyles = cn$1('focus:ring-purple-500 h-4 w-4 text-purple-600 border-gray-300', {
         'border-red-500 shadow-none': isError
     });
     var wrapperStyles = cn$1('relative flex items-start', { 'opacity-50': isDisabled });
     var handleChange = function (e) {
         var targetValue = e.currentTarget.value;
-        typeof onChange === 'function' && onChange(targetValue);
+        var targetChecked = e.currentTarget.checked;
+        typeof onChange === 'function' && onChange(targetValue, targetChecked);
     };
     var handleClick = function (e) {
         var targetValue = e.currentTarget.value;
-        typeof onClick === 'function' && onClick(targetValue);
+        var targetChecked = e.currentTarget.checked;
+        typeof onClick === 'function' && onClick(targetValue, targetChecked);
     };
     return (React__default.createElement("div", { className: wrapperStyles },
         React__default.createElement("div", { className: "flex items-center h-5" },
-            React__default.createElement("input", { id: id, "aria-describedby": "".concat(id, "-description"), name: name, type: "radio", className: checboxStyles, disabled: isDisabled, defaultChecked: isChecked, onChange: function (e) {
+            React__default.createElement("input", { id: id, "aria-describedby": "".concat(id, "-description"), name: name, type: "radio", value: value, className: checboxStyles, disabled: isDisabled, defaultChecked: isChecked, onChange: function (e) {
                     handleChange(e);
                 }, onClick: function (e) {
                     handleClick(e);
@@ -12501,16 +12503,17 @@ var Select = function (_a) {
 
 /** Comment */
 var Checkbox = function (_a) {
-    var label = _a.label, id = _a.id, isDisabled = _a.isDisabled, isChecked = _a.isChecked, isRequired = _a.isRequired, isError = _a.isError, message = _a.message, onChange = _a.onChange;
+    var label = _a.label, id = _a.id, isDisabled = _a.isDisabled, isChecked = _a.isChecked, isRequired = _a.isRequired, isError = _a.isError, message = _a.message, value = _a.value, onChange = _a.onChange;
     var checboxStyles = cn$1('focus:ring-purple-500 h-4 w-4 text-purple-600 border-gray-300 rounded', { 'border-red-500 shadow-none': isError });
     var wrapperStyles = cn$1('relative flex items-start', { 'opacity-50': isDisabled });
     var handleChange = function (e) {
-        var checked = e.currentTarget.checked;
-        typeof onChange === 'function' && onChange(checked);
+        var targetValue = e.currentTarget.value;
+        var targetChecked = e.currentTarget.checked;
+        typeof onChange === 'function' && onChange(targetValue, targetChecked);
     };
     return (React__default.createElement("div", { className: wrapperStyles },
         React__default.createElement("div", { className: "flex items-center h-5" },
-            React__default.createElement("input", { id: id, "aria-describedby": "".concat(id, "-description"), name: id, type: "checkbox", className: checboxStyles, disabled: isDisabled, defaultChecked: isChecked, onChange: function (e) {
+            React__default.createElement("input", { id: id, "aria-describedby": "".concat(id, "-description"), name: id, value: value, type: "checkbox", className: checboxStyles, disabled: isDisabled, defaultChecked: isChecked, onChange: function (e) {
                     handleChange(e);
                 } })),
         React__default.createElement("div", { className: "ml-3 text-sm" },