@agility/plenum-ui 1.1.71 → 1.1.72

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/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;
     })[];
 })[];