@loadsmart/loadsmart-ui 5.7.0 → 5.8.0

package/README.md

@@ -19,8 +19,13 @@ Miranda UI is a [React](https://reactjs.org/) components library. It works with
 
 ## Steps to install
 
-1. Install node 11
-2. Install dependencies: `yarn`
+1. You need to have node 16 or the latest LTS version installed;
+
+   One option is to use [NVM](https://github.com/nvm-sh/nvm). You can run `nvm use` or set it to run automatically in a directory with a .nvmrc file.
+
+1. Install dependencies: `yarn`
+
+   If you don't have yarn, follow yarn [installation docs](https://classic.yarnpkg.com/lang/en/docs/install/#windows-stable)
 
 ## Usage
 
@@ -57,7 +62,8 @@ Install all dependencies:
 ```bash
 yarn
 ```
-or 
+
+or
 
 ```bash
 npm i
@@ -68,7 +74,8 @@ Run the application - you'll be able to see all components documentation in Stor
 ```bash
 yarn dev
 ```
-or 
+
+or
 
 ```bash
 npm run dev
@@ -81,7 +88,8 @@ To run tests:
 ```bash
 yarn test
 ```
-or 
+
+or
 
 ```bash
 npm run test
@@ -94,6 +102,4 @@ When creating a new one, you must add its new folder following this pattern.
 
 It's also essential to include the `.stories` and `.test` files to cover both documentation and quality standards.
 
-
-
 We use [`semantic-release`](https://github.com/semantic-release/) to evaluate our commits and trigger automatic release to NPM. For that, please follow [Conventional Commits](https://www.conventionalcommits.org/en/v1.0.0/), so your changes will properly be evaluated and published if that's the case.

package/dist/components/Dropdown/Dropdown.types.d.ts

@@ -12,6 +12,11 @@ export interface useDropdownReturn {
 }
 export interface DropdownProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'onBlur'> {
     disabled?: boolean;
+    /**
+     * Use this prop to not allow the dropdown to be expanded.
+     * While the `disabled` prop applies to the whole dropdown trigger element, this one only disables the TriggerHandle.
+     */
+    expandDisabled?: boolean;
     onBlur?: (event?: MouseEvent | TouchEvent | KeyboardEvent) => void;
 }
 export interface GenericDropdownProps extends DropdownProps, useDropdownProps {
@@ -34,6 +39,7 @@ export interface DropdownMenuSectionProps extends HTMLAttributes<HTMLDivElement>
 }
 export interface DropdownContextReturn {
     disabled: boolean;
+    expandDisabled: boolean;
     expanded: boolean;
     toggle: () => void;
 }

package/dist/components/Dropdown/useDropdown.d.ts

@@ -5,7 +5,7 @@ export interface useDropdownProps {
 }
 export interface GenericDropdownProps extends DropdownProps, useDropdownProps {
 }
-declare function useDropdown({ disabled, }: DropdownProps): {
+declare function useDropdown({ disabled, expandDisabled, }: DropdownProps): {
     expanded: boolean;
     toggle: () => void;
     expand: () => void;

package/dist/components/Select/Select.stories.d.ts

@@ -15,3 +15,4 @@ export declare const MultiCustomOptionRendering: Story<SelectProps>;
 export declare const CreatableSync: Story<SelectProps>;
 export declare const CreatableAsync: Story<SelectProps>;
 export declare const CustomCreatableOption: Story<SelectProps>;
+export declare const SelectWithFixedCreatableOption: Story<SelectProps>;

package/dist/components/Select/Select.types.d.ts

@@ -50,6 +50,7 @@ export declare type Components = {
     Empty?: ComponentType<SelectComponentsEmptyProps>;
     CreatableOption?: CreatableOptionType;
 };
+export declare type CreateOptionPosition = 'first' | 'last';
 export interface SelectProps extends DropdownProps {
     name: string;
     placeholder?: string;
@@ -62,6 +63,8 @@ export interface SelectProps extends DropdownProps {
     onChange?: (event: EventLike<Option | Option[] | null>) => void;
     onCreate?: (query: string) => Promise<void | Option> | void | Option;
     onQueryChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    isValidNewOption?: ((query: string) => boolean) | boolean;
+    createOptionPosition?: CreateOptionPosition;
 }
 export declare type SelectOptionProps = {
     value: SelectableKeyType;
@@ -102,6 +105,7 @@ export declare type useSelectReturn = {
     };
     getCreatebleProps: () => CreatableProps;
     isCreatable: () => boolean;
+    createOptionPosition?: CreateOptionPosition;
 };
 export declare type useSelectExternalReturn = {
     getOption: useSelectReturn['getOption'];