@agility/plenum-ui 1.1.61 → 1.1.73

package/.prettierrc

@@ -1,13 +1,13 @@
 {
-    "singleQuote": true,
+    "singleQuote": false,
     "printWidth": 100,
     "editor.formatOnSave": true,
-    "proseWrap": "always",
+    "proseWrap": "preserve",
     "tabWidth": 4,
     "requireConfig": false,
-    "useTabs": false,
+    "useTabs": true,
     "trailingComma": "none",
     "bracketSpacing": true,
     "jsxBracketSameLine": false,
-    "semi": true
+    "semi": false
 }

package/README.md

@@ -37,4 +37,38 @@ $ yarn add @agility/plenum-ui
 import { Button } from '@agility/plenum-ui';
 
 <Button label='Primary' type='primary' size='base' icon='BellIcon'>
+```
+
+## Advanced
+If you wish to use yarn link with this project to debug locally:
+
+```
+cd THIS_PACKAGE
+yarn link
+yarn install
+cd node_modules/react
+yarn link
+cd ../../node_modules/react-dom
+yarn link
+cd YOUR_PROJECT
+yarn link PACKAGE_YOU_DEBUG_LOCALLY
+yarn link react
+yarn link react-dom
+```
+
+Then, when you are done
+
+```
+cd YOUR_PROJECT
+yarn unlink "@agility/plenum-ui"
+yarn unlink react
+yarn link react-dom
+
+cd THIS_PACKAGE
+yarn unlink
+cd node_modules/react
+yarn unlink
+cd ../../node_modules/react-dom
+yarn unlink
+
 ```

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

@@ -13,12 +13,19 @@ export interface ComboboxProps<T extends Record<string, unknown>> {
     /** Placeholder */
     placeholder?: string;
     /** Callback to trigger on change */
-    onChange?(value: T): void;
+    onChange?(value: T | undefined): void;
     /** Select disabled state */
     isDisabled?: boolean;
     /** Select error state */
     isError?: boolean;
     /** Select required state */
     isRequired?: boolean;
+    /**
+     * 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, keyProperty, onChange, placeholder, isDisabled, isError, isRequired, id }: ComboboxProps<T>) => JSX.Element;
+export declare const Combobox: <T extends Record<string, unknown>>({ label, items, displayProperty, keyProperty, onChange, placeholder, isDisabled, isError, isRequired, id, nullable }: ComboboxProps<T>) => JSX.Element;

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

@@ -1,5 +1,5 @@
-import { FC, JSXElementConstructor } from 'react';
-import { IconName } from '../../util/DynamicIcons';
+import { FC, JSXElementConstructor } from "react";
+import { IconName } from "../../util/DynamicIcons";
 export declare type ItemProp = {
     icon?: IconName;
     label: string;
@@ -13,7 +13,7 @@ export interface DropdownProps {
     IconElement: JSXElementConstructor<unknown>;
     label?: string;
     buttonClasses?: string;
-    position?: 'top' | 'bottom';
+    position?: "top" | "bottom";
 }
 /** Comment */
 export declare const Dropdown: FC<DropdownProps>;

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

@@ -11,6 +11,8 @@ export interface BaseFieldProps {
     placeholder?: string;
     /** Disabled state */
     isDisabled?: boolean;
+    /** Set value */
+    value?: string;
     /** Set default value */
     defaultValue?: string;
     /** Max length of input character  */

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

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React 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 {
@@ -28,6 +28,7 @@ export interface TextInputProps {
     maxLength?: number;
     /** Callback on change */
     onChange?(value: string): void;
+    value: string;
 }
-export declare const TextInput: FC<TextInputProps>;
-export {};
+declare const _TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
+export { _TextInput as TextInput };

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

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React 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';
@@ -23,6 +23,8 @@ export interface TextInputAddonProps {
     isDisabled?: boolean;
     /** Set default value */
     defaultValue?: string;
+    /** Set value */
+    value?: string;
     /** Message shown under the text field */
     message?: string;
     /** Input character counter */
@@ -46,4 +48,5 @@ export interface TextInputAddonProps {
     /** Callback on Cta click */
     onCtaClick?(): void;
 }
-export declare const TextInputAddon: FC<TextInputAddonProps>;
+declare const _TextInputAddon: React.ForwardRefExoticComponent<TextInputAddonProps & React.RefAttributes<HTMLInputElement>>;
+export { _TextInputAddon as TextInputAddon };

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

@@ -26,6 +26,8 @@ export interface TextInputSelectProps {
     isDisabled?: boolean;
     /** Set default value */
     defaultValue?: string;
+    /** Set value */
+    value?: string;
     /** Message shown under the text field */
     message?: string;
     /** Input character counter */

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

@@ -1,16 +1,7 @@
 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;
+    /** Prop comment */
+    prop: string;
 }
 /** Comment */
 export declare const TreeItem: FC<TreeItemProps>;

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

@@ -3,7 +3,4 @@ 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>;
+export declare const TreeItemComponent: Story<TreeItemProps>;

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

@@ -1,9 +1,12 @@
-import React, { ComponentType } from 'react';
-import { TreeViewContextProps } from "./types/tree.types";
+import React, { Dispatch, SetStateAction } from 'react';
+export interface TreeViewContextProps {
+    isOpen: boolean;
+    setIsOpen: Dispatch<SetStateAction<boolean>>;
+}
 export interface TreeViewProviderProps {
-    children?: JSX.Element | HTMLDivElement | ComponentType;
+    children?: JSX.Element | HTMLDivElement;
 }
-declare const TreeViewContext: React.Context<TreeViewContextProps | null>;
+declare const TreeViewContext: React.Context<Partial<TreeViewContextProps | null>>;
 declare const TreeViewProvider: ({ children }: TreeViewProviderProps) => JSX.Element;
-export declare const useTreeViewContext: () => TreeViewContextProps | null;
+export declare const useTreeViewContext: () => Partial<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;
-    childNodes: null;
+    children: null;
 } | {
     key: string;
     type: string;
@@ -25,7 +25,7 @@ export declare const data: ({
     galleryFolderID: number;
     assetID: number;
     folderID: number;
-    childNodes: ({
+    children: ({
         key: string;
         type: string;
         title: string;
@@ -38,7 +38,7 @@ export declare const data: ({
         galleryFolderID: number;
         assetID: number;
         folderID: number;
-        childNodes: {
+        children: {
             key: string;
             type: string;
             title: string;
@@ -51,7 +51,7 @@ export declare const data: ({
             galleryFolderID: number;
             assetID: number;
             folderID: number;
-            childNodes: null;
+            children: null;
         }[];
     } | {
         key: string;
@@ -66,6 +66,6 @@ export declare const data: ({
         galleryFolderID: number;
         assetID: number;
         folderID: number;
-        childNodes: null;
+        children: null;
     })[];
 })[];