@true-engineering/true-react-common-ui-kit 2.3.0 → 2.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@true-engineering/true-react-common-ui-kit",
-  "version": "2.3.0",
+  "version": "2.3.2",
   "description": "True Engineering React UI Kit with theming support",
   "author": "True Engineering (https://trueengineering.ru)",
   "keywords": [
@@ -42,7 +42,7 @@
     "types-check": "tsc --noEmit"
   },
   "dependencies": {
-    "@true-engineering/true-react-platform-helpers": "0.0.4",
+    "@true-engineering/true-react-platform-helpers": "0.0.5",
     "clsx": "1.2.1",
     "country-flag-icons": "1.5.5",
     "date-fns": "2.29.3",

package/src/components/DateInput/DateInput.tsx

@@ -3,8 +3,8 @@ import clsx from 'clsx';
 import { addDataAttributes } from '../../helpers';
 import { useTheme, useTweakStyles } from '../../hooks';
 import { IInputProps, Input } from '../Input';
-import { DateInputStyles, styles } from './DateInput.styles';
 import { EMPTY_DATE_INPUT_VALUE, EMPTY_DATE_RANGE_INPUT_VALUE } from './constants';
+import { DateInputStyles, styles } from './DateInput.styles';
 
 export interface IDateInputProps
   extends Omit<IInputProps, 'value' | 'beforeMaskedStateChange' | 'onChange'> {

package/src/components/DatePicker/DatePicker.tsx

@@ -22,11 +22,11 @@ import {
 import { addDataAttributes } from '../../helpers';
 import { useTheme, useTweakStyles } from '../../hooks';
 import { DateInput, EMPTY_DATE_INPUT_VALUE, IDateInputProps } from '../DateInput';
-import { DatePickerStyles, styles } from './DatePicker.styles';
 import { DatePickerHeader } from './DatePickerHeader';
 import { DEFAULT_DATE_FORMAT } from './constants';
 import { areDatesEquals, getDateFormatter, getDateValueParser } from './helpers';
 import { IDatePickerBaseProps, IRange } from './types';
+import { DatePickerStyles, styles } from './DatePicker.styles';
 
 const DatePickerComponent =
   (ReactDatePicker as unknown as { default: typeof ReactDatePicker }).default ?? ReactDatePicker;

package/src/components/FiltersPane/FilterSelect/FilterSelect.tsx

@@ -11,8 +11,8 @@ import { ScrollIntoViewIfNeeded } from '../../ScrollIntoViewIfNeeded';
 import { SearchInput } from '../../SearchInput';
 import { ThemedPreloader } from '../../ThemedPreloader';
 import { IFilterLocaleKey } from '../locales';
-import { FilterSelectStyles, styles } from './FilterSelect.styles';
 import { getLocale, ISelectLocale } from './locales';
+import { FilterSelectStyles, styles } from './FilterSelect.styles';
 
 export interface IFilterSelectProps<Value> extends ICommonProps {
   tweakStyles?: FilterSelectStyles;

package/src/components/FiltersPane/FiltersPane.tsx

@@ -5,10 +5,10 @@ import { ICommonProps } from '../../types';
 import { Button } from '../Button';
 import { Icon } from '../Icon';
 import { FilterWrapper } from './FilterWrapper';
-import { FiltersPaneStyles, styles } from './FiltersPane.styles';
 import { IFiltersPaneSearchProps, FiltersPaneSearch } from './FiltersPaneSearch';
 import { getLocale, IFilterLocaleKey, IPartialFilterLocale } from './locales';
 import { ConfigType } from './types';
+import { FiltersPaneStyles, styles } from './FiltersPane.styles';
 
 export interface IFiltersPaneProps<Values, Content = Values> extends ICommonProps {
   tweakStyles?: FiltersPaneStyles;

package/src/components/FlexibleTable/FlexibleTable.tsx

@@ -4,9 +4,9 @@ import { addDataAttributes } from '../../helpers';
 import { useTheme } from '../../hooks';
 import { ICommonProps } from '../../types';
 import { ThemedPreloader } from '../ThemedPreloader';
-import { FlexibleTableStyles, styles } from './FlexibleTable.styles';
 import TableRow from './TableRow';
 import { FlexibleTableConfigType, IInfinityScrollConfig, ITitleComponent } from './types';
+import { FlexibleTableStyles, styles } from './FlexibleTable.styles';
 
 // TODO: Заменить Record<string, any> на Record<string, unknown>
 export interface IFlexibleTableProps<Values extends Record<string, any>> extends ICommonProps {

package/src/components/Icon/Icon.tsx

@@ -3,10 +3,10 @@ import { addDataAttributes } from '../../helpers';
 import { useTheme } from '../../hooks';
 import { ICommonProps } from '../../types';
 import ComplexIconBoilerplate from './ComplexIconBoilerplate';
-import { IconStyles, styles } from './Icon.styles';
 import { IconBoilerplate } from './IconBoilerplate';
 import { complexIcons, IComplexIcon } from './complexIcons';
 import { ICommonIcon } from './icons';
+import { IconStyles, styles } from './Icon.styles';
 
 export type IIconType = ICommonIcon | IComplexIcon;
 

package/src/components/Modal/Modal.tsx

@@ -73,7 +73,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/MultiSelect/MultiSelect.tsx

@@ -3,8 +3,8 @@ import clsx from 'clsx';
 import { useOnClickOutside, useTheme, useTweakStyles } from '../../hooks';
 import { MultiSelectList, IMultiSelectListValues } from '../MultiSelectList';
 import { IMultiSelectLocale, IMultiSelectLocaleKey } from '../MultiSelectList/locales';
-import { styles, MultiSelectStyles } from './MultiSelect.styles';
 import { MultiSelectInput } from './MultiSelectInput';
+import { styles, MultiSelectStyles } from './MultiSelect.styles';
 
 export type THorizontalCornerConnection = 'full' | 'left' | 'right';
 

package/src/components/MultiSelectList/MultiSelectList.tsx

@@ -8,7 +8,6 @@ import { Button } from '../Button';
 import { Checkbox, ICheckboxProps } from '../Checkbox';
 import { SearchInput } from '../SearchInput';
 import { ThemedPreloader } from '../ThemedPreloader';
-import { MultiSelectListStyles, styles } from './MultiSelectList.styles';
 import {
   DEFAULT_LOCALE,
   getLocale,
@@ -16,6 +15,7 @@ import {
   IMultiSelectLocaleKey,
   MultiSelectLocales,
 } from './locales';
+import { MultiSelectListStyles, styles } from './MultiSelectList.styles';
 
 export interface IMultiSelectListValues<Option> {
   include: Option[];

package/src/components/PhoneInput/PhoneInput.tsx

@@ -11,9 +11,9 @@ 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 { IPhoneInfo, IPhoneValue } from './types';
+import { PhoneInputStyles, styles } from './PhoneInput.styles';
 
 export interface IPhoneInputProps
   extends Omit<IInputProps, 'value' | 'onChange' | 'type' | 'mask' | 'units' | 'placeholder'> {

package/src/components/Select/Select.tsx

@@ -33,7 +33,6 @@ 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 { ALL_OPTION_INDEX, DEFAULT_OPTION_INDEX } from './constants';
 import {
@@ -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/ThemedPreloader/ThemedPreloader.tsx

@@ -3,8 +3,8 @@ import clsx from 'clsx';
 import { addDataAttributes } from '../../helpers';
 import { useTheme, useTweakStyles } from '../../hooks';
 import { ICommonProps } from '../../types';
-import { ThemedPreloaderStyles, styles } from './ThemedPreloader.styles';
 import { SvgPreloader, DotsPreloader } from './components';
+import { ThemedPreloaderStyles, styles } from './ThemedPreloader.styles';
 
 const svgTypes = ['default', 'logo'] as const;
 

package/src/helpers/deprecated.ts

@@ -5,6 +5,7 @@ import {
   getSelectKeyHandler as getSelectKeyHandlerHelper,
   getTestId as getTestIdHelper,
   isEmpty as isEmptyHelper,
+  isNotEmpty as isNotEmptyHelper,
   isNumberInteger,
   isString,
   isStringNotEmpty as isStringNotEmptyHelper,
@@ -19,4 +20,4 @@ export const getTestId = getTestIdHelper;
 export const isStringNotEmpty = isStringNotEmptyHelper;
 export const isEmpty = isEmptyHelper;
 export const isNotEmpty = <T>(val: T | null | undefined): val is T =>
-  (isString(val) && isStringNotEmpty(val)) || isNotEmpty(val);
+  (isString(val) && isStringNotEmptyHelper(val)) || isNotEmptyHelper(val);