@true-engineering/true-react-common-ui-kit 4.0.0-alpha52 → 4.0.0-alpha54

package/dist/components/ControlWrapper/ControlWrapper.d.ts

@@ -7,7 +7,10 @@ import { IControlWrapperStyles } from './ControlWrapper.styles';
 export interface IControlWrapperProps extends ICommonProps<IControlWrapperStyles> {
     children: ReactNode;
     label?: ReactNode;
+    /** @deprecated */
     icon?: IMaybeArray<IIcon | IControlWrapperIcon>;
+    startIcon?: IMaybeArray<IIcon | IControlWrapperIcon>;
+    endIcon?: IMaybeArray<IIcon | IControlWrapperIcon>;
     size?: IControlWrapperSize;
     groupPlacement?: IGroupPlacement;
     /** @default false */

package/dist/components/ControlWrapper/ControlWrapper.styles.d.ts

@@ -1,7 +1,7 @@
 import { ITweakStyles } from '../../theme';
 import { IThemedPreloaderStyles } from '../ThemedPreloader';
 import { IControlWrapperSizes } from './types';
-export declare const useStyles: import('../../theme').IUseStyles<"invalid" | "icon" | "disabled" | "loader" | "loading" | "label" | "requiredLabel" | "withValue" | "clearIcon" | "focused" | "wrapper" | "controlWrapper" | "minContent" | "activeLabel" | "disabledLabel" | "controls" | "iconInner" | "customIcon" | "endIcon" | "activeIcon" | "placement-top" | "placement-bottom" | "placement-top-left" | "placement-top-right" | "placement-bottom-left" | "placement-bottom-right" | "placement-left" | "placement-right" | "placement-middle">;
+export declare const useStyles: import('../../theme').IUseStyles<"invalid" | "icon" | "disabled" | "loader" | "loading" | "label" | "requiredLabel" | "withValue" | "clearIcon" | "focused" | "wrapper" | "controlWrapper" | "minContent" | "activeLabel" | "disabledLabel" | "controls" | "startControls" | "iconInner" | "customIcon" | "startIcon" | "endIcon" | "activeIcon" | "withStartControls" | "placement-top" | "placement-bottom" | "placement-top-left" | "placement-top-right" | "placement-bottom-left" | "placement-bottom-right" | "placement-left" | "placement-right" | "placement-middle">;
 export type IControlWrapperStyles = ITweakStyles<typeof useStyles, {
     tweakPreloader: IThemedPreloaderStyles;
 } & IControlWrapperSizes>;

package/dist/components/Input/InputBase.d.ts

@@ -4,7 +4,7 @@ import { ICommonProps } from '../../types';
 import { IControlWrapperProps } from '../ControlWrapper';
 import { IChangeInputEvent } from './types';
 import { IInputStyles } from './Input.styles';
-export interface IInputBaseProps extends ICommonProps<IInputStyles>, Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'size' | 'className'>, Pick<IControlWrapperProps, 'label' | 'icon' | 'size' | 'groupPlacement' | 'isInvalid' | 'isRequired' | 'isLoading' | 'isDisabled'>, Pick<Partial<ReactInputMaskBaseProps>, 'mask' | 'maskPlaceholder' | 'alwaysShowMask' | 'beforeMaskedStateChange'> {
+export interface IInputBaseProps extends ICommonProps<IInputStyles>, Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'size' | 'className'>, Pick<IControlWrapperProps, 'label' | 'icon' | 'endIcon' | 'startIcon' | 'size' | 'groupPlacement' | 'isInvalid' | 'isRequired' | 'isLoading' | 'isDisabled'>, Pick<Partial<ReactInputMaskBaseProps>, 'mask' | 'maskPlaceholder' | 'alwaysShowMask' | 'beforeMaskedStateChange'> {
     value?: string;
     units?: ReactNode;
     /** @default false */

package/dist/components/SearchInput/SearchInput.d.ts

@@ -1,5 +1,5 @@
 import { ICommonProps } from '../../types';
 import { IInputProps } from '../Input';
 import { ISearchInputStyles } from './SearchInput.styles';
-export type ISearchInputProps = Omit<IInputProps, 'type' | 'label' | 'isInvalid' | 'errorMessage' | 'isActive' | 'tweakStyles'> & ICommonProps<ISearchInputStyles>;
-export declare const SearchInput: import('react').ForwardRefExoticComponent<Omit<IInputProps, "tweakStyles" | "label" | "isInvalid" | "type" | "isActive" | "errorMessage"> & import('../../types').IDataAttributesProps & import('../../types').ITweakStylesProps<ISearchInputStyles> & import('react').RefAttributes<HTMLInputElement>>;
+export type ISearchInputProps = Omit<IInputProps, 'type' | 'label' | 'isInvalid' | 'errorMessage' | 'isActive' | 'tweakStyles' | 'startIcon'> & ICommonProps<ISearchInputStyles>;
+export declare const SearchInput: import('react').ForwardRefExoticComponent<Omit<IInputProps, "tweakStyles" | "label" | "isInvalid" | "startIcon" | "type" | "isActive" | "errorMessage"> & import('../../types').IDataAttributesProps & import('../../types').ITweakStylesProps<ISearchInputStyles> & import('react').RefAttributes<HTMLInputElement>>;

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

@@ -1,9 +1,11 @@
 import { ReactNode } from 'react';
 import { ICommonProps } from '../../../../types';
+import { ISelectProps } from '../../Select';
 import { ISelectListItemProps } from '../SelectListItem';
 import { ISelectListStyles } from './SelectList.styles';
 export interface ISelectListProps<Value> extends ICommonProps<ISelectListStyles>, Pick<ISelectListItemProps, 'onToggleCheckbox' | 'onOptionSelect' | 'isMultiSelect'> {
     options: Value[] | readonly Value[];
+    size?: ISelectProps<Value>['size'];
     focusedIndex?: number;
     activeValue?: Value | Value[];
     noMatchesLabel?: string;
@@ -20,4 +22,4 @@ export interface ISelectListProps<Value> extends ICommonProps<ISelectListStyles>
     convertValueToReactNode?: (value: Value, isDisabled: boolean) => ReactNode;
     convertValueToId: (value: Value) => string | undefined;
 }
-export declare function SelectList<Value>({ options, focusedIndex, activeValue, defaultOptionLabel, noMatchesLabel, isLoading, loadingLabel, tweakStyles, testId, shouldScrollToList, areAllOptionsSelected, customListHeader, customListFooter, isMultiSelect, isOptionDisabled, allOptionsLabel, onOptionSelect, onToggleCheckbox, convertValueToString, convertValueToReactNode, convertValueToId, }: ISelectListProps<Value>): JSX.Element;
+export declare function SelectList<Value>({ options, focusedIndex, size, activeValue, defaultOptionLabel, noMatchesLabel, isLoading, loadingLabel, tweakStyles, testId, shouldScrollToList, areAllOptionsSelected, customListHeader, customListFooter, isMultiSelect, isOptionDisabled, allOptionsLabel, onOptionSelect, onToggleCheckbox, convertValueToString, convertValueToReactNode, convertValueToId, }: ISelectListProps<Value>): JSX.Element;

package/dist/components/Select/components/SelectList/SelectList.styles.d.ts

@@ -1,6 +1,7 @@
 import { ITweakStyles } from '../../../../theme';
+import { IControlWrapperSizes } from '../../../ControlWrapper';
 export declare const ROW_HEIGHT = 40;
 export declare const CONTAINER_PADDING = 10;
 export declare const CELL_PADDING: number[];
 export declare const useStyles: import('../../../../theme').IUseStyles<"root" | "cell" | "active" | "disabled" | "loading" | "list" | "focused" | "withListHeader" | "withListFooter" | "listHeader" | "listFooter" | "cellWithCheckbox" | "noMatchesLabel" | "defaultCell">;
-export type ISelectListStyles = ITweakStyles<typeof useStyles>;
+export type ISelectListStyles = ITweakStyles<typeof useStyles, IControlWrapperSizes>;