@agility/plenum-ui 1.1.71 → 1.2.0

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,8 @@ export interface DropdownProps {
     IconElement: JSXElementConstructor<unknown>;
     label?: string;
     buttonClasses?: string;
-    position?: 'top' | 'bottom';
+    yPosition?: "top" | "bottom";
+    xPosition?: "left" | "right";
 }
 /** Comment */
 export declare const Dropdown: FC<DropdownProps>;