@true-engineering/true-react-common-ui-kit 2.3.1 → 2.4.0

package/src/components/List/List.tsx

@@ -1,4 +1,4 @@
-import { FC, Fragment, ReactNode } from 'react';
+import { FC, Fragment } from 'react';
 import clsx from 'clsx';
 import {
   addDataTestId,
@@ -8,20 +8,10 @@ import {
 import { addDataAttributes } from '../../helpers';
 import { renderIcon } from '../../helpers/snippets';
 import { useTheme } from '../../hooks';
-import { ICommonProps, IIcon } from '../../types';
+import { ICommonProps } from '../../types';
+import { IListItem } from './types';
 import { ListStyles, styles } from './List.styles';
 
-export interface IListItem {
-  item: ReactNode;
-  icon?: IIcon;
-  disabled?: boolean;
-  shouldDrawSpacerAbove?: boolean;
-  shouldDrawSpacerBelow?: boolean;
-  withIconGap?: boolean;
-  testId?: string;
-  onClick(): void;
-}
-
 export interface IListProps extends ICommonProps {
   tweakStyles?: ListStyles;
   items: IListItem[];

package/src/components/List/index.ts

@@ -1,2 +1,3 @@
 export * from './List';
+export * from './types';
 export type { ListStyles } from './List.styles';

package/src/components/List/types.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { IIcon } from '../../types';
+
+export interface IListItem {
+  item: ReactNode;
+  icon?: IIcon;
+  disabled?: boolean;
+  shouldDrawSpacerAbove?: boolean;
+  shouldDrawSpacerBelow?: boolean;
+  withIconGap?: boolean;
+  testId?: string;
+  onClick(): void;
+}

package/src/components/Modal/Modal.tsx

@@ -1,7 +1,6 @@
 import { FC, ReactNode, MouseEvent, useCallback, useEffect, useRef, useState } from 'react';
 import { RemoveScroll } from 'react-remove-scroll';
 import { CSSTransition } from 'react-transition-group';
-import { TransitionProps } from 'react-transition-group/Transition';
 import clsx from 'clsx';
 import {
   addDataTestId,
@@ -12,24 +11,9 @@ import { addDataAttributes } from '../../helpers';
 import { useTheme, useTweakStyles } from '../../hooks';
 import { ICommonProps } from '../../types';
 import { CloseButton } from '../CloseButton';
+import { IModalPosition, IModalTransitionProps } from './types';
 import { ModalStyles, styles } from './Modal.styles';
 
-export type IModalPosition = 'center' | 'left' | 'right' | 'static';
-
-export type IModalTransitionProps = Pick<
-  TransitionProps<HTMLDivElement>,
-  | 'in' // Аналог isOpen, но это свойство нужно для корректной отрисовки Modal внутри TransitionGroup
-  | 'mountOnEnter'
-  | 'unmountOnExit'
-  | 'timeout'
-  | 'onEnter'
-  | 'onEntering'
-  | 'onEntered'
-  | 'onExit'
-  | 'onExiting'
-  | 'onExited'
->;
-
 export interface IModalProps extends ICommonProps, IModalTransitionProps {
   tweakStyles?: ModalStyles;
   title?: ReactNode;
@@ -73,7 +57,7 @@ export const Modal: FC<IModalProps> = ({
   onClose,
   ...restProps
 }) => {
-  const isModalOpen = isOpen ?? restProps.in ?? false;
+  const isModalOpen = restProps.in ?? isOpen;
   const { classes, componentStyles } = useTheme('Modal', styles, tweakStyles);
 
   const tweakCloseButtonStyles = useTweakStyles(componentStyles, tweakStyles, 'tweakCloseButton');

package/src/components/Modal/index.ts

@@ -1,2 +1,3 @@
 export * from './Modal';
+export * from './types';
 export type { ModalStyles } from './Modal.styles';

package/src/components/Modal/types.ts

@@ -0,0 +1,17 @@
+import { TransitionProps } from 'react-transition-group/Transition';
+
+export type IModalPosition = 'center' | 'left' | 'right' | 'static';
+
+export type IModalTransitionProps = Pick<
+  TransitionProps<HTMLDivElement>,
+  | 'in' // Аналог isOpen, но это свойство нужно для корректной отрисовки Modal внутри TransitionGroup
+  | 'mountOnEnter'
+  | 'unmountOnExit'
+  | 'timeout'
+  | 'onEnter'
+  | 'onEntering'
+  | 'onEntered'
+  | 'onExit'
+  | 'onExiting'
+  | 'onExited'
+>;

package/src/components/MultiSelect/MultiSelect.tsx

@@ -1,12 +1,15 @@
 import { useRef, useState } from 'react';
 import clsx from 'clsx';
 import { useOnClickOutside, useTheme, useTweakStyles } from '../../hooks';
-import { MultiSelectList, IMultiSelectListValues } from '../MultiSelectList';
-import { IMultiSelectLocale, IMultiSelectLocaleKey } from '../MultiSelectList/locales';
+import {
+  MultiSelectList,
+  IMultiSelectListValues,
+  IMultiSelectLocale,
+  IMultiSelectLocaleKey,
+} from '../MultiSelectList';
+import { MultiSelectInput } from './components';
+import { THorizontalCornerConnection } from './types';
 import { styles, MultiSelectStyles } from './MultiSelect.styles';
-import { MultiSelectInput } from './MultiSelectInput';
-
-export type THorizontalCornerConnection = 'full' | 'left' | 'right';
 
 export interface IMultiSelectProps<Value = string> {
   tweakStyles?: MultiSelectStyles;

package/src/components/MultiSelect/{MultiSelectInput → components/MultiSelectInput}/MultiSelectInput.styles.ts

@@ -1,4 +1,4 @@
-import { ComponentStyles } from '../../../types';
+import { ComponentStyles } from '../../../../types';
 
 export const styles = {
   root: {

package/src/components/MultiSelect/{MultiSelectInput → components/MultiSelectInput}/MultiSelectInput.tsx

@@ -1,8 +1,8 @@
 import { ReactElement } from 'react';
 import clsx from 'clsx';
-import { useTheme } from '../../../hooks';
-import { ICommonProps } from '../../../types';
-import { Icon, IMultiSelectListValues } from '../../index';
+import { useTheme } from '../../../../hooks';
+import { ICommonProps } from '../../../../types';
+import { Icon, IMultiSelectListValues } from '../../../index';
 import { styles } from './MultiSelectInput.styles';
 
 export interface IMultiSelectInputProps<Value> extends ICommonProps {

package/src/components/MultiSelect/components/MultiSelectInput/index.ts

@@ -0,0 +1,2 @@
+export * from './MultiSelectInput';
+export type { MultiSelectInputStyles } from './MultiSelectInput.styles';

package/src/components/MultiSelect/index.ts

@@ -1,3 +1,4 @@
 export * from './MultiSelect';
+export * from './types';
 export type { MultiSelectStyles } from './MultiSelect.styles';
-export type { MultiSelectInputStyles } from './MultiSelectInput/MultiSelectInput.styles';
+export type { MultiSelectInputStyles } from './components';

package/src/components/MultiSelect/types.ts

@@ -0,0 +1 @@
+export type THorizontalCornerConnection = 'full' | 'left' | 'right';

package/src/components/MultiSelectList/MultiSelectList.tsx

@@ -8,18 +8,10 @@ import { Button } from '../Button';
 import { Checkbox, ICheckboxProps } from '../Checkbox';
 import { SearchInput } from '../SearchInput';
 import { ThemedPreloader } from '../ThemedPreloader';
+import { DEFAULT_LOCALE, MultiSelectLocales } from './constants';
+import { defaultConvertFunction, getLocale } from './helpers';
+import { IMultiSelectListValues, IMultiSelectLocale, IMultiSelectLocaleKey } from './types';
 import { MultiSelectListStyles, styles } from './MultiSelectList.styles';
-import {
-  DEFAULT_LOCALE,
-  getLocale,
-  IMultiSelectLocale,
-  IMultiSelectLocaleKey,
-  MultiSelectLocales,
-} from './locales';
-
-export interface IMultiSelectListValues<Option> {
-  include: Option[];
-}
 
 export interface IMultiSelectListProps<Value, Option> extends ICommonProps {
   tweakStyles?: MultiSelectListStyles;
@@ -42,8 +34,6 @@ export interface IMultiSelectListProps<Value, Option> extends ICommonProps {
   testId?: string;
 }
 
-const defaultConvertFunction = (val: unknown) => String(val);
-
 export function MultiSelectList<Value extends IMultiSelectListValues<Option>, Option = string>({
   value,
   tweakStyles,

package/src/components/MultiSelectList/constants.ts

@@ -0,0 +1,21 @@
+import type { IMultiSelectLocale, IMultiSelectLocaleKey } from './types';
+
+export const MultiSelectLocales: Record<string, IMultiSelectLocale> = {
+  ru: {
+    clear: 'Очистить',
+    all: 'Все',
+    chosen: 'Выбранные',
+    nothingFound: 'Не найдено',
+    searchPlaceholder: 'Поиск',
+  },
+
+  en: {
+    clear: 'Clear',
+    all: 'All',
+    chosen: 'Chosen',
+    nothingFound: 'Nothing found',
+    searchPlaceholder: 'Search',
+  },
+};
+
+export const DEFAULT_LOCALE: IMultiSelectLocaleKey = 'en';

package/src/components/MultiSelectList/helpers.ts

@@ -0,0 +1,11 @@
+import merge from 'lodash-es/merge';
+import { DEFAULT_LOCALE, MultiSelectLocales } from './constants';
+import type { IMultiSelectLocale, IMultiSelectLocaleKey } from './types';
+
+export const defaultConvertFunction = (val: unknown) => String(val);
+
+export const getLocale = (
+  key: IMultiSelectLocaleKey = DEFAULT_LOCALE,
+  custom?: Partial<IMultiSelectLocale>,
+  custom2?: Partial<IMultiSelectLocale>,
+): IMultiSelectLocale => merge({}, MultiSelectLocales[key], custom, custom2);

package/src/components/MultiSelectList/index.ts

@@ -1,2 +1,3 @@
 export * from './MultiSelectList';
+export * from './types';
 export type { MultiSelectListStyles } from './MultiSelectList.styles';

package/src/components/MultiSelectList/types.ts

@@ -0,0 +1,15 @@
+import { MultiSelectLocales } from './constants';
+
+export interface IMultiSelectListValues<Option> {
+  include: Option[];
+}
+
+export interface IMultiSelectLocale {
+  clear: string;
+  all: string;
+  chosen: string;
+  searchPlaceholder: string;
+  nothingFound: string;
+}
+
+export type IMultiSelectLocaleKey = keyof typeof MultiSelectLocales;

package/src/components/Notification/Notification.styles.ts

@@ -1,5 +1,5 @@
 import { ComponentStyles } from '../../types';
-import type { NotificationType } from './Notification';
+import type { NotificationType } from './types';
 
 interface IStyleProps {
   type: NotificationType;

package/src/components/Notification/Notification.tsx

@@ -9,10 +9,9 @@ import { addDataAttributes } from '../../helpers';
 import { useTheme } from '../../hooks';
 import { ICommonProps } from '../../types';
 import { Icon } from '../Icon';
+import { NotificationType } from './types';
 import { NotificationStyles, styles } from './Notification.styles';
 
-export type NotificationType = 'error' | 'info' | 'warning' | 'ok' | 'not-ok';
-
 export interface INotificationProps extends ICommonProps {
   tweakStyles?: NotificationStyles;
   type: NotificationType;

package/src/components/Notification/index.ts

@@ -1,2 +1,3 @@
 export * from './Notification';
+export * from './types';
 export type { NotificationStyles } from './Notification.styles';

package/src/components/Notification/types.ts

@@ -0,0 +1 @@
+export type NotificationType = 'error' | 'info' | 'warning' | 'ok' | 'not-ok';

package/src/components/PhoneInput/PhoneInput.stories.tsx

@@ -1,11 +1,11 @@
 import { useState } from 'react';
 import { ComponentStory } from '@storybook/react';
-import { icons } from '../Icon/icons';
+import { iconsList } from '../Icon';
 import { PhoneInput } from './PhoneInput';
 import { phoneInfo } from './phone-info';
 import { IPhoneValue } from './types';
 
-const iconTypes = [undefined, ...Object.keys(icons)];
+const iconTypes = [undefined, ...Object.keys(iconsList)];
 const inlineStyles = [undefined, 'left', 'right', 'middle'];
 const borders = [undefined, 'left', 'top', 'right', 'bottom'];
 const errorPositions = ['bottom', 'top'];

package/src/components/PhoneInput/PhoneInput.tsx

@@ -1,4 +1,4 @@
-import { FC, useState, useRef, useMemo } from 'react';
+import { FC, useState, useRef, useMemo, MouseEvent, FocusEvent, FormEvent } from 'react';
 import clsx from 'clsx';
 import {
   getCountryCodeFromPhone,
@@ -11,9 +11,10 @@ import { useOnClickOutsideWithRef, useTheme, useTweakStyles } from '../../hooks'
 import { Flag } from '../Flag';
 import { Icon } from '../Icon';
 import { IInputProps, Input } from '../Input';
-import { PhoneInputStyles, styles } from './PhoneInput.styles';
-import { PhoneInputCountryList } from './PhoneInputCountryList';
+import { PhoneInputCountryList } from './components';
+import { DEFAULT_VALUE } from './constants';
 import { IPhoneInfo, IPhoneValue } from './types';
+import { PhoneInputStyles, styles } from './PhoneInput.styles';
 
 export interface IPhoneInputProps
   extends Omit<IInputProps, 'value' | 'onChange' | 'type' | 'mask' | 'units' | 'placeholder'> {
@@ -22,14 +23,12 @@ export interface IPhoneInputProps
   codeSearchPlaceholder?: string;
   noMatchesLabel?: string;
   value?: IPhoneValue;
-  onChange: (
+  onChange(
     phone: IPhoneValue,
-    event: React.MouseEvent | KeyboardEvent | React.FormEvent<HTMLInputElement>,
-  ) => void;
+    event: MouseEvent | KeyboardEvent | FormEvent<HTMLInputElement>,
+  ): void;
 }
 
-const DEFAULT_VALUE: IPhoneValue = { phoneNumber: '', dialCode: '' };
-
 export const PhoneInput: FC<IPhoneInputProps> = ({
   locale = 'ru',
   value = DEFAULT_VALUE,
@@ -62,7 +61,7 @@ export const PhoneInput: FC<IPhoneInputProps> = ({
     setIsListOpen(false);
   };
 
-  const handleChange = (inputValue: string, event: React.FormEvent<HTMLInputElement>) => {
+  const handleChange = (inputValue: string, event: FormEvent<HTMLInputElement>) => {
     // if (event.type === 'change') - нужно из-за InputMask
     // Помимо change, еще могут приходить focus и blur, когда input пустой и тогда происходят неприятные сайд-эффекты
     if (event.type === 'change') {
@@ -97,7 +96,7 @@ export const PhoneInput: FC<IPhoneInputProps> = ({
     }
   };
 
-  const handleSelect = (newPhoneInfo: IPhoneInfo, event: React.MouseEvent | KeyboardEvent) => {
+  const handleSelect = (newPhoneInfo: IPhoneInfo, event: MouseEvent | KeyboardEvent) => {
     if (newPhoneInfo.countryCode !== countryCode) {
       onChange(
         {
@@ -116,14 +115,14 @@ export const PhoneInput: FC<IPhoneInputProps> = ({
     }
   };
 
-  const handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {
+  const handleFocus = (event: FocusEvent<HTMLInputElement>) => {
     setFocused(true);
     if (inputProps.onFocus !== undefined) {
       inputProps?.onFocus(event);
     }
   };
 
-  const handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {
+  const handleBlur = (event: FocusEvent<HTMLInputElement>) => {
     setFocused(false);
     if (inputProps.onBlur !== undefined) {
       inputProps?.onBlur(event);

package/src/components/PhoneInput/{PhoneInputCountryList → components/PhoneInputCountryList}/PhoneInputCountryList.stories.tsx

@@ -1,5 +1,5 @@
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-import PhoneInputCountryList from './PhoneInputCountryList';
+import { PhoneInputCountryList } from './PhoneInputCountryList';
 
 export default {
   title: 'Inputs/PhoneInput/PhoneInputCountryList',

package/src/components/PhoneInput/{PhoneInputCountryList → components/PhoneInputCountryList}/PhoneInputCountryList.styles.ts

@@ -1,5 +1,5 @@
-import { colors, dimensions, helpers } from '../../../theme';
-import { ComponentStyles } from '../../../types';
+import { colors, dimensions, helpers } from '../../../../theme';
+import { ComponentStyles } from '../../../../types';
 
 const ROW_HEIGHT = 40;
 const LIST_PADDING = 10;

package/src/components/PhoneInput/{PhoneInputCountryList → components/PhoneInputCountryList}/PhoneInputCountryList.tsx

@@ -5,15 +5,15 @@ import {
   getCountryTextByLocale,
   findCountryIndexByCode,
   sortCountriesByLocale,
-} from '../../../helpers';
-import { useTheme, useTweakStyles } from '../../../hooks';
-import { ICommonProps } from '../../../types';
-import { Flag } from '../../Flag';
-import { Icon } from '../../Icon';
-import { Input } from '../../Input';
-import { ScrollIntoViewIfNeeded } from '../../ScrollIntoViewIfNeeded';
-import { phoneInfo } from '../phone-info';
-import { IPhoneInfo } from '../types';
+} from '../../../../helpers';
+import { useTheme, useTweakStyles } from '../../../../hooks';
+import { ICommonProps } from '../../../../types';
+import { Flag } from '../../../Flag';
+import { Icon } from '../../../Icon';
+import { Input } from '../../../Input';
+import { ScrollIntoViewIfNeeded } from '../../../ScrollIntoViewIfNeeded';
+import { phoneInfo } from '../../phone-info';
+import { IPhoneInfo } from '../../types';
 import { PhoneInputCountryListStyles, styles } from './PhoneInputCountryList.styles';
 
 export interface IPhoneInputCountryListProps extends ICommonProps {
@@ -143,5 +143,3 @@ export const PhoneInputCountryList: FC<IPhoneInputCountryListProps> = ({
     </div>
   );
 };
-
-export default PhoneInputCountryList;

package/src/components/PhoneInput/components/PhoneInputCountryList/index.ts

@@ -0,0 +1,2 @@
+export * from './PhoneInputCountryList';
+export type { PhoneInputCountryListStyles } from './PhoneInputCountryList.styles';

package/src/components/PhoneInput/components/index.ts

@@ -0,0 +1 @@
+export * from './PhoneInputCountryList';

package/src/components/PhoneInput/constants.ts

@@ -0,0 +1,3 @@
+import { IPhoneValue } from './types';
+
+export const DEFAULT_VALUE: IPhoneValue = { phoneNumber: '', dialCode: '' };

package/src/components/PhoneInput/index.ts

@@ -1,6 +1,5 @@
 export * from './PhoneInput';
-export type { PhoneInputStyles } from './PhoneInput.styles';
-export type { PhoneInputCountryListStyles } from './PhoneInputCountryList/PhoneInputCountryList.styles';
-
 export { phoneInfo } from './phone-info';
 export * from './types';
+export type { PhoneInputStyles } from './PhoneInput.styles';
+export type { PhoneInputCountryListStyles } from './components';

package/src/components/ScrollIntoViewIfNeeded/ScrollIntoViewIfNeeded.ts

@@ -1,24 +1,17 @@
 import { createElement, createRef, HTMLProps, PureComponent, ReactNode, RefObject } from 'react';
 import scrollIntoViewIfNeeded, { StandardBehaviorOptions } from 'scroll-into-view-if-needed';
+import {
+  ScrollIntoViewIfNeededDefaultElementType,
+  ScrollIntoViewIfNeededDefaultProps,
+} from './constants';
 
-interface IScrollIntoViewIfNeededProps extends HTMLProps<HTMLElement> {
+export interface IScrollIntoViewIfNeededProps extends HTMLProps<HTMLElement> {
   active?: boolean;
   children?: ReactNode;
   elementType?: string;
   options?: StandardBehaviorOptions;
 }
 
-const ScrollIntoViewIfNeededDefaultElementType = 'div';
-
-const ScrollIntoViewIfNeededDefaultProps: IScrollIntoViewIfNeededProps = {
-  active: true,
-  elementType: ScrollIntoViewIfNeededDefaultElementType,
-  options: {
-    behavior: 'smooth',
-    scrollMode: 'if-needed',
-  },
-};
-
 export class ScrollIntoViewIfNeeded extends PureComponent<IScrollIntoViewIfNeededProps> {
   node: RefObject<HTMLElement> = createRef();
 

package/src/components/ScrollIntoViewIfNeeded/constants.ts

@@ -0,0 +1,12 @@
+import type { IScrollIntoViewIfNeededProps } from './ScrollIntoViewIfNeeded';
+
+export const ScrollIntoViewIfNeededDefaultElementType = 'div';
+
+export const ScrollIntoViewIfNeededDefaultProps: IScrollIntoViewIfNeededProps = {
+  active: true,
+  elementType: ScrollIntoViewIfNeededDefaultElementType,
+  options: {
+    behavior: 'smooth',
+    scrollMode: 'if-needed',
+  },
+};

package/src/components/SearchInput/SearchInput.tsx

@@ -16,6 +16,7 @@ export type ISearchInputProps = Omit<
   | 'errorPosition'
   | 'hasFloatingLabel'
   | 'border'
+  | 'tweakStyles'
 > & {
   tweakStyles?: SearchInputStyles;
 };

package/src/components/Select/Select.tsx

@@ -33,8 +33,7 @@ import {
 import { IDropdownWithPopperOptions, IIcon } from '../../types';
 import { IInputProps, Input } from '../Input';
 import { ISearchInputProps, SearchInput } from '../SearchInput';
-import { SelectStyles, styles } from './Select.styles';
-import { SelectList } from './SelectList';
+import { SelectList } from './components';
 import { ALL_OPTION_INDEX, DEFAULT_OPTION_INDEX } from './constants';
 import {
   defaultConvertFunction,
@@ -44,6 +43,7 @@ import {
   isMultiSelectValue,
 } from './helpers';
 import { IMultipleSelectValue } from './types';
+import { SelectStyles, styles } from './Select.styles';
 
 export interface ISelectProps<Value>
   extends Omit<IInputProps, 'value' | 'onChange' | 'onBlur' | 'type'> {

package/src/components/Select/{SelectList → components/SelectList}/SelectList.styles.ts

@@ -1,5 +1,5 @@
-import { colors, dimensions, helpers } from '../../../theme';
-import { ComponentStyles } from '../../../types';
+import { colors, dimensions, helpers } from '../../../../theme';
+import { ComponentStyles } from '../../../../types';
 
 export const ROW_HEIGHT = 40;
 export const CONTAINER_PADDING = 10;

package/src/components/Select/{SelectList → components/SelectList}/SelectList.tsx

@@ -5,12 +5,12 @@ import {
   isReactNodeNotEmpty,
   isStringNotEmpty,
 } from '@true-engineering/true-react-platform-helpers';
-import { useTheme } from '../../../hooks';
-import { ICommonProps } from '../../../types';
-import { ScrollIntoViewIfNeeded } from '../../ScrollIntoViewIfNeeded';
-import { SelectListItem } from '../SelectListItem/SelectListItem';
-import { ALL_OPTION_INDEX, DEFAULT_OPTION_INDEX } from '../constants';
-import { IMultipleSelectValue } from '../types';
+import { useTheme } from '../../../../hooks';
+import { ICommonProps } from '../../../../types';
+import { ScrollIntoViewIfNeeded } from '../../../ScrollIntoViewIfNeeded';
+import { ALL_OPTION_INDEX, DEFAULT_OPTION_INDEX } from '../../constants';
+import { IMultipleSelectValue } from '../../types';
+import { SelectListItem } from '../SelectListItem';
 import { SelectListStyles, styles } from './SelectList.styles';
 
 export interface ISelectListProps<Value> extends ICommonProps {

package/src/components/Select/components/SelectList/index.ts

@@ -0,0 +1,2 @@
+export * from './SelectList';
+export type { SelectListStyles } from './SelectList.styles';

package/src/components/Select/{SelectListItem → components/SelectListItem}/SelectListItem.styles.ts

@@ -1,4 +1,4 @@
-import { CheckboxStyles } from '../../Checkbox';
+import { CheckboxStyles } from '../../../Checkbox';
 import { CELL_PADDING } from '../SelectList/SelectList.styles';
 
 export const checkboxStyles: CheckboxStyles = {

package/src/components/Select/{SelectListItem → components/SelectListItem}/SelectListItem.tsx

@@ -2,9 +2,9 @@ import { ReactNode, MouseEvent, FC } from 'react';
 import clsx from 'clsx';
 import { Classes } from 'jss';
 import { isNotEmpty } from '@true-engineering/true-react-platform-helpers';
-import { addDataAttributes } from '../../../helpers';
-import { Checkbox } from '../../Checkbox';
-import { ScrollIntoViewIfNeeded } from '../../ScrollIntoViewIfNeeded';
+import { addDataAttributes } from '../../../../helpers';
+import { Checkbox } from '../../../Checkbox';
+import { ScrollIntoViewIfNeeded } from '../../../ScrollIntoViewIfNeeded';
 import { checkboxStyles } from './SelectListItem.styles';
 
 export interface ISelectListItemProps {

package/src/components/Select/components/SelectListItem/index.ts

@@ -0,0 +1 @@
+export * from './SelectListItem';

package/src/components/Select/components/index.ts

@@ -0,0 +1,2 @@
+export * from './SelectList';
+export * from './SelectListItem';

package/src/components/Select/index.ts

@@ -1,4 +1,4 @@
 export * from './Select';
-export type { IMultipleSelectValue } from './types';
+export * from './types';
 export type { SelectStyles } from './Select.styles';
-export type { SelectListStyles } from './SelectList/SelectList.styles';
+export type { SelectListStyles } from './components';

package/src/components/SmartInput/SmartInput.stories.tsx

@@ -1,7 +1,8 @@
 import { useState } from 'react';
 import { ComponentStory } from '@storybook/react';
 import { IInputProps } from '../Input';
-import { SmartInput, TSmartType } from './SmartInput';
+import { SmartInput } from './SmartInput';
+import { TSmartType } from './types';
 
 const types: Array<IInputProps['type']> = ['text', 'password', 'email', 'number'];
 const smartTypes: TSmartType[] = ['default', 'agencyName', 'surname', 'name', 'email'];