@aveonline/ui-react 1.8.1 → 1.8.3

package/dist/components/molecules/Card/Select/ISelect.d.ts

@@ -1,4 +1,4 @@
-import { IKindLogo } from '@/components/atoms/Logo';
+import { IKindLogo } from '../../..';
 interface ICardSelect {
     id: string;
     title: string;

package/dist/components/molecules/Field/IField.d.ts

@@ -1,5 +1,6 @@
 import { IKind } from '../../atoms/Icon';
 import { ITooltipProps } from '../../atoms/Tooltip/ITooltip';
+import type { IFieldCustom } from './IFieldCustom';
 export interface IField {
     /**
      * ID available for link form
@@ -78,5 +79,6 @@ export interface IField {
     /**
      * Types input custom
      */
-    variant?: 'currency' | '';
+    variant?: 'currency' | 'custom' | '';
+    custom?: IFieldCustom;
 }

package/dist/components/molecules/Field/IFieldCustom.d.ts

@@ -0,0 +1,86 @@
+declare type IFieldCustom = {
+    /**
+     * Allow decimals
+     *
+     * Default = true
+     */
+    allowDecimals?: boolean;
+    /**
+     * Allow user to enter negative value
+     *
+     * Default = true
+     */
+    allowNegativeValue?: boolean;
+    /**
+     *  Maximum characters the user can enter
+     */
+    maxLength?: number;
+    /**
+     * Class names
+     */
+    className?: string;
+    /**
+     * Limit length of decimals allowed
+     *
+     * Default = 2
+     */
+    decimalsLimit?: number;
+    /**
+     * Specify decimal scale for padding/trimming
+     *
+     * Example:
+     *   1.5 -> 1.50
+     *   1.234 -> 1.23
+     */
+    decimalScale?: number;
+    /**
+     * Value will always have the specified length of decimals
+     *
+     * Example:
+     *   123 -> 1.23
+     *
+     * Note: This formatting only happens onBlur
+     */
+    fixedDecimalLength?: number;
+    /**
+     * Include a prefix eg. £
+     */
+    prefix?: string;
+    /**
+     * Include a suffix eg. €
+     */
+    suffix?: string;
+    /**
+     * Incremental value change on arrow down and arrow up key press
+     */
+    step?: number;
+    /**
+     * Separator between integer part and fractional part of value.
+     *
+     * This cannot be a number
+     */
+    decimalSeparator?: string;
+    /**
+     * Separator between thousand, million and billion
+     *
+     * This cannot be a number
+     */
+    groupSeparator?: string;
+    /**
+     * Disable auto adding separator between values eg. 1000 -> 1,000
+     *
+     * Default = false
+     */
+    disableGroupSeparators?: boolean;
+    /**
+     * Disable abbreviations (m, k, b)
+     *
+     * Default = false
+     */
+    disableAbbreviations?: boolean;
+    /**
+     * Transform the raw value form the input before parsing
+     */
+    transformRawValue?: (rawValue: string) => string;
+};
+export type { IFieldCustom };

package/dist/components/molecules/Flag/IFlag.d.ts

@@ -1,4 +1,4 @@
-import { IKind as IKindIcon } from '@/components/atoms/Icon';
+import { IKind as IKindIcon } from '../..';
 import { IChildren } from '../../../types';
 declare type IKindFlag = 'default' | 'success' | 'warning' | 'error';
 interface IPropsFlag extends IChildren {

package/dist/components/molecules/Selectable/AsyncCreatableSelect/IAsyncCreatableSelect.d.ts

@@ -1,4 +1,3 @@
-import { IKindLogo } from '@/components/atoms/Logo';
 import type { ISelect, IOption } from '../Select';
 export interface IAsyncCreatableSelect extends Omit<ISelect, 'options'> {
     /**
@@ -18,5 +17,4 @@ export interface IAsyncCreatableSelect extends Omit<ISelect, 'options'> {
     allowCreateWhileLoading?: boolean;
     /** Sets the position of the createOption element in your options list. Defaults to 'last' */
     createOptionPosition?: 'first' | 'last';
-    logo?: IKindLogo;
 }

package/dist/components/molecules/Selectable/AsyncSelect/AsyncSelect.d.ts

@@ -3,5 +3,5 @@ import type { IAsyncSelect } from './IAsyncSelect';
  * Molecule: AsyncSelect
  * Async select lets merchants choose one option from an options menu. Consider select when you have 4 or more options, to avoid cluttering the interface. Data from network
  */
-declare function AsyncSelect({ placeholder, id, name, error, helpText, hasLabelPlaceholder, isDisabled, isClearable, defaultValue, onChange, isLoading, loadOptions, isError, showErrorText, onBlur, value, menuIsOpen, instanceId, loadingMessage, noOptionsMessage }: IAsyncSelect): JSX.Element;
+declare function AsyncSelect({ placeholder, id, name, error, helpText, hasLabelPlaceholder, isDisabled, isClearable, defaultValue, onChange, isLoading, loadOptions, isError, showErrorText, onBlur, value, menuIsOpen, instanceId, loadingMessage, noOptionsMessage, logo }: IAsyncSelect): JSX.Element;
 export default AsyncSelect;

package/dist/components/molecules/Selectable/Select/ISelect.d.ts

@@ -1,4 +1,5 @@
 import { FocusEventHandler } from 'react';
+import { IKindLogo } from '../../..';
 export declare type IOption = {
     label: string | number;
     value: string | number;
@@ -72,4 +73,5 @@ export interface ISelect {
     value?: any;
     loadingMessage?: string;
     noOptionsMessage?: string;
+    logo?: IKindLogo;
 }

package/dist/components/molecules/Selectable/Select/Select.d.ts

@@ -3,5 +3,5 @@ import type { ISelect } from './ISelect';
  * Atom: Select
  * Select lets merchants choose one option from an options menu. Consider select when you have 4 or more options, to avoid cluttering the interface.
  */
-declare function Select({ options, placeholder, defaultValue, isDisabled, id, name, helpText, hasLabelPlaceholder, onChange, isSearchable, isClearable, error, isError, showErrorText, onBlur, value, instanceId, menuIsOpen, loadingMessage, noOptionsMessage }: ISelect): JSX.Element;
+declare function Select({ options, placeholder, defaultValue, isDisabled, id, name, helpText, hasLabelPlaceholder, onChange, isSearchable, isClearable, error, isError, showErrorText, onBlur, value, instanceId, menuIsOpen, loadingMessage, noOptionsMessage, logo }: ISelect): JSX.Element;
 export default Select;

package/dist/components/molecules/Selectable/SelectButton/SelectButton.d.ts

@@ -3,5 +3,5 @@ import type { ISelectButton } from './ISelectButton';
  * Molecule: SelectButton
  * Select with button for first item lets merchants choose one option from an options menu. Consider select when you have 4 or more options, to avoid cluttering the interface.
  */
-declare function SelectButton({ options, placeholder, defaultValue, isDisabled, id, error, name, helpText, hasLabelPlaceholder, onChange, isSearchable, isClearable, alignButton, onClickFirstItem, isError, showErrorText, onBlur, menuIsOpen, instanceId, value, loadingMessage, noOptionsMessage }: ISelectButton): JSX.Element;
+declare function SelectButton({ options, placeholder, defaultValue, isDisabled, id, error, name, helpText, hasLabelPlaceholder, onChange, isSearchable, isClearable, alignButton, onClickFirstItem, isError, showErrorText, onBlur, menuIsOpen, instanceId, value, loadingMessage, noOptionsMessage, logo }: ISelectButton): JSX.Element;
 export default SelectButton;

package/dist/components/molecules/Selectable/SelectCountry/SelectCountry.d.ts

@@ -3,5 +3,5 @@ import { ISelect } from '../Select/ISelect';
  * Molecule: SelectCountry
  * Select lets merchants choose one option from an options menu. Consider select when you have 4 or more options, to avoid cluttering the interface.
  */
-declare function SelectCountry({ id, name, placeholder, options, defaultValue, isDisabled, error, isSearchable, helpText, onChange, isClearable, isError, showErrorText, onBlur, menuIsOpen, value, instanceId, loadingMessage, noOptionsMessage }: ISelect): JSX.Element;
+declare function SelectCountry({ id, name, placeholder, options, defaultValue, isDisabled, error, isSearchable, helpText, onChange, isClearable, isError, showErrorText, onBlur, menuIsOpen, value, instanceId, loadingMessage, noOptionsMessage, logo }: ISelect): JSX.Element;
 export default SelectCountry;